/*
 Theme Name:     Divi Child
 Theme URI:      https://brightwavecleaning.co.za
 Description:    Brightwave Cleaning
 Author:         Owl Media
 Author URI:     https://www.owlmedia.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* COVID BANNER */

.serviceMod{
	background-position: center
}

#headerSectionOne .covidBanner{
  color: #fff;
  font-family: montserrat;
  padding: 5px 0

}
.covidBanner a{
  color: #fff;
  font-weight: 700
}
.covidBanner p{
  font-size: 13px
}
@media screen and (max-width:980px) {

	#headerRow{
		display: block !important;
	}
	#headerRow .covidBanner, .headerContactInfo{
		text-align: center !important;
	}
	#headerRow .et_pb_column{
		margin-bottom: 10px
	}
}




#headerRow{
  display: flex;
  align-items:center
}
.ctaContainer div{
  max-width: 100%;
  margin: auto !important;
}

#contactUsMainHeadingSec {
  padding-bottom: 10px !important;
}
.contTxt p {
  padding-bottom: 0 !important;
}
#contactUsRow {
  padding-bottom: 50px
}
#contactUsRow a {
  color: initial
}
.directionsBtn {
  background-color: lightgray !important;
  color: #fff;
  display: inline-block !important;
  padding: 5px 10px
    
}
.directionsBtn:hover {
  background-color: #000 !important;
}

/* GENERAL */

.pretoriaAddress {
  margin-bottom: 20px !important;
}

.serviceBlurp img {
  width: 100px
}
.serviceText p {
  max-width: 900px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center
}
.serviceText a.btn {
  background-color: #22A6DC;
  color: #fff;
  padding: 7px 20px;
  display: inline-block
}

.callToActionText {
  max-width: 1000px !important;
}

.current-menu-item a {
  font-weight: 600 !important;
}
.current-menu-item a:after {
  content: url(https://brightwavecleaning.co.za/wp-content/uploads/Active-Link-After-Element.svg);
  display: block;
  height: 12px;
  position: absolute;
  top: 8px
}

.footerContactDetails  a {
	color: #808080
}

#projectsSection .et_pb_image_container  {
	height: 250px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
#projectsSection .et_pb_image_container a {
	width: 100%
}


.headerContactInfo a  {
	color: #fff !important;
}

.subHeroRow .subHeroBigTxt {
	font-size: 25px;
    color: #fff;
	font-weight: 500
}
.subHeroSmlTxt {
	font-size: 18px;
}
.subHeroRow a {
	border: 1px solid #22A6DC;
	padding: 7px 15px;
	display: inline-block;
	margin-top: 25px;
	font-size: 13px;
	color: #fff
}
.subHeroRow .callToActionText   {
	padding-bottom: 0px !important;
}
.subHeroSection .subHeroRow {
	padding-bottom: 50px
}

a {
	transition: all .4s ease-in-out;
}
a:hover {
	transition: all .4s ease-in-out;
}

.subMainHeading h2 {
	padding-bottom: 0;
	margin-bottom: 15px
}
.element-is-sticky #headerRowTwo {
	padding-top: 5px !important;
	padding-bottom: 5px;
	background-color: #fff;
	box-shadow: 0px 0px 30px 15px #00000014 !important;
}
.element-is-sticky #headerRowTwo img {
	width: 200px
}

/* ABOUT US ROW */



/* HERO SECTION */


#heroSection {
	background-position: bottom;
}

#headerRowTwo {
	background-color: rgba(225,225,225,0.64);
	display: flex;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 18px
}
#headerRowTwo a {
	font-weight: 400;
	font-size: 14px;
}
#headerRowTwo .mainMenu .et_pb_menu__wrap  {
	justify-content: right !important;
}


#heroSection:after {
	content: "";
	width: 100% !important;
	height: 150px;
	background-image: url(https://brightwavebuilding.co.za/wp-content/uploads/Hero-wave-element.svg);
	display: block;
	position: absolute;
	bottom: -148px;
	background-repeat:repeat-x;
	background-size: contain;  
}
#ourProductsSection {
	overflow: visible !important;
	background-color: transparent;
}
#heroSection {
	margin-bottom: 50px;
	padding-bottom: 0px;
}
#headerRowTwo {
	background-color: rgba(225,225,225,0.64);
	display: flex;
	align-items: center;
	padding-top: 15px;
	padding-bottom: 18px
}
#headerRowTwo a {
	font-weight: 400;
	font-size: 14px;
}

