/*
Theme Name:     divi-child
Description:    
Author:         nicole
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* TOP BAR */
#contact-info {
    position: absolute;
	top: 10px;
	right: 30px;
	color: #2b2b2b;
	z-index: 100;
}

#contact-info a {
	color: #2b2b2b;
	font-weight: 600;
	font-size: 16px;
}

#contact-info a:hover {
	color: #9B1C23;
}

.et_fullwidth_nav #main-header .container {
	padding-left: 0;
}

/* NAVIGATION */

body.home #top-menu a, body.home #contact-info, body.home #contact-info a {
	color: #fff !important;
}

body.home .et-fixed-header #top-menu a, body.home .et-fixed-header #contact-info, body.home .et-fixed-header #contact-info a {
	color: #2b2b2b !important;
}

.btn-buy-now, .et-fixed-header #et-top-navigation nav > ul > li.btn-buy-now {
	background-color: #9b1c23;
	padding: 10px !important;
}

.btn-buy-now  a, .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.btn-buy-now > a {
	color: #fff !important;
	font-weight: 700 !important;
	padding: 5px 10px !important;
	font-size: 16px !important;
	letter-spacing: 2px;
}

.et_header_style_left #et-top-navigation nav > ul > li > a {
	padding: 5px 10px !important;
}

#top-menu .menu-item-has-children > a:first-child::after {
    position: absolute;
    top: 8px;
    right: -10px;
}

#main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: rgba(255,255,255,1) !important;
}

.et_header_style_left #et-top-navigation {
	padding: 60px 0 20px 0 !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding: 60px 0 20px 0 !important;
}

body.home #main-header .nav li ul, body.home .et-search-form, body.home #main-header .et_mobile_menu {
    background-color: rgba(43,130,180,1) !important;
}

/* BANNER */

.banner-col {
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
	margin-bottom: 50px;
}

.banner-col h4 {
	color: #fff;
	font-family: 'PT Serif', serif;
	font-weight: 700;
	font-style: italic;
	font-size: 28px;
}

body.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	background-color: rgba(15, 105, 142, .8);
	padding: 30px 30px;
}

h4.text-with-sideborder {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 0 30px;
}

/* HOME TESTIMONIAL */

#home-testimonial .et_pb_testimonial .et_pb_testimonial_author, #blurb-testimonial.et_pb_testimonial .et_pb_testimonial_author {
	color: #2b2b2b !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.et_pb_testimonial::before { 
	font-size: 50px;
}

/* HOME - HOW IT WORKS */

#how-it-works ul {
	list-style-type: none;
	padding-left: 0;
}

#how-it-works ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}

#how-it-works li .li-content-number {
	color: #5d859f !important;
	font-family: "Khand", sans-serif !important;
	font-size: 60px !important;
	font-weight: 700 !important;
	width: 15%;
	text-align: left;
}

#how-it-works li .li-content {
	width: 85%;
}

.et_pb_button_0_wrapper .et_pb_button_0.shed-content-button {
	padding-top: 10px !important;
}


/* HOME - WHAT TO EXPECT */

#what-to-expect ul {
	padding-left: 0;
	list-style-type: none;
}

#what-to-expect ul  li {
	position: relative;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

#what-to-expect ul li::before {
	position: absolute;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
}

#product-slider .et_pb_container {
	height: auto !important;
}

#product-slider .et_pb_slide_description {
	display: none;
}

#product-slider .et_pb_slide_image, #product-slider .et_pb_slide_image img {
	margin-top: 0 !important;
	max-height: none !important;
}

#product-slider .et_pb_slide {
	padding: 0 !important;
}

/* IMAGE SLIDER */

.shed-slider-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.shed-slider {
	width: 48%;
}

.shed-description {
	width: 48%;
	padding: 20px;
}

.shed-btn {
	text-align: center;
}

.btn-in-stock, .btn-custom {
	display: inline-block;
	width: 150px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 10px;
	text-align: center;
}

.btn-in-stock {
	background-color: #5d859f;
}

.btn-custom {
	background-color: #26648b;
}

/* CALCULATOR */

#fieldname13_1 {
	display: flex;
}

#fbuilder .small {
	width: 100% !important;
}

.gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	background-color: #9b1c23;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 10px 20px;
}

.footer-widget li::before {
    border-color: transparent;
}

/* PRODUCT FORM */

.gform_wrapper .top_label li ul.gfield_checkbox {
    width: 100% !important;
}

