/*
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:*/

	/* GENERAL RULES */


		/* -variables- */
			:root {
				/* site colors */
				--color1:  #FFBA25; 	 
				--color2:  #4AA9C2; 

				/* default paddings */
				--pad1: 42px; 			
				--pad2: 60px; 			
				--pad3: 80px;


				/* font sizes */
/*
				--fsheadingXL: 	83px; 			
				--fsheadingL: 	80px; 			
				--fsheadingM: 	75px; 			
				--fsheadingS: 	65px; 			
				--fsheadingXS:	24px;		
*/
				
				--fsheadingXL: 	4.323vw; 			
				--fsheadingL: 	4.167vw; 			
				--fsheadingM: 	3.906vw; 			
				--fsheadingS: 	3.385vw; 			
				--fsheadingXS:	22px;		
				--pad3: 4.688vw;
				--pad3: 80px;


				--greybg1:  #eaeaea;
				--gradient1: linear-gradient(45deg, #4AA9C2, #1A7D98);
		}
		
		/* animation */	.w3-animate-top		{z-index: 2;position:relative;animation:animatetop 0.8s}	@keyframes animatetop		{from{top:-300px;		opacity:0}	 to		{top:0;opacity:1}} .w3-animate-left	{z-index: 2;position:relative;animation:animateleft 0.8s}	@keyframes animateleft		{from{left:-300px;		opacity:0}	 to		{left:0;opacity:1}} .w3-animate-right	{z-index: 2;position:relative;animation:animateright 0.8s}	@keyframes animateright		{from{right:-300px;		opacity:0} 	 to		{right:0;opacity:1}} .w3-animate-bottom	{z-index: 2;position:relative;animation:animatebottom 0.8s}	@keyframes animatebottom	{from{bottom:-300px;	opacity:0} 	 to		{bottom:0;opacity:1}} .w3-animate-right2	{z-index: 2;position:relative;animation:animateright2 0.8s}	@keyframes animateright2	{from{right:-300px; 	 }	 		 to		{right:0; }} .w3-animate-bg		{z-index: 2;position:relative;animation:animatebg 0.8s}		@keyframes animatebg		{from{margin-top: 100%; opacity: 0;} to		{margin-top: 0%; opacity: 1; }} div#bottom-links { display: none;position: fixed;bottom: 0;width: 100%;z-index: 99;background: var(--color1); bottom: 0; opacity: 1; height: 45px; align-items: center; } div#bottom-links a {  width: 50%; display: flex; justify-content: center; color: #fff; text-decoration: none !important; font-size: 16px; font-weight: 600; align-items: center;}

		/* -wp stuff- */
			.g-cols.via_flex.type_default { margin: 0; }
			a.moove-gdpr-branding {display: none !important; }
			#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {display: block !important; margin: auto !important; } 
			.moove-gdpr-branding-cnt {display: none !important; }
			a[href^="tel:"] { white-space: nowrap; }
			body .vc_column-inner {background-size: cover !important; background-position: center !important; }
			img {user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
			.g-recaptcha {max-width: 165px; overflow: hidden; max-height: 46px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #eaeaea; } .g-recaptcha > div {margin-left: -5px; margin-top: 4px; } 

		/* -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; }
			.pad1 { padding-top: var(--pad1) !important; padding-bottom: var(--pad1) !important; }
			.pad2 { padding-top: var(--pad2) !important; padding-bottom: var(--pad2) !important; }

		.centerthis .g-cols { justify-content: center !important; }
		.nolink a {pointer-events: none; }
		.tacenter { text-align: center; }
		
		.mrgbot20 { margin-bottom: 20px !important; }
		.mrgbot42 { margin-bottom: 42px !important; }
		.mrgtop42 { margin-top: 42px !important; }

		.pw910 p { max-width: 910px; margin-left: auto !important; margin-right: auto !important; }
		.pw710 p { max-width: 710px; margin-left: auto !important; margin-right: auto !important; }
		.pw670 p { max-width: 670px; margin-left: auto !important; margin-right: auto !important; }
	
		.overlay1:before {content: ''; display: block; width: 100%; height: 100%; background: var(--gradient1); position: absolute; left: 0; top: 0; mix-blend-mode: multiply; }
		.mml_overlay06:before { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .6; position: absolute; left: 0; top: 0; }
		.mml_overlay08:before { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .8; position: absolute; left: 0; top: 0; }
		.mml_overlay06, .mml_overlay08, .overlay1 { position: relative; }
	
		.whitetxt p, .whitetxt td, .whitetxt li, .whitetxt h1, .whitetxt h2, .whitetxt h3, .whitetxt h4, .whitetxt h5, .whitetxt span, .whitetxt strong, .whitetxt em, .whitetxt a {color:  #fff; }
		.shorth h2, .shorth h3 {max-width: 970px; margin: auto; }
		
		.w80prc {width: 80%; margin-left: auto !important; margin-right: auto !important; } 
		.w70prc {width: 70%; margin-left: auto !important; margin-right: auto !important; } 
		.w60prc {width: 60%; margin-left: auto !important; margin-right: auto !important; } 
		
		.greybg1 { background: var(--greybg1); }

		.btn1 a, a.btn1 {    background: var(--color1); padding: 10px 19px; display: inline-block; border-radius: 10px; color: #fff !important;}
		.mml_h1row .btn1 a { padding: 12px 24px; border: 2px solid #fff;}
		.btn1 a:hover, a.btn1:hover { background: #0b0b0b; }
		.whitetxt .btn1 a:hover, .whitetxt a.btn1:hover {    color: #fff !important; border-color: #fff !important;}
		.h1btns { margin-top: 32px; }
		.whitetxt .btn1.h1btns a:hover {    border-color: #0b0b0b !important;}

		.mml_h1row .title p, .mml_h1row .title h1, .mml_h1row .title h2 {font-size: var(--fsheadingXL) !important; line-height: 110% !important; margin-bottom: 30px; }
		.mml_belowh1 { padding: 27px !important; }
		h1 label, h2 label, h3 label { cursor: text; color: var(--color1); }

		.list1 ul { list-style: none; margin: auto; }
		.list1 li { position: relative; padding-left: 18px; }
		.list1 li:before {    content: ''; display: block; width: 10px; height: 10px; background: var(--gradient1);    border-radius: 50%; position: absolute; left: 0; top: 9px;}

		footer { background-color: #0b0b0b !important; }
		footer h3 { font-size: var(--fsheadingS) !important; line-height: 110% !important; margin-bottom: 32px !important; }
		.mml_contact1 i {    color: var(--color1); margin-right: 6px; position: absolute; left: 0; top: 6px;}
		footer .wpb_text_column { position: relative; }
		.mml_contact1 { padding-left: 25px; }
		footer a:hover { color: var(--color1) !important; }
		section#mml_bottombar { padding: 6px; background: #0b0b0b; }

		.no-touch .l-subheader.at_middle a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover {    color: var(--color1) !important;}
		.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after { transition: all 0s; }
		li#menu-item-26 a {    background: var(--color1); color: #fff; border-radius: 15px; padding: 0 24px;}
		li#menu-item-26 a:hover { background: #0B0B0B !important; transition: none !important;}
		li#menu-item-26 a:hover span { color: #fff !important; }
		li#menu-item-26 a:hover span:after { display: none !important; }

		.mml_h1row .txt { max-width: 850px; margin-left: auto; margin-right: auto; }

		h2, section:not(.mml_h1row) h1 {    font-size: var(--fsheadingM) !important; line-height: 110% !important;}
		h3 {    font-size: var(--fsheadingS) !important; line-height: 110% !important;}

		a.btn1.floating {    background: #0b0b0b !important; position: fixed; top: 25%; right: 0;  z-index: 99; }
		a.btn1.floating:hover {  background: var(--color1) !important; color: #fff !important; }
		a.w-toplink.pos_right.active:hover { background: var(--color1) !important; }

		div#mml_bottomcontact { display: none; }
		div#mml_bottomcontact i {    font-family: 'fontawesome';}
		.w-socials-item-link i{color: #fff;}
		footer .w-menu.layout_ver .menu>li {    margin-bottom: 5px;}
	/*---Header---*/	
		.ush_menu_1.type_mobile .w-nav-item.level_1.current-menu-item>a:not(.w-btn), .ush_menu_1.type_mobile .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn), .ush_menu_1.type_mobile .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn) {    color: var(--color1) !important;}
		section#mml_bottombar a {    color: var(--color1);}
		.mobilemenucontact i {    font-family: 'fontawesome';    margin-right: 5px;}
		.mobilemenucontact a {    display: block;}
		.w-html.hidden_for_laptops.ush_html_1.mobilemenucontact {    margin-top: 32px;}
		.topcontact i { font-family: fontawesome; margin-right: 5px; }
		.topcontact a { margin-right: 22px; }
		.topcontact a:hover { color: var(--color1) !important; }
		header .w-socials-list i{color: #fff;}
		
		.mml_h1row {padding: 0 !important; }
		.mml_h1row .vc_col-sm-5 {background: var(--color1); padding: 80px; justify-content: center; }
		.mml_h1row .btn1 a { margin-right: 20px; }
		.mml_h1row > .l-section-h > .g-cols {min-height: 38vw !important;}
		.mml_h1row .vc_col-sm-5 > div {justify-content: center !important; }

		.mml_belowh1 { background: #0b0b0b; color: #fff; }

		.whiteafter h1:after, .whiteafter h2:after, .whiteafter h3:after { background: #fff !important; }

		.hafter1 h1:after, .hafter1 h2:after, .hafter1 h3:after {content: ''; display: block; width: 121px; height: 1px; background: var(--color1); margin: 12px 0; } 
		.midafter h1:after, .midafter h2:after, .midafter h3:after {margin-left: auto; margin-right: auto; } 
		body .mml_services {position: relative !important; background-size: cover !important; background-position: center !important; } 
		.mml_services:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0b0b0b; opacity: .7; } 
		.mml_cta1 {background: var(--color1); }

		a.btn1.floating i {display: block; }
		a.btn1.floating {background: #0b0b0b; border-radius: 10px 0 0 10px; text-align: center; line-height: 110%; } 

		.mml_services .inner1 h2, .mml_services .inner1 h3 {font-size: var(--fsheadingXS) !important; line-height: 110% !important; color: var(--color1); }
		.mml_services .inner1 {text-align: center; }
		.mml_services .inner1 i {color: var(--color1); }

		.mml_cta1 .hafter1 {margin-bottom: 32px; }
		.mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {background: #fff !important; border: 0 !important; color: var(--color1) !important; font-weight: 400 !important; display: inline-block !important; width: auto !important; min-width: 1px !important; margin: 0 0 0 auto !important; }
		.mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:hover {background: #0b0b0b !important; opacity: 1 !important; }

		.mml_aboutus .owl-item .wpb_text_column {border: 2px solid #0b0b0b; border-radius: 10px; padding: 32px; height: 100%; text-align: center; }
	/*---CTA2---*/
		.mml_cta2 {background-color: var(--color1); background-image: url(https://brochures.makemelocal.com/demo02/wp-content/uploads/2024/12/footer-logo.png) !important; background-repeat: no-repeat !important; background-position: right 50px center !important;}
		.mml_cta2 .btn1 a {background: #fff; color: var(--color1) !important; }
		.mml_cta2 .btn1 a:hover {background: #0b0b0b !important;}

		section#mml_bottombar {padding: 6px; background: transparent; }
		section#mml_bottombar > div > div {border-top: 2px solid #eaeaea; padding-top: 18px; padding-bottom: 8px; }
		#mml_bottombar p {color: #fff; }
		.footer-title h3 {font-size: var(--fsheadingXS) !important; color: var(--color1); }
	/*---Review---*/
		.mml_revrow .ti-header{display: none!important;}

		/* vw */
		.mml_h1row .vc_col-sm-5 {padding: 4.167vw; } 
		.mml_aboutus .owl-item .wpb_text_column {padding: 1.667vw; }

		.mml_services {padding-left: 0 !important; padding-right: 0 !important; }

		/*---Inner Title---*/
			.inner-title{background-color: var(--color1);}
			.inner-title h1{color: #fff;}

/* responsive  */

	
	/*---Min---*/
		@media(min-width: 2000px){
			:root {
					/* font sizes */
					--fsheadingXL: 	83px; 			
					--fsheadingL: 	83px;		
					--fsheadingM: 	75px; 			
					--fsheadingS: 	65px; 			
					--fsheadingXS:	22px;
			}
		}
	
		@media(min-width: 1025px) {
			.header_hor .l-header.pos_fixed~.l-main>.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 { margin-top: var(--header-height) !important; }
			/*---mml_belowh1---*/	
				.mml_belowh1 a.btn1{margin-left: 30px;}
			/*---Float BTN---*/
				a.btn1.floating{top: 40%;}
			/*---Animation---*/
				.mml_cta1 img,.mml_row1 .std-txt, .mml_h1row .vc_col-sm-5 > .vc_column-inner, .mml_services .inner1 .wpb_column > .vc_column-inner > .wpb_wrapper{opacity: 0;}
				.mml_row3 .title{z-index: 9;}
		}


		@media(min-width: 1369px) {
			.l-header.shadow_wide .l-subheader.at_middle, .l-header.shadow_wide .l-subheader.at_bottom {box-shadow: 0 9px 14px 0 rgba(0,0,0,.2) !important; }
		
		}
	
	/*---Min Max---*/
	
		@media(min-width: 1500px) and (max-width: 1600px) {
			
			/*---Home Title---*/
				.mml_h1row .vc_col-sm-5 {padding: 20px 4.167vw; } 
				.mml_h1row > .l-section-h > .g-cols {min-height: 150px!important;}
		}


	@media(max-width: 1300px) {
		.mml_h1row .btn1 a {margin-bottom: 12px; }
		.mml_h1row .vc_col-sm-5 .vc_column-inner {padding: 0 !important; }
		footer {background-size: 30% !important; }

	}
	

	@media(max-width: 1023px) {
		
		section#mml_ftr01 {    padding-left: 12px;    padding-right: 12px;}

		.mml_services .inner1 .wpb_column {width: 50%; }
		.mml_services .inner1  {row-gap: 82px !important; }

		.mml_cta1 .wpb_column {width: 100%; text-align: center; } 
		.mml_cta1 img {max-height: 200px; width: auto; } 
		.mml_cta1 h3:after {margin-left: auto; margin-right: auto; } 
		.mml_cta1 .g-cols {row-gap: 32px; }

		.mml_cta2 .wpb_column {width: 100%; text-align: center; } 
		.mml_cta2 img {max-height: 200px; width: auto; } 
		.mml_cta2 h3:after {margin-left: auto; margin-right: auto; } 
		.mml_cta2 .g-cols {row-gap: 32px; }
	}



	@media(max-width: 767px) {
			:root {
				--pad3: 40px;
				--fsheadingXL: 	42px; 			
				--fsheadingL: 	35px; 			
				--fsheadingM: 	30px; 			
				--fsheadingS: 	25px; 			
				--fsheadingXS:	20px;		
		}
		.mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper {    display: block;}
		.mml_row3 .title {    max-width: 90%;    margin: 0 auto -32px !important;}
		.h1btns p {    display: block;}
		.mml_h1row .btn1 a {    display: block;    margin-bottom: 12px;} 
		div#mml_bottomcontact {    display: flex;    background: var(--color1);    flex-wrap: wrap;    width: 100%;    position: fixed;    bottom: 0;    left: 0;	z-index: 99;}
		div#mml_bottomcontact a {    color: #fff;    display: block;    width: 50%;    text-align: center;    padding: 4px;}
		div#mml_bottomcontact a:first-child {    border-right: 1px solid;}
		div#mml_bottomcontact i {    margin-right: 5px;}
		section#mml_bottombar {    padding-bottom: 42px;}
		a.w-toplink.pos_right.active {    bottom: 81px;}
		a.btn1.floating {	display: block;}
		.btn1.floating {    opacity: 0;    transition: opacity 0.3s ease; pointer-events: none; }
		.btn1.floating.visible {    opacity: 1;    pointer-events: auto; }

		.mml_h1row .wpb_column {margin: auto !important; min-height: 300px; } 
		.mml_cta2 .wpb_column {margin: auto !important; }
		.mml_h1row .vc_col-sm-5 {order: 2 !important; } 
		.mml_h1row .vc_col-sm-7 {order: 1 !important; } 
		.mml_services .inner1 {row-gap: 32px !important; }

		.mml_h1row *:after {margin-left: auto !important; margin-right: auto !important; }
		.mml_h1row, .mml_h1row * {text-align: center !important; }

		footer {background-size: 30% !important; background-position: calc(100% - 32px) calc(100% - 180px) !important; }
		.mml_services:before { opacity: .96;}
	}