.serviceBtn a, .projectsBtn  a, .aboutUsText a {
	border: 1px solid #22A6DC;
	padding: 7px 15px;
	display: inline-block;
	margin-top: 25px;
	font-size: 13px;
	color: #fff;
}
.aboutUsText a  {
	color: #000;
}
#contactUsRowOne .bookingBtn, .more-link {
		border: 1px solid #22A6DC !important;
	padding: 7px 15px !important;
	display: block !important;
	margin-top: 25px !important;
	font-size: 13px !important;
	color: inherit !important;
	background-color: #ffff  !important;;
	cursor: pointer
}
#contactUsRowOne .bookingBtn:hover, #projectImagesRow .more-link:hover {
	background-color: #fff !important;
}
#contactUsRowOne .bookingBtn:hover{
	color: #fff !important;
	background-color: #22A6DC !important;
}
#projectImagesRow .more-link {
	text-align: center;
	display: inline-block !important;
}
.readMoreBtn a, .more-link {
	color: #000;
	font-size: 13px !important;
}
.serviceBtn a:hover, .projectsBtn a:hover, .aboutUsText a:hover, .callToActionText a:hover {
	color: #fff;
	background-color: #22A6DC !important;
	font-size: 13px !important;
}
.projectsBtn {
	text-align: center !important;
}
body p {
	line-height: 140%;
	font-size: 15px
}
.mainHeadingText h1 {
	font-size: 30px;
	padding-bottom: 20px
}


/* HEADINGS */

#ourServRow .ourServHeading h2 {
	max-width: 952px !important;
	margin: 0 auto;
	margin-bottom: 30px
}
#ourServRow .ourServHeading {
	margin-bottom: 20px
}
#ourServRow {
	padding-top: 0
}

.subMainHeading.aboutUsHeading  {
	padding-top: 0 !important;
}

.subMainHeading {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 900px !important;
	margin:  0 auto;
	padding-top: 0px !important;
}
.mainHeadingText{
	max-width: 875px
}
#whyUsRow {
  padding-bottom: 150px
}
.iconWhyUs {
	display: inline-block;
	margin: 0 10px;
}
.iconWhyUs:before {
	content: url(https://brightwavebuilding.co.za/wp-content/uploads/Check-Box.svg);
	position: relative;
	top: 6px;
	margin-right: 5px
}
#whyUsMod ul {
	text-align: center
}

/* ABOUT SECTION */

.aboutUsHeading  p  {
	color: #565656;
}
.aboutUsImage img {
	width: 100%
}

#aboutUsSection {
	padding-top: 70px
}

#ourProductsSection {
	padding-top: 200px;
}
#ctaSection {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent
}
#callToActionRow  {
	margin-top: -30px !important;;
/* 	position: relative; */
	max-width: 100%;
	margin: 0 auto

}
.catTxt p {
	font-size: 18px;
}

.catTxt .ctaBtn {
	background-color: #fff;
	font-size: 14px;
	color: #000;
	padding: 7px 10px;
	display: inline-block;
	margin-left: 15px;
	border: 1px solid #fff;
	margin-top: 20px;
}
.catTxt .ctaBtn:hover {
	background-color: transparent;
	border-color: #fff;
	color: #fff
}
#whyUsSection {
background-size: 1398px;
	background-position: center bottom -3%;
}


/* SUPPLIER LOGOS */

#suppliersRow .uk-panel  {
	width: 190px;
}

#suppliersSection {
	border-top: 1px solid lightgrey;
	margin-left: 50px;
	margin-right: 50px
}
#suppliersSection {
	padding-bottom: 0
}

.buildingServ {
  background-image: url(https://brightwavecleaning.co.za/wp-content/uploads/Mainstream-cleaning-services-Image.jpg);
}
.consrucServ {
  background-image: url(https://brightwavecleaning.co.za/wp-content/uploads/Customised-cleaning-service-Image.jpg);
}


.serviceMod {
  position: relative;
  height: 445px;
  background-size: cover;
}
.serviceMod h2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #115DA9;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  font-weight: 600;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center
 
}

#projectsSection {
  margin-top: -150px;
  padding-bottom: 101px
}