.gform_wrapper .order-confirmation-form ul.gfield_checkbox {
	display: flex;
	justify-content: flex-start;
}

.gform_wrapper .order-confirmation-form ul.gfield_checkbox li {
	width: 100%;
	max-width: 337px;
	margin-right: 10%;
	background-color: #0F698E;
	color: #fff;
	position: relative;
}

.gform_wrapper .order-confirmation-form ul.gfield_checkbox li:last-child {
	margin-right: 0;
}

.gform_wrapper .order-confirmation-form ul.gfield_checkbox li label {
	max-width: 100%
}

.gform_wrapper .order-confirmation-form ul.gfield_checkbox li label p {
	padding: 20px;
}

.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(4n), 
.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(5n), 
.gform_wrapper .order-confirmation-form-2 ul li.gfield:nth-child(6n),
.gform_wrapper .order-confirmation-form-3 ul li#field_15_6.gfield:nth-child(6n),
.gform_wrapper .order-confirmation-form-3 ul li.gfield:nth-child(7n),
.gform_wrapper .order-confirmation-form-3 ul li#field_13_7.gfield:nth-child(8n), 
.gform_wrapper .order-confirmation-form-3 ul li#field_15_7.gfield:nth-child(9n) {
	display: inline-block !important;
	width: 25% !important;
}

.gform_wrapper .order-confirmation-form-2 ul li.gfield:nth-child(4n), .gform_wrapper .order-confirmation-form-3 ul li#field_15_31.gfield:nth-child(4n), .gform_wrapper .order-confirmation-form-3 ul li#field_13_15.gfield:nth-child(4n), .gform_wrapper .order-confirmation-form-3 ul li#field_13_4.gfield:nth-child(5n), .gform_wrapper .order-confirmation-form-3 ul li#field_15_4.gfield:nth-child(4n), .gform_wrapper .order-confirmation-form-3 ul li#field_15_4.gfield:nth-child(5n), .gform_wrapper .order-confirmation-form-3 ul li#field_15_5.gfield:nth-child(5n), .gform_wrapper .order-confirmation-form-3 ul li.gfield:nth-child(6n) {
	display: inline-block !important;
	width: 100% !important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 12px;
    margin-top: 12px;
}

/*Default styles for Gravity Forms single-column-form class*/

.order-confirmation-form ul.gfield_checkbox li input[type=checkbox]:checked+label, .order-confirmation-form ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label {
  margin-left: 0;
  font-weight: 400;
  font-size: 15px;
}

/*Custom subscribe box for .single-column-form class*/
.order-confirmation-form [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute!important;
  left: -9999px;
}

.order-confirmation-form [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
  position: relative!important;
  padding-left: 0 !important;
  cursor: pointer!important;
}

.order-confirmation-form [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  width: 1.60em;
  height: 1.60em;
  border: 2px solid #333;
  background: #fff;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
  padding: 2px;
}

.order-confirmation-form [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 16px;
  left: 16px;
  font-size: 1.3em;
  line-height: 0.8;
  background-color: #9b1c23;
  transition: all .2s;
}

/* checked mark aspect changes */
.order-confirmation-form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.order-confirmation-form [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
.order-confirmation-form [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.order-confirmation-form [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

.order-confirmation-form [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* SIDEBAR FORM */

.side-bar-form div.ginput_complex.ginput_container.gf_name_has_2 span {
    width: 100%;
	padding-right: 0 !important;
}

.side-bar-form ul.gform_fields li#field_2_2.gfield {
    padding-right: 0 !important;
}

.side-bar-form ul li.gfield {
    margin-top: 0 !important;
}

.side-bar-form .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"] {
    margin-bottom: 0 !important;
}

.side-bar-form .top_label div.ginput_container {
    margin-top: 0 !important;
}

/* IN STOCK */
ul.shed-type-desc {
	list-style-type: none;
}

/* REVIEWS */

#fbrp_widget-4, #grw_widget-2 {
	width: 100%;
}

/* LOCATIONS */


/* FOOTER */

#main-footer .container {
	width: 100% !important;
	max-width: 100% !important;
}

.footer-widget h4 {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	font-size: 25px !important;
	color: #fff !important;
}

#text-3 .et_pb_section {
	padding: 0 !important;
	background-color: transparent !important;
}

.footer-widget .et_pb_section .et_pb_row {
	margin: 0 !important;
	width: 100% !important;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
}

#menu-footer-menu li::before {
	content: none !important;
}

.footer-widget .et_pb_contact p input {
	padding: 10px !important;
}

