/*
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:  #DC2147; 			
				--color2:  #1C3664;

				/* default paddings */
				--pad1: 42px; 			
				--pad2: 85px; 			
				--pad3: 115px;

				/* font sizes */
				--fsheadingXL: clamp(37px, 5.3vw, 101px);
				--fsheadingLLL: clamp(35px, 3.125vw, 60px);
				--fsheadingLL: clamp(35px, 3.125vw, 60px);
				--fsheadingL: clamp(34px, 3.125vw, 60px);
				--fsheadingMMM: clamp(20px, 2.083vw, 40px);
				--fsheadingMM: clamp(20px, 1.823vw, 35px);
				--fsheadingM: clamp(20px, 1.667vw, 32px);
				--fsheadingSSS: clamp(20px, 1.458vw, 28px);
				--fsheadingSSSS: clamp(20px, 1.354vw, 26px);
				--fsheadingSS: clamp(18px, 1.146vw, 22px);
				--fsheadingS: clamp(18px, 1.094vw, 21px);
				--fsheadingXS: clamp(18px, 1.042vw, 20px);
				--fsheadingXXS: clamp(17px, 0.99vw, 19px);
				--fsheadingXXXS: clamp(15px, 0.885vw, 17px);

				--greybg1:  #F4F4F4;

				/* if needed
				--gradient1: linear-gradient(270deg, #94C11F 0%, #006533 100%); 			--greybg1:  #eee; 			
				*/
		}
		
		/* -paddings- */
			.mml_home-hero-wrap .vc_column_container > .vc_column-inner{padding-left:0!important;padding-right:0!important;}
			.pad3 { padding-top: var(--pad3); padding-bottom: var(--pad3); }
			.pad3f { padding-top: var(--pad3); padding-bottom: var(--pad3); }
			.pad3 + .pad3  { padding-top: 0; }
			.pad3.contact-cta + .pad3, .pad3 + .pad3.contact-cta, .pad3.bottom-arrow-ribbon + .pad3, .pad3 + .pad3.greybg1 { padding-top: var(--pad3); }
			.pad3 + .pad3.bg-phy,.pad3.greybg1 + .pad3 { padding-top: var(--pad3); }
			.pad1 { padding-top: var(--pad1); padding-bottom: var(--pad1); }
			.pad2 { padding-top: var(--pad2); padding-bottom: var(--pad2); }
			
		.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; }
		
		.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(--color1); 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, .whitetxt div {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); }
		.greybg2 { background: var(--greybg2); }
		
		.pls-row{justify-content: center;}
		
		div#bottom-links i { padding: 0 6px 3px 0; }
		/* 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;}
		
		/* GENERAL RULES */
			/*---Title---*/
				body h1{font-size: var(--fsheadingLLL); color: var(--color1);}
				body h2{font-size: var(--fsheadingLL); color: var(--color1);}
				body h3{font-size: var(--fsheadingL); color: var(--color1);}
				body h1, body h2, body h3{text-transform: capitalize; line-height: 1.0;}
				h1 span{display: block; font-weight: 400; font-size: var(--fsheadingMMM);padding-bottom: 12px; color: var(--color2);}
				h2 span{display: block; font-weight: 400; font-size: var(--fsheadingMMM);padding-bottom: 5px; color: var(--color2);}
				h3 span{display: block; font-weight: 400; font-size: var(--fsheadingM);padding-bottom: 5px; color: var(--color2);}
		
		/*---Footer---*/
			/*---Top Footer---*/	
				.top-footer{background-color: var(--color2);}
				.top-footer img{max-height: 60px!important; width: auto!important;}
				footer .w-menu[style*=--main-color] .menu>li>a{color:#3C3C3B;}
				footer .w-menu[style*=--main-color] .menu>li>a:hover{color: var(--color1)}
				footer .icon_atleft span, footer .icon_atleft a span{color:#3C3C3B; }
				footer .icon_atleft a:hover span{color:var(--color1); }
		/*---Header---*/
			/*---Menu---*/
				.menu-item-33415 .w-nav-list.level_2{padding-bottom: 300px;}
				.header_hor .w-nav.type_desktop .category-menu .w-nav-list.level_2{background: url(/wp-content/uploads/2025/11/Desen-1.jpg) bottom center no-repeat #ffffff!important;}
				.header_hor .w-nav.type_desktop .category-menu .w-nav-list.level_2.menu-1{background: url(/wp-content/uploads/2025/11/GRILE-EXTERIOARE.jpg) bottom center no-repeat #ffffff!important;}
				.header_hor .w-nav.type_desktop .category-menu .w-nav-list.level_2.menu-2{background: url(/wp-content/uploads/2025/11/TUBULATURA-EPS.jpg) bottom center no-repeat #ffffff!important;}
		
		/*---CTA---*/
			.top-cta{}
			.cta-txt{padding-left: 30px; border-left: 2px solid var(--color1);}
			
		/*---Animation NR Row---*/
			 .animation-nr-row{}
			 .cat-box-link{display: flex; flex-direction: row; flex-direction: column; flex-wrap: nowrap;justify-content: space-between;align-items: center;align-content: stretch;}
			 .cat-box-link h4{padding-top: 0;}
		/*---Cat Row----*/
			/*.cat-inner-row{gap: 15px;}*/
			.cat-inner-row .vc_column_container > .vc_column-inner > .wpb_wrapper{background: url('/wp-content/uploads/2025/11/right.png') center right 10px no-repeat!important; background-size: 50px auto!important; padding: 0!important;background-color: #fff!important;    border-radius: 10px !important;  box-shadow: 0 5px 30px 0 rgba(28, 26, 51, 0.10) !important;margin-bottom: 30px;}
			.cat-inner-row .vc_column_container > .vc_column-inner > .wpb_wrapper:hover{background: url('/wp-content/uploads/2025/11/right-h.png') center right 10px no-repeat!important; background-size: 50px auto!important; padding: 0!important;background-color: #fff!important;}
			.cat-inner-row .vc_column_container > .vc_column-inner > .wpb_wrapper:hover h2{color: var(--color1);}
			a.cat-box-link, .cat-box-link{padding: 50px;}
			a.cat-box-link h4, .cat-box-link h4{font-size: 25px; font-weight: 300;}
			a.cat-box-link img, .cat-box-link img{margin-bottom: 15px; max-width: 180px; width: auto;}
		/*---Full-w-std-row---*/
			.full-width-txt-row .txt{padding: var(--pad3) 50px;}
		/*---Blog Row---*/
			.blog-row .w-grid-list .w-grid-item{background-color: var(--greybg1);}
			.blog-row .w-grid-list .w-grid-item .w-hwrapper.usg_hwrapper_1,.blog-row .w-grid-list .w-grid-item .post_title,.blog-row .w-grid-list .w-grid-item .post_content{padding-left: 20px; padding-right: 20px;}
			.blog-row .w-grid-list .w-grid-item .post_title,.blog-row .w-grid-list .w-grid-item .post_content{padding-bottom: 30px;}
			.w-post-elm.post_image{overflow: hidden; max-height: 280px;}
			.blog-row .layout_blog_classic .usg_post_title_1{font-weight: 300!important; color: var(--color2)!important;}
			.w-post-elm.post_image img{min-height: 280px;}