/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/


		/* -variables- */
			:root {
				/* site colors */
				--color1:  #60B231; 			
				--color2:  #008DD3;


				/* default paddings */
				--pad3: 100px;

				/* font sizes */
				--fsheading96: 	96px; 			
				--fsheading64: 	64px; 			--fsheading48: 	48px; 			--fsheading32: 	32px; 
				--fsheading24: 	24px;

				--greybg1:  #F7F7F7;


		}
 

		/* -paddings- */
			.pad3 { padding-top: var(--pad3) !important; padding-bottom: var(--pad3) !important; }
			.pad3f { padding-top: var(--pad3) !important; padding-bottom: var(--pad3) !important; }

			.pad3 + .pad3  { padding-top: 0 !important; }
			.pad3 + .pad3.greybg1 { padding-top: var(--pad3) !important; }
			.pad3.greybg1 + .pad3 { padding-top: var(--pad3) !important; }

 


body .h1row{ padding: 0 !important; position: relative; }
.h1row:before{ content: ''; display: block; width: 100%; height: 150px; background: url(/greenelectric/wp-content/uploads/2024/07/Green-Electric-graphic.png); position: absolute; bottom: -37px; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center; }
sr7-shp#SR7_1_1-2-2{ background: linear-gradient(0deg, black, transparent) !important; }
 /* !!! v2 */