.footer-contact-info {
	padding-left: 50px;
}

#gform_widget-3.et_pb_widget {
    float: none;
    max-width: 100%;
}

a.reviews-link {
  background-color: #5d859f;
  color: #ffffff !important;
  text-transform: uppercase;
  border: none;
  padding: 10px 20px;
}

.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
    margin-bottom: 10%;
}

.et_pb_gutters3 .footer-widget {
    margin-bottom: 2.5%;
}

.footer-widget:nth-child(2n), .footer-widget:nth-child(3n) {
	width: 17% !important;
	margin-right: 3%;
}

.footer-widget:nth-child(4n) {
	width: 30% !important;
}

.footer-form input {
	margin: 0 !important;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
    margin-bottom: 18%;
}

.social-links {
	display: flex;
	justify-content: flex-start;
	padding-left: 50px;
}

#et-footer-nav {
    background-color: transparent;
}

.bottom-nav a {
    font-size: 18px;
    color: #fff;
}
.bottom-nav {
    padding: 15px 50px;
}

.social-links img {
	margin-right: 15px;
}

#footer-bottom {
	padding: 15px 50px 5px;
}

#footer-info {
	font-size: 14px;
	font-weight: 700;
}

/* POPUP */

.sg-popup-builder-content  .gform_wrapper .gform_footer input.button, .sg-popup-builder-content  .gform_wrapper .gform_footer input[type="submit"] {
    font-size: 0.8em !important;
}

/* STORE LOCATOR */

#MySLP-map-wrap input {
    padding: 5px 10px !important;
}

@media screen and (max-width: 1280px) {
	#home-icons a {
		font-size: 20px !important;
	}
	
	.gform_wrapper .order-confirmation-form-3 ul#input_13_15 li,
	.gform_wrapper .order-confirmation-form-3 ul#input_15_31 li {
		max-width: 268px;
	}
	
	#text-4 a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
	
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
		line-height: 1.1em !important;
	}
	
	#home-icons a {
		font-size: 15px !important;
		line-height: 1em;
	}  
	
	.gform_wrapper .order-confirmation-form-3 ul#input_13_15 li,
	.gform_wrapper .order-confirmation-form-3 ul#input_15_31 li {
		max-width: 214px;
	}
	
	#text-4 a {
		font-size: 12px;
	}
}

@media screen and (max-width: 960px) {
	
	#main-header .container {
		width: 100%;
	}
	
	#contact-info {
    	top: 30px;
    	right: 20px;
	}
	
	body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
		font-size: 70px !important;
	}
	
	body.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    	width: 100%;
    	max-width: 800px;
    	margin: 0 auto;
	}
	
	.banner-col {
		flex-direction: column;
		text-align: center;
		margin-top: 50px;
	}
	
	.banner-col h4 {
		padding-bottom: 20px !important;
	}
	
	h4.text-with-sideborder {
    	border-left: none;
    	border-right: none;
    	padding: 0;
	}
	
	body.home #main-header .et_mobile_menu {
    	background-color: rgba(255, 255, 255, 1) !important;
	}
	
	.et_header_style_left #et-top-navigation {
    	padding: 60px 20px 20px 0 !important;
	}
	
	.mobile_menu_bar::before {
		color: #5d859f;
	}
	
	.et_mobile_menu {
		border-top: 3px solid #5d859f;
	}
	
	#home-icons .et_pb_blurb {
    	border-right-width: 0 !important;
    	border-right-style: none !important;
    	border-right-color: transparent !important;
		border-left-width: 0 !important;
    	border-left-style: none !important;
    	border-left-color: transparent !important;
	}
	
	#home-icons .et_pb_main_blurb_image {
		margin: 0;
	}
	
	#home-blurb .et_pb_text {
    	border-right-width: 0 !important;
	}
	
	.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(4n), 
	.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(5n), 
	.gform_wrapper .order-confirmation-form-2 ul li.gfield:nth-child(6n),
	.gform_wrapper .order-confirmation-form-3 ul li#field_15_6.gfield:nth-child(6n),
	.gform_wrapper .order-confirmation-form-3 ul li.gfield:nth-child(7n),
	.gform_wrapper .order-confirmation-form-3 ul li#field_13_7.gfield:nth-child(8n), 
	.gform_wrapper .order-confirmation-form-3 ul li#field_15_7.gfield:nth-child(9n) {
		display: inline-block !important;
		width: 50% !important;
	}
	
	#gform_wrapper_1.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select {
		margin: 0 !important;
	}
	
	.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select {
		margin: 12px 0 !important;
	}
	
	.gform_wrapper .top_label .gfield_label {
		display: block !important;
		text-align: center !important;
	}
	
	.ginput_container_fileupload input.medium {
    	width: calc(100% - 8px) !important;
    	text-align: center !important;
	}
	
	.ginput_recaptcha div {
		margin: 0 auto !important;
	}
	
	.footer-widget:nth-child(n) {
    	width: 100% !important;
    	margin-bottom: 3% !important;
	}
	
	#footer-widgets .footer-widget:nth-last-child(-n+2) {
    	margin-bottom: 3% !important;
	}
	
	#footer-widgets .footer-widget .fwidget {
    	margin-bottom: 2%;
		text-align: center !important;
		width: 100%;
	}
	
	.footer-contact-info {
    	padding: 0 20px;
	}
	
	.social-links {
		justify-content: space-between;
    	padding-left: 0;
    	width: 220px;
    	margin: 0 auto;
	}
	
	#text-4 a {
		font-size: 20px;
	}
	
	.footer-form_wrapper {
    	margin: 1% auto 3% !important;
    	max-width: 90% !important;
	}
	
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    	margin: 0 auto !important;
		display: block !important;
	}
	
	#home-blurb .et_pb_button_module_wrapper.et_pb_button_alignment_right, #home-blurb .et_pb_button_module_wrapper.et_pb_button_alignment_left {
    	text-align: center !important;
	}
	
	#text-3 .textwidget div {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	
	#text-3 .textwidget p {
		text-align: center !important;
	}
	
	#traditional-financing .et_pb_button_module_wrapper.et_pb_button_alignment_right {
    	text-align: left;
	}
}

