/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/** links **/

a{
	-webkit-transition: all .5s;
}

/****************** header ********************/

/** top header **/

.top-header-wrap{
	width: 100%;
	position:fixed;
	z-index: 10000;
	top: 0;
	left:0;
	right: 0;
	background-color: #fff;
	padding: 5px 0 5px 0;
	margin: auto auto;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.0);
}

.top-header-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 95%;
	max-width: 1000px;
	margin: auto auto;
}

.top-header-lt{
	-webkit-transition: all .3s;
}

.top-header-lt:hover{
	opacity: .5;
	-webkit-transition: all .3s;
}

.top-header-lt img{
	max-height: 75px;
}

.top-header-rt{
	display: flex;
}

.top-header-rt i{
	padding: 0 5px;
	font-size: 20px;
	color: #165798;
}

.top-header-rt a{
	font-size: 11px;
	line-height: 15px;
	color: #165798;
	-webkit-transition: all .3s;
}


.top-header-rt a:hover{
	color: #000;
	-webkit-transition: all .3s;
}



.top-header-phone,
.top-header-email,
.top-header-location,
.top-header-social{
	display: flex;
	align-items: center;
	margin: 0 10px;
}

.top-header-social a i{
	padding: 0 5px;
	-webkit-transition: all .3s;
}

.top-header-social a i:hover{
    color: #000;
	-webkit-transition: all .3s;
}

.top-divider{
	width: 1px;
	height: 35px;
	margin: 0 10px;
	background-color: #ccc;
}

@media(max-width: 980px){
	.top-header-wrap{
		display: none;
	}
}

/********* nav ********/

@media(min-width: 980px){
	
	
	
#main-header{
	background-color: #165798;
	max-width: 1130px;
	width: 100%;
	padding: 0 0 0 0;
	margin: 75px auto -35px auto;
	top: 10px;
	z-index: 900;
}


.container.clearfix.et_menu_container{
	width: 100%;
	margin: auto auto;
	padding: 0 0 0 0;
}

#et-top-navigation{
	width: 100%;
	max-width: 100%;
	margin-top: -11px;
}
	
	#top-menu-nav{
		max-width: 100%;
	width: 100%;
	}
	
	.nav{
	padding: 0 0 0 40px;
	display: flex;
	justify-content: space-between;
	overflow:hidden;
	}
	
	.nav a{
		cursor: pointer;
	padding: 30px 0 30px 0;
	font-weight:600;
	letter-spacing: 1px;
	}
	
	.nav a::after{
		margin-top: 30px;
	}
	
}

/** drop down **/


li.sub-menu-item a img{
	max-width: 40px;
	margin-right: 5px;
}


li.sub-menu-item a:hover{
	color: #0079c0 !important;
}

li.sub-menu-item a{
	border-bottom: #fff 0px solid !important;
}

@media(min-width: 980px){
	
	.sub-menu li a{
	color: #333 !important;
	margin: 0 15px !important;
}



li.dropdown-sub-title{
	margin: 1% !important;
	width: 30% !important;
}

li.dropdown-sub-title > a{
	cursor:default;
	font-weight: 900px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #333 !important;
	border-bottom: 2px solid #AF9F7F !important;
	margin: 15px !important;
}

li.dropdown-sub-title > a:hover{
	color: #333 !important;
}

ul.sub-menu{
	display: flex;
	flex-wrap: wrap;
}

.sub-menu-item{
	width: 50% !important;
}

li.sub-menu-item a{
	display: flex !important;
	align-items: center;
}


.menu-quote{
	background-image: url(https://m-condit.info/carpet-master/wp-content/uploads/2019/10/quote-bg4.jpg);
	background-positon: left center;
	background-repeat: no-repeat;
	padding: 5px 40px 0 90px !important;
	text-align: center;
	background-color: #F2B944;
	margin: -5px -5px 0 0;
}

.menu-quote a{
	font-size: 15px;
	color: #165798 !important;
	text-transform: uppercase;
	font-weight: 700;
}
}

@media(max-width: 980px){

	li.mega-menu a{
		color: #165798 !important;
	}

span.select_page,
li.sub-menu-item a{
	color: #165798 !important;
}
}

/****************** homepage ********************/


/*** quote sec ***/

.quote-form-wrap{
	background-color: #fff;
	padding: 40px;
	margin: -100px 0 0 0;
	border-top: 5px solid #165798;
	min-height: 150px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
}

div.nf-form-fields-required{
	display: none;
}

.quote-form-wrap h3{
	font-size: 24px;
	font-weight: 700;
	color: #165798;
}

.quote-form-wrap p{
	width: 80%;
	margin: auto auto;
}

.quote-form-wrap input,
.quote-form-wrap select,
.nf-field-element div,
.quote-form-wrap select.ninja-forms-field.nf-element,
input.ninja-forms-field.nf-element::placeholder,
select.ninja-forms-field.nf-element::placeholder{
	font-size: 12px;
}


.quote-form-wrap .nf-field-element ul{
	display: flex;
	flex-wrap: wrap;
}

.quote-form-wrap li{
	width: 33%;
}

#nf-label-class-field-41-0,
#nf-label-class-field-41-1{
	white-space: nowrap;
}

