/*
Theme Name:     Divi Child
Theme URI:      https://brightwaveaircons.co.za
Description:    Owl Media Theme
Author:         Owl Media
Author URI:     https://www.owlmedia.co.za
Template:       Divi
Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* GENERAL */



.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;
}
.subHeroSmlTxt {
	font-size: 18px;
}
.subHeroRow a {
	border: 1px solid #FFBE00;
	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
}

/* SERVICE ROW */
#ourProductsSection #ourServRowTwo .et_pb_column {
	box-shadow: 0px 0px 30px 15px #00000014 !important;
	background-color: #fff;
	border-radius: 15px !important;
}
#ourProductsSection .servicesBlurb  {
	background-color: transparent !important;
}

/* 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://brightwaveaircons.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 #FFBE00;
	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 #FFBE00 !important;
	padding: 7px 15px !important;
	display: block !important;
	margin-top: 25px !important;
	font-size: 13px !important;
	color: #000 !important;
	background-color: #FFBE00;
	cursor: pointer
}
#contactUsRowOne .bookingBtn:hover, #projectImagesRow .more-link:hover {
	background-color: #fff;
}
#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 {
	color: #000;
	background-color: #FFBE00 !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 */

.subMainHeading.aboutUsHeading  {
	padding-top: 0 !important;
}

.subMainHeading {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 867px !important;
	margin:  0 auto;
	padding-top: 0 !important;
}

/* 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;
	position: relative;
	max-width: 823px;

}
.catTxt p {
	font-size: 18px;
}
.catTxt .ctaBtn {
	background-color: #fff;
	font-size: 14px;
	color: #000;
	padding: 7px 15px;
	display: inline-block;
	margin-left: 15px;
	border: 1px solid #fff
}
.catTxt .ctaBtn:hover {
	background-color: transparent;
	border-color: #000;
}

/* SUPPLIER LOGOS */

#suppliersRow .uk-panel  {
	width: 190px;
}

#suppliersSection {
	border-top: 1px solid lightgrey;
	margin-left: 50px;
	margin-right: 50px
}
#suppliersSection {
	padding-bottom: 0
}

/* ABOUT US PAGE */

.mainHeadingSection .mainheadingRow {
	padding-top: 0;
	padding-bottom: 0
}
.mainHeadingSection, #servicesMainHeadingSec, #contactUsMainHeadingSec {
	padding-top: 100px;
	padding-bottom: 50px !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: 80px
}
#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 #footerRowOne a:hover, #footerRowTwo a span:hover, .footerContactDetails  a:hover {
	color: #FFBE00 !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: #FFBE00;
	color: #FFBE00 !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;
	}


	/* LANDING PAGE */
	.page-id-738 #landingPageRow, .page-id-831 #landingPageRow {
		padding-top: 0  
	}
 #heroSection .mainHeadingText:not(.home) , .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;
	}
	 .ctaBtn:not(.home)  {
		display: block;
		margin-top: 10px;
		margin-left: 0
	}
 #callToActionRow:not(.home),  #callToActionRow:not(.home) {
		padding-right: 30px !important;
	}

}

/* LANDING PAGE */

.mobmenu:not(.home), .mobmenu-overlay:not(.home),  .mobmenu:not(.home), .mobmenu-overlay:not(.home) {
  display: none;

}
.page-id-738, .page-id-831  {
  padding-top: 0px !important;
}

body:not(.home) #ourProductsSection #ourServRowTwo .et_pb_column{
	box-shadow: none !important;
}
 .servicesBlurb img {
	box-shadow: 0px 0px 30px 15px #00000014 !important;
	border-radius: 15px !important;
}
.home .servicesBlurb img {
	box-shadow: unset #00000014 !important;
	border-radius: 15px !important;
}
body:not(.home) #ourServRowTwo .servicesBlurb{
	background-color: transparent !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
body:not(.home) #ourServRowTwo {
	max-width: 1100px
}
 body:not(.home) #ctaSection {
	margin-bottom: -40px;
	margin-top: 50px

}
body:not(.home) .et-l.et-l--footer .et_builder_inner_content {
	z-index: 0 !important;
}
body:not(.home)  #aboutUsSection{
	padding-top: 50px;
	padding-bottom: 25px
}
body:not(.home)  #aboutUsRow {
	padding-top: 0
}
 body:not(.home) #ourProductsSection {
	padding-bottom: 10px
}
body:not(.home)  #footerRowOne{
	padding-top: 100px
}
body:not(.home)  #suppliersSection {
	padding-top: 25px
}
body:not(.page-id-24) .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;
}
 .wpcf7 .col-6 {
	width: 48%;
	float: left;
	margin-right: 2% 
}
.wpcf7 input, .wpcf7 textarea{
	width: 100%;
	margin-bottom: 10px;
	padding: 7px;
	font-size: 13px;
	background-color: #F5F5F5;
	border: none
}
.wpcf7 select {
	padding: 6px;
	font-size: 13px;
	background-color: #F5F5F5;
	border: none
}
body:not(.home) #getQuote col-6.noSpace {
	margin-right: 0% !important;
}
body:not(.home)  .cntctFrmBigTxt {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	display: inline-block;
}
body:not(.home) .cntctFrmSmlTxt {
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
	display: inline-block;
	margin-top: 4px
}
body:not(.home) .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
}
body:not(.home) .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
}
 body:not(.home) #heroSectionRow {
	padding-bottom: 0;
	position: relative !important;
}
#heroSection .mainHeadingText{
	padding-top: 170px !important;
	padding-bottom: 0px !important;
}
.home #heroSection .mainHeadingText {
	padding-top: 400px !important;
	padding-bottom: 50px !important;
}