#projectsRow .aboutHeading {
  padding-top: 118px !important;
}

/* ABOUT US PAGE */

.mainHeadingSection .mainheadingRow {
	padding-top: 0;
	padding-bottom: 0
}
.mainHeadingSection, #servicesMainHeadingSec, #contactUsMainHeadingSec {
	padding-top: 100px !important;
	padding-bottom: 10px !important;
}
.mainheadingTxt{
  margin-bottom: 10px !important;
}
#aboutUsInfoSection, #aboutUsInfoRowOne, #ourServicesSection, #contactUsInfoSection {
	padding-top: 0
}
.aboutUsTxt h2 {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 15px;
	padding-bottom: 15px
}
#aboutUsInfoSection {
	padding-bottom: 0px !important;
}
#footerRowTwo {
	padding-bottom: 0
}

/* SERVICS PAGE */

.serviceIcon .et_pb_image_wrap  {
	text-align:  right !important;;
	padding-right: 35px;
	border-color: lightgray !important;
}
.serviceRow {
	display: flex;
	align-items:  center
}
.serviceRow .et_pb_column {
	margin-right: 35px
}
.serviceText  h3 {
	font-size: 20px
}
.subHeadingRow {
	padding-bottom: 0 !important;
	padding-top: 50px !important;
}
.serviceRow {
	padding-top: 0 !important;
}
.headingText h2 {
	padding-bottom: 0
}

/* CONTACT US PAGE */
#contactUsRowOne {
	padding-top: 0
}

#contactUsRowOne .subMainheadingText, .subMainheadingText    {
	margin-bottom: 10px !important;
}
#contactUsRowOne .contactDetails   {
	margin-bottom: 10px
}
#contactUsRowTwo .contactDetails p, .requestInfoText p {
	padding-bottom: 0
}

#contactUsRowOne .wpcf7 {
	margin-top: 30px
}
#contactUsRowOne input, #contactUsRowOne textarea {
	width: 450px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 13px
}


/* FOOTER */

#footerSection {
	background-color: #000 !important;
}

#footerSection #footerRowOne a:hover, #footerRowTwo a span:hover, .footerContactDetails  a:hover {
	color: #22A6DC !important;
}

#footerRowOne {
	padding-top: 65px
}
.aboutUsFooterInfo  p {
	font-size: 13px
}

.footerQuickLinks li {
	list-style: none !important;
}
.footerQuickLinks ul {
	padding-left: 0 !important;
}
.footerQuickLinks li a {
	display: block;
	border-bottom: 1px solid #404040;
	padding-top: 10px;
	padding-bottom: 10px
}
.footerQuickLinks a:hover {
	border-color: #22A6DC;
	color: #22A6DC !important;
}
.getInToutchTxt strong {
  color: #C4C4C4
}
.getInToutchTxt strong, .getInToutchTxt a {
  font-size: 14px
}
.getInToutchTxt a {
  color: #959595 !important
}

/* RESPONSIVE */

@media screen and (max-width:980px) {
	#headerSecrionTwo {
		display: none !important
	}
	#heroSection {
		background-position-x: 66% !important;
	}
	.mobile_nav #mobile_menu1 {
		background-color: #fff !important;
	} 
	#headerRowTwo > .et_pb_column_1_2  {
		margin-bottom: 0 !important;
	}
	#ourProductsSection {
		padding-top: 49px !important;
	}
	.page-id-831 #ourProductsSection {
		padding-top: 200px !important;
	}
	.headerContactInfo {
		text-align: center
	}
	.current-menu-item a::after {
    content: none

}
}


	/* LANDING PAGE */
	.page-id-738 #landingPageRow, .page-id-831 #landingPageRow {
		padding-top: 0  
	}
	.page-id-738 #heroSection .mainHeadingText, .page-id-831 #heroSection .mainHeadingText  {
		padding-top: 60px !important;
		padding-bottom: 0px !important;
	}
	.page-id-738 .wpcf7 .col-6, .page-id-738 .wpcf7 select, .page-id-831 .wpcf7 select  {
		width: 100% !important;
		float: none !important;;
		margin-right: 0 !important;
	}
	.page-id-738 .wpcf7 select, .page-id-831 .wpcf7 select {
		margin-bottom: 10px
	}
	.page-id-738 #ourProductsSection, .page-id-831 #ourProductsSection {
		padding-top: 200px !important;
	}
	.page-id-738 .mainHeadingText  h1 {
		font-size: 25px;
		text-align: center !important;
	}
	.page-id-738 .mainHeadingText p, 	.page-id-831 .mainHeadingText p  {
		text-align: center !important;
		line-height: 120%;
	}
	.page-id-738 .subMainHeading h2, .page-id-831 .subMainHeading h2 {
		font-size: 20px !important;;
	}
	.page-id-738 .catTxt p, .page-id-831 .catTxt p {
		line-height: 120% !important;
		text-align: center !important;
	}
	.page-id-738 .ctaBtn, .page-id-831 .ctaBtn  {
		display: block;
		margin-top: 10px;
		margin-left: 0
	}
	.page-id-738 #callToActionRow, .page-id-831 #callToActionRow {
		padding-right: 30px !important;
	}