div.nf-field-element ul li{
	min-width: 150px;
}

#nf-label-field-12,
#nf-label-field-21,
#nf-label-field-23,
label{
	font-size: 14px !important;
}


.quote-submit .nf-element{
	cursor: pointer;
	display: block;
	width: 100% !important;
	margin: 0 auto !important;
	background-color: #F2B944 !important;
	color: #165798 !important;
	height: 60px !important;
	font-weight: 700;
	text-transform: uppercase;
}

.quote-submit .nf-element:hover{
	color: #F2B944 !important;
	background-color: #165798 !important;
}

a.mobile-quote{
	display: none;
}

div.nf-response-msg p{
	display: flex;
	align-self: center;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	font-weight: 700;
	color: #165798;
}

@media(max-width: 980px){
	a.mobile-quote{
		z-index: 100000;
		display: block;
		position: fixed;
		float: right;
		right: 50px;
		top: 22px;
	color: #fff;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #E4A31A;
	border-radius: 10px;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
}

a.mobile-quote:hover{
	color: #ff8800;
	background-color: #fff;
}
}



@media(max-width: 550px){
	.quote-form-wrap{
	padding: 10px !important;
}
.quote-form-wrap p{
	width: 95%;
}

div.nf-field-element ul li{
	display: block;
	width: 100%; 
}
}



.cert-img{
	position: absolute;
	top: -50px;
	right: 0px;
}

.icon-item{
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.icon-item img{
	max-width: 35px;
	margin: 0 10px 0 0;
}

.cta-content{
	display: flex;
	align-items: center;
}

.cta-content img{
	max-width: 100px;
margin-bottom: -100px;
}

a.cta-btn{
	background-color: #f1b944;
	padding: 10px 55px;
	color: #165798;
	text-transform: uppercase;
	font-weight: 600;
}

a.cta-btn:hover{
	background-color: #165798;
	color: #fff;
}


@media(max-width: 980px){
	.quote-form-wrap{
	padding: 40px;
	margin: 0px 0 0 0;
}

}



/*************** services / commercial page ****************/

/** menu **/

.service-hero{
	position: relative;
	top: 0px;
	z-index: 200;
}

.service-menu-wrap{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	max-width: 1200px;
	Width: 90%;
	margin: auto auto;
}

.service-com-menu-wrap{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	Width: 90%;
	margin: auto auto;
	max-width: 640px;
}

.service-menu-wrap a,
.service-com-menu-wrap a{
	color: #fff;
	font-weight: 700;
	margin: 5px;
	text-align: center;
}

.service-menu-wrap a:hover,
.service-com-menu-wrap a:hover{
color: #F2B944;
}

.service-menu-wrap span,
.service-com-menu-wrap span{
	width: 1px;
	height: 20px;
	background-color: #fff;
}



@media(max-width: 980px){
	.service-hero{
	position: relative !important;
	top: 0px !important;
	z-index: 200;
}

.service-menu-wrap,
.service-com-menu-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	max-width: 1000px;
	Width: 90%;
	margin: auto auto;
}

.service-menu-wrap span,
.service-com-menu-wrap span{
	display: none;
}

#carpet{
	margin: 0 auto 0 auto !important;
}
}

@media(max-width: 650px){
	.service-menu-wrap{
	display: block;
}


.service-menu-wrap a,
.service-com-menu-wrap a{
	display: block;
	margin: 20px 5px;
	width: 100%;
}

.service-menu-wrap a:hover,
.service-com-menu-wrap a:hover{
color: #F2B944;
}
}


.icon-list{
	display: flex;
	flex-direction: column;
}