@media screen and (max-width: 800px) {
	.gform_wrapper .order-confirmation-form ul.gfield_checkbox {
    	display: flex;
		flex-direction: column;
	}
	
	.gform_wrapper .order-confirmation-form ul.gfield_checkbox li {
    	width: 100%;
    	max-width: 400px !important;
    	margin: 0 auto 2% !important;
	}
}

@media screen and (max-width: 768px) {
	body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
		font-size: 55px !important;
	}
	
	#home-blurb h2 {
		font-size: 45px !important;
	}
	
	.shed-slider-box {
    	display: flex;
  		flex-direction: column;
		text-align: center;
	}
	
	.shed-slider {
    	width: 100%;
	}
	
	.shed-description {
    	width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    	width: 100% !important;
	}
	
	.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(4n), 
	.gform_wrapper .order-confirmation-form ul li.gfield:nth-child(5n), 
	.gform_wrapper .order-confirmation-form-2 ul li.gfield:nth-child(6n),
	.gform_wrapper .order-confirmation-form-3 ul li#field_15_6.gfield:nth-child(6n),
	.gform_wrapper .order-confirmation-form-3 ul li.gfield:nth-child(7n),
	.gform_wrapper .order-confirmation-form-3 ul li#field_13_7.gfield:nth-child(8n), 
	.gform_wrapper .order-confirmation-form-3 ul li#field_15_7.gfield:nth-child(9n) {
		display: block !important;
		width: 100% !important;
	}
	
	#contact-info {
    	position: absolute;
    	top: 10px;
		right: 0;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	
	.et_header_style_left .logo_container {
    	text-align: center;
	}
	
	body.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    	width: 90%;
	}
	
	body.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button {
		display: block !important;
    	margin-left: 0;
	}
}

@media screen and (max-width: 414px) {
	body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, body.home .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
		font-size: 40px !important;
	}
	
	.banner-col {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.banner-col h4 {
		font-size: 24px;
	}
	
	#home-blurb h2 {
		font-size: 37px !important;
	}
	
	#home-icons .et_pb_row {
		padding: 0 !important
	}
	
	#what-to-expect h2, #how-it-works h2, .et_pb_text_7 h2 {
		font-size: 35px !important;
	}
	
	#what-to-expect {
		padding-top: 0 !important;
	}
	
	#how-it-works {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	
	.et_pb_row_11.et_pb_row {
    	padding-right: 0 !important;
    	padding-left: 0 !important;
	}
	
	.et_pb_testimonial {
    	max-width: 100% !important;
	}
	
	#home-icons {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#media_image-2 img {
		max-width: 70% !important;
	}
}

@media screen and (max-width: 320px) {
	body.home .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    	width: 100%;
	}
}