/*
Theme Name: divi-child-theme
Description: Divi child theme.
Author: Divi Developer
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
*/

/* Custom styles can be added below this line */


/* Global */
body{
	font-weight: 400;
	overflow-x: hidden;
}
.blueBold,
.blueBold strong{
	color: #009aed;
}
.socialIcons a:hover::before{
	color: #059EEE !important;
}
.et_pb_button:not(.buttonLink):hover{
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}
.buttonLink{
	pointer-events: none;
}
.footerForm .et_pb_contact_field{
	width: 100%;
}
.footerForm form ::placeholder{
	color: rgba(255,255,255,0.40) !important;
}
.footerForm input:focus{
	color: white;
}
/* Subheader */
.myBreadcrumbs p > span{
	display: flex;
	gap: 30px;
	justify-content: center;
}
.myBreadcrumbs span,
.myBreadcrumbs a{
	color: white;
	font-weight: 400;
}
/* Header */
.headerRow {
	display: flex;
	align-items: center;
}
.headerRow .et-menu{
	gap: 20px;
}

/* Home */
.videoPlayButton{
	cursor: pointer;
}
.homeHeroSection::before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
	background-image: linear-gradient(180deg, rgba(7, 27, 55, 0.4) 0%, rgba(7, 27, 55, 0.6) 100%) !important;
}
.homeHeroSection{
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Styles for the tilt block */
.tiltImageRow > .et_pb_column:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;

}
#tilt {
	display: block;
	height: 400px;
	width: 100%;
	margin: 0 auto;
	background-image: url('https://rapowerco.com/wp-content/uploads/2024/03/Rectangle-34626531-1.png');
	background-size: 90%;
	background-position: center center; 
	background-repeat: no-repeat;
}

#tilt:hover {
	cursor: pointer;
}

.myBlurb{
	width: 28%;
	margin-right: 30px;
	float: left;
}
.myBlurb:last-child{
	margin-right: 0px;
	padding-right: 5px;
}
.myBlurb .et_pb_blurb_description p:first-child{
	min-height: 160px;
}
.myBlurb .et_pb_module_header{
	margin-bottom: 10px;
}

.contactForm .et_contact_bottom_container {
	float: none;  
	margin-top: 60px;
}
.contactForm .et_contact_bottom_container button{
	padding: 8px 50px !important;
}
.contactForm .et_contact_bottom_container button:hover{
	padding: 8px 50px !important;
}
.iconList li{
	align-items: start !important;
}

/* Footer */
.footerForm ::after{
	display: none !important;
}
.footerForm button{
	margin-bottom: -5px; 
}
.footerForm  form{
	padding: 0px 3px;
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 0 !important;
}

.footerForm p{
	margin-bottom: 0;
}

.myFooter .et-menu{
	gap: 20px !important;
}


/* Faqs Page */
.myAccordions > .et_pb_toggle::before{
	content: 'Q.';
	position: absolute;
	left: 30px;
	top: 20px;
	color: #059EEE;
	font-family: 'Uber Move',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
}
.myAccordions > .et_pb_toggle::after{
	font-family: FontAwesome!important;
	font-weight: 900!important;
	content: "\f054"!important;
	right: 20px !important;
	position: absolute;
	top: 20px;
}
.myAccordions .et_pb_toggle_open::after{
	transform: rotate(90deg) !important;
	color: #040514 !important;
}
.myAccordions .et_pb_toggle_title::before{
	display: none;
}
.myAccordions .et_pb_toggle_content{
	padding-top: 10px;
}
.myAccordions .et_pb_toggle{
	margin-bottom: 10px !important;
}

/* How It Works */
.blurbRow > .et_pb_column {
	display: grid;
	grid-template-columns: 49% 49%;
	gap: 25px;
}
.page-id-27 .blurbRow .et_pb_main_blurb_image img{
    height: 300px;
/*     width: 100%; */
    object-fit: cover;
}

/* Order */
.page-id-29 .blurbRow img{
	height: 250px;
	object-fit: contain;
}
.page-id-29 .blurbRow .et_pb_blurb_container{
	padding-top: 40px;
} 

.page-id-29 .blurbRow > .et_pb_column > div:nth-child(1) .et_pb_image_wrap::before{
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0.8);
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/step1.svg');
}
.page-id-29 .blurbRow > .et_pb_column > div:nth-child(2) .et_pb_image_wrap::before{
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0.8);
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/step2.svg');
}
.page-id-29 .blurbRow > .et_pb_column > div:nth-child(3) .et_pb_image_wrap::before{
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0.8);
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/step3.svg');
}
.page-id-29 .blurbRow > .et_pb_column > div:nth-child(4) .et_pb_image_wrap::before{
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0.8);
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/step4.svg');
}