/* LANDING PAGE */

.page-id-738 .mobmenu, .page-id-738 .mobmenu-overlay, .page-id-831 .mobmenu, .page-id-831 .mobmenu-overlay {
  display: none;

}
.page-id-738, .page-id-831  {
  padding-top: 0px !important;
}

.page-id-738 #ourProductsSection #ourServRowTwo .et_pb_column, .page-id-831 #ourProductsSection #ourServRowTwo .et_pb_column {
	box-shadow: none !important;
}
.page-id-738 .servicesBlurb img, .page-id-831 .servicesBlurb img  {
	box-shadow: 0px 0px 30px 15px #00000014 !important;
	border-radius: 15px !important;
}
.page-id-738 #ourServRowTwo .servicesBlurb, .page-id-831 #ourServRowTwo .servicesBlurb {
	background-color: transparent !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.page-id-738 #ourServRowTwo, .page-id-831 #ourServRowTwo {
	max-width: 1100px
}
.page-id-738 #ctaSection, .page-id-831 #ctaSection {
	margin-bottom: -40px;
	margin-top: 50px

}
.page-id-738 .et-l.et-l--footer .et_builder_inner_content, .page-id-831 .et-l.et-l--footer .et_builder_inner_content {
	z-index: 0 !important;
}
.page-id-738 #aboutUsSection, .page-id-831 #aboutUsSection {
	padding-top: 50px;
	padding-bottom: 25px
}
.page-id-738 #aboutUsRow, .page-id-831 #aboutUsRow {
	padding-top: 0
}
.page-id-738 #ourProductsSection, .page-id-831 #ourProductsSection {
	padding-bottom: 10px
}
.page-id-738 #footerRowOne, .page-id-831 #footerRowOne {
	padding-top: 100px
}
.page-id-738 #suppliersSection, .page-id-831 #suppliersSection {
	padding-top: 25px
}
.page-id-738 .wpcf7, .page-id-831 .wpcf7 {
	background-color: #fff;
	max-width: 400px;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.11) !important;
	margin-bottom: -201px !important;
	margin: 0 auto;
}
.page-id-738 .wpcf7 .col-6, .page-id-831 .wpcf7 .col-6  {
	width: 48%;
	float: left;
	margin-right: 2% 
}
.page-id-738 .wpcf7 input, .page-id-738 .wpcf7 textarea, .page-id-831 .wpcf7 input, .page-id-831 .wpcf7 textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	font-size: 13px;
	background-color: #F5F5F5;
	border: none
}
.page-id-738 .wpcf7 select, .page-id-831 .wpcf7 select {
	padding: 6px;
	font-size: 13px;
	background-color: #F5F5F5;
	border: none
}
.page-id-738 #getQuote col-6.noSpace, .page-id-831 #getQuote col-6.noSpace {
	margin-right: 0% !important;
}
.page-id-738 .cntctFrmBigTxt, .page-id-831 .cntctFrmBigTxt {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	display: inline-block;
}
.page-id-738 .cntctFrmSmlTxt, .page-id-831 .cntctFrmSmlTxt {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
	display: inline-block;
	margin-top: 4px
}
.page-id-738 .wpcf7 .bookingBtn, .page-id-831 .wpcf7 .bookingBtn {
	background-color: #91CE00;
	display: inline-block !important;
	width: unset;
	padding: 7px 20px;
	border: none;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	border-radius: 5px
}
.page-id-738 .wpcf7 .bookingBtn:hover, .page-id-831 .wpcf7 .bookingBtn:hover {
	background-color: #6D9B00;
}
.callContainer a {
	font-size: 17px;
	color: #000 !important;
	font-weight: 600
}
.callContainer a:hover {
	color: #91CE00 !important;
}
.callContainer {
	margin-top: 10px
}
.page-id-738 #heroSectionRow, .page-id-831 #heroSectionRow  {
	padding-bottom: 0;
	position: relative !important;
}
.page-id-738 #heroSection .mainHeadingText, .page-id-831 #heroSection .mainHeadingText {
	padding-top: 170px !important;
	padding-bottom: 0px !important;
}
.ctaContainer{
	display: flex;
	align-items: center;
}
.ctaBtn{
	margin-top: 0 !important;
	text-transform: uppercase
}
.serviceBlurb h4{
	font-size: 15px;
	max-width: 277px;
	font-weight: 700;
	color: #565656;
	border-bottom: 1px solid #707070 ;
	margin-bottom: 20px

}