.icon-list span{
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.icon-list span i{
	font-size: 25px;
	margin: 0 10px 0 0;
}

i.far.fa-check-circle{
	color: green;
}

i.far.fa-times-circle{
	color: red;
}





.icon-list-1 span{
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.icon-list-1 span i{
	font-size: 5px;
	margin: 0 10px 0 0;
	color: #E4A31A;
}


.icon-list-3{
	display: flex;
	flex-wrap: wrap;
}

.icon-list-3 span{
	display: flex;
	align-items: center;
	margin: 10px 0;
	width: 33%;
}
.icon-list-3 span i{
	font-size: 5px;
	margin: 0 10px 0 0;
	color: #E4A31A;
}



/** numbered list **/

.number-list-wrap{
	display: flex;
	justify-content: space-evenly;
	margin: auto auto;
}

.number-inner-wrap{
	width: 24%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	margin: 10px !important;
	background-color: #f7f7f7;
	border-radius: 30px;
	padding: 15px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
}

.number-list-inner{
	display: flex;
	align-items: flex-start;
	flex-wrap: no-wrap;
	padding: 30px 0 0 0;
}


.list-number{
	font-size: 120px;
	font-weight: 900;
	color: #ccc;
	padding: 0 0 0 0 !important;
}

.number-list-content{
	margin: -20px auto 0 auto;
	color: #999;
	font-weight: 900;
	font-size: 17px;
	text-align: center;
}


.list-icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px 0 0 0;
}

.list-icons img{
	width: 29%;
	margin: 3px;
	opacity: .4;
	max-height: 57px;
	object-fit: contain;
}


@media(max-width: 980px){
	.number-list-wrap{
	flex-wrap: wrap;
}
	.number-inner-wrap{
	width: 45% !important;
	}
}

@media(max-width: 650px){
	.number-list-wrap{
	flex-wrap: wrap;
}
	.number-inner-wrap{
	width: 95% !important;
	max-width: 370px;
	}
}


/** what people say **/


.autoplay{
	max-width: 900px;
	margin: auto auto;
}

.test-single-wrap{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
margin: 20px;
height: 430px;
}

.test-single{
	padding: 20px;
	margin: 0 20px;
}

.test-single span{
	display: block;
	font-weight: 700;
	margin: 15px 0 !important;
}

div.test-single a p{
	color: #666;
	-webkit-transition: all .5s;
}

div.test-single a p:hover{
	color: #165798;
	-webkit-transition: all .5s;
}


.autoplay div img{
	width: 70px !important;
	height: 70px !important;
	margin: 15px auto 10px auto;
}

.autoplay div p{
	text-align: center;
}

button.slick-prev::before,
button.slick-next::before{
	color: rgba(0,0,0,0.5) !important;
}


@media(max-width: 1020px){
	.test-single-wrap{
height: 470px;
}
}

@media(max-width: 910px){
	.test-single-wrap{
height: 600px;
}
}

@media(max-width: 750px){
	.test-single-wrap{
height: 400px;
}
}

@media(max-width: 570px){
	.test-single-wrap{
height: 500px;
}
}

@media(max-width: 450px){
.test-single-wrap{
	height: 640px;
}
}

/** gallerys **/

div.et_pb_gallery_items.et_post_gallery.clearfix img{
	height: 200px;
	object-fit: cover;
}


/** service areas **/

.area-wrap{
	margin: 50px;
	display: flex;
	justify-content: space-between;
	max-width: 500px;
	margin: 50px auto 0 auto;
}

.area-content{
	line-height: 30px;
}

/** faqs **/

.faq-wrap h5{
	font-size: 20px;
}


/** contact **/

.contact-form input,
.contact-form textarea{
	width: 100%;
	padding: 15px;
	font-size: 14px;
	max-height: 150px;
}

.contact-form .wpcf7-submit{
	cursor: pointer;
	width: 200px;
	background-color: #F2B944;
	border: 0px solid #fff;
	color: #165798;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all .5s;
}

.contact-form .wpcf7-submit:hover{
	color: #fff;
	background-color: #165798;
	-webkit-transition: all .5s;
}

div.contact-info p{
	padding: 0 0 0 0;
}

div.contact-info a{
	display: block;
	padding: 0 0 0 0;
}

.contact-info span{
	display: block;
	margin: 15px 0 0 0;
	font-weight: 700;
}

.contact-social i{
	color: #165798;
	font-size: 25px;
	margin: 5px;
}


input.ninja-forms-field.nf-element::placeholder,
textarea.ninja-forms-field.nf-element::placeholder{
	font-size: 14px;
}

.quote-contact-submit input.ninja-forms-field.nf-element{
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
}



/** maiing list **/

.top-footer{
	display: none;
	background-color: #bcd2e8;
	padding: 20px 0;
}

.mailing-list-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

.mailing-list{
	display: flex;
	justify-content: center;
	align-items: center;
}

.mailing-list-title{
	font-size: 20px;
	font-weight: 700;
	color: #165798;
	margin: 0 15px 0 0;
}

#mc4wp_email{
	width: 250px;
	height: 50px;
}

#mc4wp_email,
#mc4wp_email::placeholder{
	padding: 0 15px;
	font-size: 15px;
}