/* About Us */
.mySlider p {
	color: white;
}

.mySlider .et_pb_slide_image {
	text-align: left;
	margin-top: 0px !important;
}
.mySlider .et_pb_slider_container_inner {
	vertical-align: top !important;
}
.mySlider .et_pb_slide_description {
	padding-top: 20px !important;
}

.mySlider .et_pb_slide {
	padding: 0;
}

.mySlider .et-pb-arrow-prev::before,
.mySlider .et-pb-arrow-next::before {
	color: white !important;
	border: 1px solid white;
	border-radius: 100px;
}

.mySlider .et-pb-arrow-prev {
	left: 0px !important;
	opacity: 1;
	display: flex !important;
	align-items: center;
	bottom: 30px !important;
	position: relative;
}

.mySlider .et-pb-arrow-next {
	right: auto !important;
	left: 0px !important;
	opacity: 1;
	display: flex !important;
	align-items: center;
	bottom: 30px !important;
	position: relative;
}


.mySlider .et-pb-arrow-prev::before {
	padding: 15px;
	line-height: 0;
	height: 30px;
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/arrow-left.svg');
	width: 30px;
	text-align: center;
}

.mySlider .et-pb-arrow-prev:hover::before,
.mySlider .et-pb-arrow-next:hover::before {
	background-color: #059EEE;
	border: 1px solid #059EEE;
}


.mySlider .et-pb-arrow-next::before {
	padding: 15px;
	line-height: 0;
	height: 30px;
	content: url('https://rapowerco.com/wp-content/uploads/2024/03/arrow-right.svg');
	width: 30px;
	text-align: center;
}


.mySlider .et-pb-slider-arrows {
	display: flex;
	gap: 20px;
}


/* Responsive CSS */
@media screen and (max-width: 1400px){
	.et_pb_row{
		width: 90%;
	}
}
@media screen and (max-width: 1024px){
	.et_pb_row:not(.googleMapRow){
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.et_pb_column {
		margin-bottom: 0px !important;
	}

	#tilt {
		background-size: 400px;
		background-position: bottom center;
	}
	.myBlurb {
		width: 30%;
	}
	.myBlurb .et_pb_blurb_description p:first-child {
		min-height: 130px;
	}
	.footerMenu .et_pb_menu__menu{
		display: block !important;
	}
	.footerMenu .et_mobile_nav_menu{
		display: none !important;
	} 
	.contactSecReverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.solarBlueBgSec{
		background-position: 35%; 
	}
	.headerMenu ul#mobile_menu1 li{
		text-align: center;
	}


	.subHeaderSec h2.et_pb_module_heading {
		font-size: 70px !important;
	}
	.faqsCol1 .et_pb_image_wrap,
	.faqsCol1 .et_pb_image_wrap img{
		width: 70% !important;
	}


	.page-id-29 .blurbRow .et_pb_blurb_content{
		display: flex !important;
		flex-direction: column;
	}
	.page-id-29 .blurbRow .et_pb_main_blurb_image img{
		max-width: 200px !important;
		width: 200px !important;
	}
	.page-id-29 .blurbRow > .et_pb_column {
		grid-template-columns: 48% 48%;
	}

	.page-id-29 .blurbRow h4.et_pb_module_header {
		font-size: 23px !important;
	}
	.page-id-29 .blurbRow .et_pb_blurb_container {
		padding: 0px;
	}




	.aboutUsSecRowRev{
		display: flex;
		flex-direction: column-reverse;
		gap: 30px;
	}

	.aboutUsSecRowRev .et_pb_image_wrap img,
	.aboutUsSecRowRev .et_pb_image_wrap,
	.aboutUsSecRowLast .et_pb_image_wrap img,
	.aboutUsSecRowLast .et_pb_image_wrap{ 
		width: 100% !important;
	}
	.aboutUsSecRowLast {
		width: 100% !important;
	}
	.sliderSection .et_pb_slider_container_inner {
		display: flex !important;
		flex-direction: column !important;
	}
	.sliderSection .et_pb_slide_image{
		position: relative;
	}
	.sliderSection .et_pb_slide_description{
		width: 100% !important;
	}
	.sliderSection  .et_pb_container{
		height: auto!important;
		min-height: 570px;
	}
	.sliderSection .et_pb_slide_image img{
		width: 150px
	}
	.sliderSection {
		background-position: 35% 100%;
	}
}