.h1row:before{ content: ''; display: block; width: 100%; height: 150px; background: url(/greenelectric/wp-content/uploads/2024/07/Green-Electric-graphic.png); position: absolute; bottom: -37px; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; }
.wpb_text_column p{ margin: 0 !important; }
span.preh2{ font-family: var(--h2-font-family,inherit); font-size: var(--fsheading24); color: var(--color2); }
.imgleft1 h2{ font-size: var(--fsheading32); }
.imgleft1 .txt  .wpb_text_column{ max-width: 700px; }
.sep1{ border-bottom: 3px solid var(--color2); padding-bottom: 38px; margin-bottom: 38px !important; }
.btn1 a{ color: #333; font-size: 18px; line-height: 110%; display: inline-flex; border: 3px solid var(--color2); padding: 18px 32px; }
.btn1 a:hover{ color: #fff; background: var(--color2); border-color: var(--color2); }
.h264 h2{ font-size: var(--fsheading64); line-height: 110%; }
.sep2 h2{ display: inline-block; position: relative; }
.sep2 h2:after{ content: ''; display: block; width: 300%; height: 3px; background: var(--color2); position: absolute; right: calc( -300% - 32px); bottom: 9px; }
.mrgbot42 {	margin-bottom: 42px !important; }
.mrgbot100 {	margin-bottom: 100px !important; }

.alege{ background: url(/greenelectric/wp-content/uploads/2024/07/green-logo-bg.png) !important; background-repeat: no-repeat !important; background-position: bottom center !important; }
.alege .inner1 .wpb_column{ min-height: 650px; }
.alege .inner1 .wpb_column:nth-child(2) > .vc_column-inner{ align-items: end; justify-content: end; }
.alege .inner1 .btn1 a{ margin-top: 42px; }

header i{ font-family: 'fontawesome'; }
.no-touch .l-subheader.at_top a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_top .w-dropdown.opened a:hover{ color: #333 !important; }
.l-subheader.at_top{ background: var(--color1) !important; color: #fff !important; font-family: var(--h2-font-family,inherit); }
.l-subheader.at_top a:hover{ color: var(--color2); }
.l-subheader-cell.at_left .w-text i{ font-size: 22px; margin-right: 6px; }
.l-subheader-cell.at_left .w-text a span{ display: flex; align-items: center; }
.l-subheader-cell.at_left .w-socials-item-link i{ font-size: 24px; color: #fff; }
span.w-nav-title{ font-size: 18px; font-family: var(--h2-font-family,inherit); color: var(--color2); }
ul.w-nav-list.level_1.hover_simple a:hover span.w-nav-title{ color: var(--color1); }

.servicii .inner1 h2{ font-size: var(--fsheading32); line-height: 110%; margin-top: 32px; margin-bottom: 32px !important; }
.servicii .inner1 section.l-section.wpb_row{ padding: 0; }
.servicii .inner1 section.l-section.wpb_row .btn1 a{ margin-top: 32px; }
.servicii .w-grid.inner1.type_carousel{ padding-bottom: 100px; position: relative; }
.owl-next:after, .owl-prev:after{ color: var(--color2); }
.servicii .owl-carousel .owl-nav button{ top: calc( 100% + 52px); }
.servicii button.owl-next{ right: 300px !important; }
.servicii button.owl-prev{ left: auto !important; right: 380px !important; }
.servicii .owl-item{ margin-bottom: 31px; padding-bottom: 16px; }
.servicii .owl-item:hover{ box-shadow: 0px 5px 16px rgba(0,0,0,.4) !important; }
.servicii .owl-item:hover:before{ content: ''; display: block; width: calc( 100% - 8px); height: calc( 100% - 4px); position: absolute; left: 0; top: 0; border: 4px solid var(--color2); z-index: 1; }
.servicii .owl-item:hover h2.w-post-elm.post_title, .servicii .owl-item:hover .post_content{ z-index: 9; position: relative; }
.graphicsbot:after{ content: ''; display: block; width: 100%; height: 154px; background: url(/greenelectric/wp-content/uploads/2024/07/Green-Electric-graphic.png); background-repeat: repeat-x; }
.fullimg1 img{ display: block; width: 100%; }


.reviews1 .owl-carousel .owl-nav button{ top: calc( 100% + 32px); }
.reviews1 button.owl-next{ right: 300px !important; }
.reviews1 button.owl-prev{ left: auto !important; right: 380px !important; }
.reviews1 .w-grid{ margin-bottom: 32px; }
.reviews1 h3{ font-size: var(--fsheading24); margin-bottom: 12px !important; }
.reviews1 .owl-item{ text-align: center; }
.reviews1:before{ background-image: url(/greenelectric/wp-content/uploads/2024/07/pp-1.png), url(/greenelectric/wp-content/uploads/2024/07/pp-1.png), url(/greenelectric/wp-content/uploads/2024/07/pp-1.png); background-position: left bottom, center top, right bottom; background-repeat: no-repeat, no-repeat, no-repeat; min-height: 800px; content: ''; display: block; width: 100%; position: absolute; top: 0; }

.rightfullw  > .l-section-h.i-cf{ max-width: 88% !important; margin: 0 0 0 auto; }
.h2fs48 h2{ font-size: var(--fsheading48); }

.w-tabs-section-title{ font-family: var(--h2-font-family,inherit); font-size: var(--fsheading32) !important; line-height: 110%; color: #333; }
.w-tabs-section-content-h.i-cf p{ color: var(--color2); }
.w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{ color: var(--color2); }

.nqf > .l-section-h.i-cf{ padding-right: 132px !important; }
.green_bb{ padding: 23px !important; background: var(--color1); color: #fff; }
.green_bb, .green_bb a{ font-family: var(--h2-font-family,inherit); }
.green_bb a{ color: #fff; margin-left: 20px; }
.green_bb .vc_col-sm-6:last-child{ text-align: right; }
.no-touch .w-toplink.active:hover, .no-touch .w-header-show:hover{ background: var(--color2) !important; }



body .h1_inner { padding: 0 !important; background-size: cover !important; background-position: bottom !important; margin-bottom: 58px; }
.h1_inner > .l-section-h.i-cf { height: 342px; }
.h1_inner.graphicsbot:after { position: absolute; bottom: -128px; }
.h1fs32 h1 { font-size: var(--fsheading32); line-height: 110%; }

.single h1 { font-size: var(--fsheading32); }
.blogtitle { padding-bottom: 44px !important; }
.blog1_page h2 { font-size: var(--fsheading32);max-width: 650px; }
.blog1_page .w-vwrapper.usg_vwrapper_2 { width: 33%; }
.blog1_page .w-vwrapper.usg_vwrapper_1 { padding-left: 52px; width: 66%; }
.blog1_page article.w-grid-item:last-child { margin-bottom: 0 !important;}
.blog1_page .w-post-elm.post_content.usg_post_content_1 { border-bottom: 3px solid var(--color2); padding-bottom: 44px; margin-bottom: 44px; }

a.w-btn.us-btn-style_1.usg_btn_1 { background: transparent; color: #333 !important; }
a.w-btn.us-btn-style_1.usg_btn_1 { background: transparent; color: #333 !important; font-family: var(--h2-font-family,inherit); border: 3px solid var(--color2); display: inline-block !important; min-width: 1px !important; max-width: 250px !important;border-radius: 0 !important; }
a.w-btn.us-btn-style_1.usg_btn_1:hover { background: var(--color2); color: #fff !important; }

.blog1_page .w-post-elm.post_image.usg_post_image_1.stretched { max-height: 330px; }
.blog1_page article.w-grid-item { margin-bottom: 83px !important; }
.blog1_page .w-post-elm.post_image.usg_post_image_1.stretched { max-height: 330px; align-items: center; justify-content: center; display: flex; }

.contact1 i { font-family: 'fontawesome'; }
i.fa.fa-facebook { font-family: "Font Awesome 5 Brands"; }
.contact1 { margin: 42px 0 0; }
.contact1 div i { padding-right: 8px; }
.contact1 .wpb_wrapper { display: flex; column-gap: 52px; }
.contact1 div a { display: block; }
.contact1 a:hover { color: var(--color2); }
.contact1 a { color: #333; }

.contact2 .vc_column-inner { padding: 0 !important; }
.contact2 .vc_col-sm-5 { background: var(--color1); }
.contact2 .vc_col-sm-5 .vc_column-inner { padding: 90px !important; }
.contact2 input, .contact2 textarea { background: transparent !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #f2f2f2 !important;	box-shadow: none !important;	margin-bottom: 42px !important; }
.contact2 ::placeholder { color: #fff !important; font-family: var(--h1-font-family,inherit) !important; font-size: 24px !important; line-height: 110%; }
.contact2 textarea { height: 58px; min-height: 58px !important; }
.contact2 input, .contact2 textarea { color: #fff !important; font-size: 24px !important; line-height: 110% !important;	font-family: var(--h1-font-family,inherit) !important; }

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style { border-radius: 0 !important; background: var(--color2) !important; font-family: var(--h1-font-family,inherit) !important; }
button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover { background: #333 !important; opacity: 1 !important; }
.contact1 a { color: #333; font-size: 24px; line-height: 136%; }
div#fluentform_3_success { color: #fff !important; }

.sep2 { overflow: hidden !important;}
main#page-content { overflow: hidden;}
h3 { font-size: var(--fsheading32) !important;}
.w-image.ush_image_1 img { margin: auto !important;}

.l-subheader-cell.at_left { height: 100% !important;}
.w-image.ush_image_1, body .l-header.sticky .ush_image_1 { height: 100% !important;}
a#whtspp { display: none;	z-index: 9;} 
.twoforms .g-cols { column-gap: 32px;	justify-content: space-around;}
select.ff-el-form-control { background: transparent; border: none !IMPORTANT; color: #fff !IMPORTANT; font-size: 24px !IMPORTANT; display: block !IMPORTANT; font-family: var(--h1-font-family,inherit) !important; padding: 0 !IMPORTANT; border-bottom: 1px solid #fff !IMPORTANT; padding-bottom: 5px !IMPORTANT; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 42px !important;}
select.ff-el-form-control:focus { background: transparent !important;}
select.ff-el-form-control option { background: #333;}
.ff-message-success { color: #fff;}








/* responsive */

	@media(max-width: 1500px) {

		:root {
			--fsheading96: 	96px; 			
			--fsheading64: 	50px; 			
			--fsheading48: 	48px; 			
			--fsheading32: 	32px; 
			--fsheading24: 	24px;
		}

		.alege .inner1 .wpb_column { min-height: 590px;}
		.servicii .w-grid.inner1.type_carousel { padding-bottom: 34px;}
		.servicii .owl-carousel .owl-nav button { top: calc( 100% + 0px);}
		.green-row1 .vc_col-sm-4 { width: 70%;}
	}


	@media(max-width: 1479px) {

		:root {
			--fsheading96: 	96px; 			
			--fsheading64: 	37px; 			
			--fsheading48: 	36px; 			
			--fsheading32: 	25px; 
			--fsheading24: 	20px;
			--pad3: 60px;
		}
		.mrgbot100 { margin-bottom: 60px !important;}
		.header_hor .w-nav.type_desktop.spread>.w-nav-list { justify-content: end;}
		.reviews1 article.w-grid-item { margin-bottom: 0px !important;}
		.reviews1 .owl-carousel .owl-nav button { top: calc( 100% + 0px);}
		.reviews1 button.owl-next { right: 0 !important;}
		.reviews1 button.owl-prev { right: 60px !important;}
		.servicii button.owl-next { right: 60px !important;}
		.servicii button.owl-prev { right: 120px !important;}
		.nqf > .l-section-h.i-cf { padding-right: 60px !important;}
		.rightfullw  > .l-section-h.i-cf { max-width: 95% !important;}
		.h1_inner.graphicsbot:after { height: 120px; bottom: -95px; background-position: bottom;}	
		.contact2 .vc_col-sm-5 .vc_column-inner { padding: 45px !important;}	
		.contact2 iframe { max-height: 600px;}	
		.contact1 a { font-size: 20px;}
		.contact2 input, .contact2 textarea, .contact2 ::placeholder { font-size: 20px !important;}
		.contact2 input, .contact2 textarea { margin-bottom: 24px !important;}

	}


	@media(max-width: 1023px) {

		:root {
			--fsheading96: 96px;
			--fsheading64: 30px;
			--fsheading48: 36px;
			--fsheading32: 20px;
			--fsheading24: 20px;
			--pad3: 60px;
		}

		.twoforms .ff-t-container { display: block !important;}
		.twoforms .g-cols { column-gap: 0px; justify-content: space-around;}
		.imgleft1 h2 { padding-top: 0;}
		.alege h3 { margin-bottom: 12px !important;		padding-top: 0 !important;}
			.alege img { max-width: 95px;}
		.owl-nav { display: flex;}	
		.contact1 a { font-size: 18px;}
		.h1_inner > .l-section-h.i-cf { height: 273px;}	
		
	}

	@media(max-width: 767px) {
		:root {
			--fsheading96: 96px;
			--fsheading64: 22px;
			--fsheading48: 22px;
			--fsheading32: 20px;
			--fsheading24: 20px;
			--pad3: 60px;
		}

		.twoforms .wpb_column { width: 100%; margin-bottom: 44px;}
		sr7-bullets.sr7-bullets.hermes.sr7-ndh.sr7-nphr.sr7-npvb { bottom: -85px !important; right: 0 !important; top: auto !important;}
		.rightfullw > .l-section-h.i-cf { max-width: 100% !important; padding: 0 22px;}
		.servicii button.owl-next { right: calc(50% - 30px) !important;}
		.servicii button.owl-prev { right: calc(50% + 30px) !important;}
		.h1row:before { height: 80px;}
		.btn1 a { padding: 12px 16px;}
		.mrgbot100 { margin-bottom: 30px !important;}
		.alege .inner1 .wpb_column { min-height: 1px;}
		.alege .inner1 { row-gap: 17px;}
		.servicii button.owl-prev { right: calc(50% + 19px) !important; left: auto !important;}
		.servicii button.owl-next { right: calc(50% - 76px) !important; left: auto !important;}
		.graphicsbot:after { height: 80px; background-position: bottom; background-size: cover;}
		.green_bb { text-align: center !important;}
		.green_bb a { margin: 0 12px; display: block; text-align: center;}
		.blog1_page .w-hwrapper.usg_hwrapper_1.align_none.valign_top { display: block;}
		.blog1_page .w-vwrapper.usg_vwrapper_2 { width: 100%; display: block;}
		.blog1_page .w-vwrapper.usg_vwrapper_1 { width: 100%; display: block;}
		.blog1_page .w-vwrapper.usg_vwrapper_1 { padding: 0 !important; margin-top: 16px !important;}
		.w-image.ush_image_1 img { max-height: 81px; margin-top: 6px;}
		.contact1 a { margin-bottom: 12px;}
		.contact1 .wpb_wrapper { display: block;}
		.contact2 .vc_col-sm-7 { order: 2;}
		.contact2 input, .contact2 textarea, .contact2 ::placeholder { font-size: 18px !important;}
		.contact2 input, .contact2 textarea { margin-bottom: 18px !important;}
		sr7-txt#SR7_1_1-2-1 { text-align: center !important;}
		a#whtspp { display: block; width: 75px; position: fixed; right: 0; bottom: 65px;}

		
	}

	@media(max-width: 500px) {
		.w-text.ush_text_2.nowrap, .w-socials.ush_socials_1.color_brand.shape_square.style_default.hover_fade { display: none !important;}

	}




	@media (min-width: 768px) {

		/* 1st row under header */
		.header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h, .header_hor .l-header.pos_fixed~.l-main>form>.l-section:first-of-type>.l-section-h, .header_hor .l-header.pos_static.bg_transparent~.l-main>.l-section:first-of-type>.l-section-h, .header_hor .l-header.pos_static.bg_transparent~.l-main>form>.l-section:first-of-type>.l-section-h { padding-top: 0 !important; }
		.header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type, .header_hor .l-header.pos_fixed~.l-main>form>.l-section:first-of-type, .header_hor .l-header.pos_static.bg_transparent~.l-main>.l-section:first-of-type, .header_hor .l-header.pos_static.bg_transparent~.l-main>form>.l-section:first-of-type { margin-top: var(--header-height) !important; }

	}