.serviceBlurb .et_pb_main_blurb_image{
	margin-bottom: 5px;
}
.serviceBlurb .et_pb_main_blurb_image img{
	max-height: 40px
}

@media screen and (max-width:980px) {
	
	.ctaContainer {
		display: block;
		text-align: center;
	}
	
	.ctaBtn{
	 margin-top: 10px !important;
	}
	.contactForm input, .contactForm textarea {
		max-width: 100% !important;
	}
	#callToActionRow{
		padding-right:  35px !important;
	}
}
@media screen and (max-width:760px) {
	#heroSectionRow .mainHeadingText {
		padding-top: 50px !important;
	}
	#heroSectionRow .mainHeadingText h1, .subMainHeading h2 {
		font-size: 25px !important;
	}
}
.aboutHeading p{
  padding-top: 20px
}
.subHeroBigTxt{
  padding-bottom: 20px
}
.blackBtn{
  background-color:	#ffff ;
	border: 1px solid #22A6DC;
  padding: 7px 15px;
  color:#22A6DC;

}
.blackBtn:hover{
  background-color: #22A6DC;
	color: #fff
}

.aboutUsTx{
  max-width: 890px;
  margin: auto;
}
.aboutUsTx p{
  font-size: 15px;
}
body p{
  font-family: montserrat !important;;
  font-weight: 400 !important;
}
#aboutUsInfoRowOne{
  margin-top: 20px!important;
}
.aboutHead h3{
  font-size: 25px;
  color: #565656 !important;
  font-weight: 400 !important;
}

h1, h2, h3, h4{
  font-family: montserrat
}
.aboutHead{
  margin-bottom: 30px !important;

}
#aboutUsInfoRowOne .et_pb_column_3{
  height: 500px
}
.ourHistoryTxt .btn{
  position: relative;
  top:50px 
 
}
.serviceText h2{
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
.serviceText p{
  color: #fff;
}
.serviceText{
  max-width: 785px;
  margin: auto
}
.serviceText .btn{
  background-color: transparent !important;
  border: 1px solid #E50019 !important;
}
.serviceText .btn:hover{
  background-color: #E50019 !important;
}
#serviceRowThree{
  padding: 100px !important;
  margin-top: 50px;
}
.serviceText .btn{
  margin-top: 50px
}
.page-id-21 #whyUsSection{
  padding-top: 15px
}

.subHeading h2{
  font-size: 20px
}

#cutomisedSection, #cutomisedSection .subHeading h2{
  color: #fff
}
.blueBtn{
  border: 1px solid #22A6DC;
  padding: 7px 15px;
  color: #fff;

}
.blueBtn:hover{
  background-color: #22A6DC
}

#cutomisedSection p:nth-last-child(2){
  padding-bottom: 50px
}
#cutomisedSection p{
  max-width: 785px;
  margin:auto
}
.page-id-21 #whyUsSection{
  padding-top: 50px
}