@media screen and (max-width: 767px){
	.headerMenu ul#mobile_menu1 {
		left: -33%;
		margin-top: 10px;
		width: 50vw;
	}

	a.et_pb_button{
		font-size: 14px !important;
	}
	a.et_pb_button.themeButton{
		padding: 8px 30px !important;
	}
	body #page-container .et_pb_section .et_pb_module_inner .et_pb_button_module_wrappers .et_pb_button.et_pb_button{
		padding: 8px 30px !important;
		margin: 0;
	}
	.et_pb_button_module_wrappers{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.myBlurb {
		width: 100%;
	}
	.myBlurb .et_pb_blurb_description p:first-child {
		min-height: 80px;
	}
	.myBlurb .et_pb_main_blurb_image{
		margin-bottom: 0px;
	}
	.myBlurb .et_pb_module_header{
		margin-bottom: 0px !important;
	}
	.myBlurb .et_pb_blurb_content,
	.myBlurb .et_pb_module_header,
	.myBlurb .et_pb_blurb_description{
		text-align: center !important;

	}
	#tilt {
		background-size: contain;
		background-position: center;
	}
	h2.et_pb_module_heading {
		font-size: 36px !important;
		line-height: 45px !important;
		text-align: center !important;
	}
	.solarBlueBgSec {
		background-position: 24%;
	}
	.footerForm form{
		flex-direction:column;
		border-radius: 10px;
		margin: 0;
		border: 0;
	}
	.footerForm input{
		margin-bottom: 20px !important;
		border: 1px solid rgba(255, 255, 255, 0.40) !important;
		border-radius: 100px !important;
	}
	.footerForm form > p{
		padding-left: 0 !important;
	}

	.footerForm form  button{
		margin: 0 auto;
		display: block !important;
		min-width: calc(100vw - 45px) !important;
	}
	.myFooter .et-menu {
		gap: 10px !important;
	}
	.contactForm .et_contact_bottom_container{
		justify-content: center;
		margin-top: 30px
	}
	.contactForm .et_contact_bottom_container button {
		padding: 8px 30px !important;
		font-size: 14px !important;
	}
	.myBreadcrumbs p > span {
		gap: 20px;
	}


	.subHeaderSec {
		padding-top: 150px !important;
	}
	.subHeaderSec h2.et_pb_module_heading {
		font-size: 50px !important;
	}
	.faqsCol1 .et_pb_image_wrap, .faqsCol1 .et_pb_image_wrap img {
		width: 100% !important;
	}
	.myAccordions > .et_pb_toggle::before {
		left: 15px;
	}

	.myAccordions .et_pb_accordion_item.et_pb_toggle{
		padding: 15px 20px 15px 40px !important;
	}

	.myAccordions .et_pb_accordion_item.et_pb_toggle h5.et_pb_toggle_title{
		padding-right: 10px;
	}
	.faqsButtons .et_pb_button_module_wrappers {
		flex-direction: column;
		gap: 10px;
	}



	.blurbRow > .et_pb_column {
		display: grid;
		grid-template-columns: 100%;
		gap: 25px;
	}
	.blurbRow h4.et_pb_module_header{
		text-align: center !important;
	}

	.blurbRow .et_pb_blurb_description{
		text-align: center;
	}



	.page-id-29 .blurbRow > .et_pb_column {
		grid-template-columns: 100%;
	}
	.page-id-29 .blurbRow  .et_pb_main_blurb_image{
		text-align: center !important;
	}

	.page-id-29 .blurbRow .et_pb_image_wrap,
	.page-id-29 .blurbRow .et_pb_main_blurb_image{
		width: 100% !important;
		margin-right: 0 !important;
	}

	.page-id-29 .blurbRow > .et_pb_column > div .et_pb_image_wrap::before {
		left: 30px !important;
	}
	.page-id-29 .blurbRow .et_pb_module.et_pb_blurb{
		padding: 20px !important;
	}
	.page-id-29 .blurbRow h4.et_pb_module_header {
		font-size: 26px !important;
	}



	.sliderSection .et_pb_slide_image {
		display: block !important;
		text-align: center !important;
	}
	.sliderSection .et_pb_slide_image img{
		width: 100px !important;
	}
	.sliderSection .et-pb-slider-arrows{
		justify-content: center;
	}
	.sliderSection{
		background-position: 30% 100%;
	}

	.sliderSection  .et_pb_slide_content p{
		font-size: 14px !important;
		line-height: 26px !important;
	}
	.sliderSection .et_pb_slide_description{
		padding-bottom: 0 !important;
	}
	.sliderSection  .et_pb_container{
		height: auto!important;
		min-height: 600px;
	}

}