.mailing-list .mc-join-btn{
	cursor: pointer;
	height: 50px;
	width: 100px;
	background-color: #F0C058;
	color: #165798;
	border: 0px solid #fff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
}
	
.mailing-list .mc-join-btn:hover{
	background-color: #165798;
	color: #fff;
}

div.mc4wp-alert{
	text-align: center;
	margin: 15px 0;
	font-weight: 600;
	color: #171717;
}


@media(max-width: 700px){
	.mailing-list-wrap{
		flex-direction: column;
	}


.mailing-list-title{
	font-size: 20px;
	font-weight: 700;
	color: #165798;
	margin: 0 10px 20px 10px;
}

#mc4wp_email{
	width: 200px;
}
}


/****************** about page ****************/

@media (max-width: 980px) {
.page-id-910 .flex-columns .et_pb_row {
  display: flex; }
.page-id-910 .flex-columns.threebythree .et_pb_row {
  display: flex; }
.page-id-910 .flex-columns.threebythree .et_pb_row {
  flex-wrap: wrap; }
.page-id-910 .flex-columns.threebythree .et_pb_row .et_pb_column {
  width: calc(100% / 3); } 
}
@media (max-width: 725px) {
	
	.flex-columns{
	background-position: 10% -80px !important;
  }
  
.page-id-910 .flex-columns.threebythree .et_pb_row {
  flex-wrap: wrap; } 
.page-id-910 .flex-columns.threebythree .et_pb_row .et_pb_column {
  width: calc(100% / 2); }
  

.page-id-910 div.et_pb_column.et_pb_column_1_3.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough,
.page-id-910 div.et_pb_column.et_pb_column_1_3.et_pb_column_7.et_pb_css_mix_blend_mode_passthrough,
.page-id-910 div.et_pb_column.et_pb_column_1_3.et_pb_column_8.et_pb_css_mix_blend_mode_passthrough{
	  width: 100%;
	  display: flex;
  }
  
.page-id-910 div.et_pb_with_border .et_pb_bg_layout_light.et_pb_text_align_left{
	  width: calc(100% / 2);
	  padding: 10% 15px 0 15px !important;
}

.page-id-910 div.et_pb_with_border.et_pb_module.et_pb_text{
	  height: 200px;
	  width: 100%;
	   padding: 10% 15px 0 15px !important;
}

.page-id-910 .et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_12.et_pb_bg_layout_light.et_pb_text_align_left,
.page-id-910 .et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_13.et_pb_bg_layout_light.et_pb_text_align_left{
	  padding: 5% 15px 0 15px !important;
  }
  
}

@media (max-width: 600px) {
.page-id-910 .et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_12.et_pb_bg_layout_light.et_pb_text_align_left,
.page-id-910 .et_pb_with_border.et_pb_module.et_pb_text.et_pb_text_13.et_pb_bg_layout_light.et_pb_text_align_left{
	  padding: 15% 15px 0 15px !important;
  }
  
}

@media (max-width:5500px) {
.flex-columns{
	background-position: 20% -80px !important;
  }
}



/*************** footer ******************/


.footer-social-wrap{
	display: flex;
	justify-content: space-evenly;
	float: right;
	width: 200px;
	font-size: 24px;
}

.footer-social-wrap a{
	color: #666;
}

.footer-social-wrap a:hover{
	color: #ccc;
}

@media(max-width: 750px){
	.footer-social-wrap{
		float: none;
	margin: 0 auto 15px auto;
}
}

/*
@media screen and (max-width: 980px) {
	body.page-id-7853 .et_pb_section_0.et_pb_section {
		padding-top: 0 !important;
		background-image: none  !important;
	}
	body.page-id-7853 .et_pb_column_0 {
		background-size: cover  !important;
		background-position: 50%  !important;
		background-image: linear-gradient(180deg, rgba(11, 44, 76, 0.65) 47%, rgba(255, 255, 255, 0) 70%), url(https://bayareacarpetmaster.fourthpartmedia.com/wp-content/uploads/2024/03/Carpet-Cleaning-Pacific-Heights-CA.jpg) !important;
		padding-top: 25% !important;
		padding-bottom: 19% !important;
		margin-bottom: -0.2% !important;
		min-height: 610px !important;
	}
}
*/

@media screen and (max-width: 980px) {
	.carpet-cleaning-pacific-heights-hero .carpet-cleaning-pacific-heights-hero__column-left {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 981px) {
	.carpet-cleaning-pacific-heights-hero {
		background-position: left -25px center
	}
	.carpet-cleaning-pacific-heights-hero .carpet-cleaning-pacific-heights-hero__column-right {
		margin-top: 8%;
		margin-bottom: -5%;
	}
}