/*
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:*/


@font-face {
    font-family: 'Metropolis Bold Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-BoldItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-BoldItalic.woff) format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Medium Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-MediumItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-MediumItalic.woff) format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Medium';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-Medium.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Bold';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-Bold.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-Bold.woff) format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Light';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-Light.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Light Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-LightItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-LightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Regular';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-Regular.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-SemiBold.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Regular Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-RegularItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-RegularItalic.woff) format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-SemiBoldItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-SemiBoldItalic.woff) format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis Extra Light';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-ExtraLight.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-ExtraLight.woff) format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Extra Italic';
    src: url(../../../../../../../themes/Impreza-child/font/Metropolis-ExtraLightItalic.woff2) format('woff2'),
        url(../../../../../../../themes/Impreza-child/font/Metropolis-ExtraLightItalic.woff) format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

p,
.w-post-elm.post_content.yfont {
	font-weight: normal;
	font-family: 'Metropolis Regular';
	line-height: 30px;
}
.title-homebox p,
.title-homebox h5,
.title-homebox h4,
.title-homebox h3,
.title-homebox h2{
	font-weight: 500;
   font-family: 'Metropolis Medium';
}
.ymain-titles h1,
.ymain-titles h2,
.ymain-titles h3,
.ymain-titles h4,
.ymain-titles p {
	font-size: 30px;
	 font-weight: 200;
	line-height: 40px;
	margin-bottom: 15px;
 font-family: 'Metropolis Extra Light';
}
.ymain-subtitle h1,
.ymain-subtitle h2,
.ymain-subtitle h3,
.ymain-subtitle h4,
.ymain-subtitle p,
.yicons-regno p{
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	color: #333;
	font-family: 'Metropolis Medium';
}
.ycursive h1,
.ycursive h2,
.ycursive h3,
.ycursive h4,
.ycursive p {
	font-size: 30px;
    line-height: 38px;
    color: #adadad;
		font-weight: normal;
	font-family: 'Metropolis Regular';
}
.ybig-titles h1,
.ybig-titles h2,
.ybig-titles h3,
.ybig-titles h4,
.ybig-titles h5,
.ybig-titles p,
.yicons-regno .w-iconbox-title{
	font-size: 60px;
	line-height: 66px;
    text-transform: uppercase;
	font-weight: 300;
	color: #222222;
	  font-family: 'Metropolis Light';
	margin-bottom: 5px;
}
.yimg-left {
	padding-right: 85px;
}
.yimg-right {
	padding-left: 85px;
}
.ybig-titles.white h1,
.ybig-titles.white h2,
.ybig-titles.white h3,
.ybig-titles.white h4,
.ybig-titles.white p {
	color: #fff;
}
.yicons-box .w-iconbox-icon img {
	height: 75px!important;
	width: 75px!important;
}
.yicons-box .w-iconbox-title {
	color: #000000;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 28px;
font-family: 'Metropolis Regular';
}
.yimg-boxhome img {
	margin-bottom: 20px;
}
.yimg-boxhome .title-homebox {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Metropolis Semi';
}
.title-homebox h4,
.title-homebox h5,
.title-homebox h3,
.title-homebox h2 {
	font-weight: 600;
	font-family: 'Metropolis Semi';
}
.yimg-boxhome .wpb_text_column {
	padding-left: 15px;
}
#page-footer .yfooter-box .w-iconbox-icon {
	color: #999999!important;
	font-size: 16px!important;
	margin-right: 7px!important;
}
#page-footer .yfooter-box p a {
	color: var(--color-footer-link);
}
.yfooter-title h1,
.yfooter-title h2,
.yfooter-title h3,
.yfooter-title h4,
.yfooter-title p {
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: 900;
}
.ybottom p {
	color: #999999;
	font-size: 12px;
}
.home.page .l-section-h.i-cf {
	padding-top: 0px!important;
}
#page-header .l-subheader.at_top i,
#page-header .l-subheader.at_top p {
	color: #fff;
}
#page-header .l-subheader.at_top i {
	margin-right: 5px;
}
.yhome-overlay,
.ytop-section{
	position: relative;
}
.ytop-section {
	height: 650px;
	    display: flex;
    align-items: flex-end;
}
.archive .ytop-section {
	height: 750px;
}
.ytop-section h1,
.ytop-section h2,
.ytop-section h3,
.ytop-section h4,
.ytop-section p {
	font-size: 41px;
	line-height: 44px;
    font-weight: 300;
	margin-bottom: 30px;
	  font-family: 'Metropolis Light';
}
h2.ytitle-gridproducts,
h3.ytitle-gridproducts,
h4.ytitle-gridproducts {
	font-weight: 500;
	font-family: 'Metropolis Medium';
}
.ytop-section h1 strong ,
.ytop-section h2 strong,
.ytop-section h3 strong,
.ytop-section h4 strong,
.ytop-section p strong {
		font-weight: normal;
	font-family: 'Metropolis Regular';
	text-transform: capitalize;
	    font-size: 30px;
    line-height: 38px;
	
}
.yhome-overlay .l-section-h,
.ytop-section .l-section-h {
	z-index: 1;
}
.yhome-overlay:after,
.ytop-section:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.04) 75%, rgba(0,0,0,0.50) 100%);
}
.yimg-contacts img {
	height: 100px;
	width: 200px;
	object-fit: contain;
	margin-bottom: 10px;
}
.yfooter-box .w-iconbox-icon {
	color: rgb(41, 41, 41)!important;
	font-size: 12px!important;
}
.yfooter-box p a {
	color: var(--color-content-text);
}
.opening_hours_table th,
.opening_hours_table td {
	    padding: 1.2rem 1rem;
}
.wpcf7 p {
	text-align: center;
}
div.yrow-flex {
	display: flex;
	flex-direction: row;
	justify-content:space-between;
}
.yicons-regno .w-iconbox-icon img {
	height: 120px!important;
	width: 120px!important;
}
.yicons-regno h2.w-iconbox-title,
.yicons-regno h3.w-iconbox-title,
.yicons-regno h4.w-iconbox-title {
	padding-bottom: 10px!important;
}
#page-header.sticky li.menu-item  {
	color: #222222;
}
#sample_slider  h4 {
	font-size: 22px;
	font-weight: 500;
	padding: 3px 0px;
	font-family: 'Metropolis Medium';
}
.ytext-category p {
	font-size: 20px;
	line-height: 36px;
	font-family: 'Metropolis Regular';
	font-weight: normal;
}
.ytext-category {
	padding-right: 15px;
}
.w-post-elm.post_content h5 {
	color: #999999;
	    font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 0px;
	font-family: 'Metropolis Regular';
}
.w-post-elm.post_content h4 {
	    font-size: 22px;
	line-height: 38px;
	font-family: 'Metropolis Regular';
	  font-weight: normal;
	margin-bottom: 0px;
}

.single.single-product h1.w-post-elm.post_title {
	position: relative;
	font-family: 'Metropolis Medium';
	text-transform: uppercase;
	font-weight: 500;
	font-size: 30px;
	line-height: 38px;
}
.single.single-product h1.w-post-elm.post_title:after {
	content: '';
	position: absolute;
    width: 80px;
    height: 2px;
    background: rgba(138,138,138,1.00);
	left: 0;
	bottom: -12px;
}
.ycategories-product a {
	display: block;
	    color: #000000;
	margin-bottom: 15px;
}
.ycategories-product a:hover {
	    color: #adadad;
}
.ycontacts-product {
	margin-top: 30px;
	padding: 30px 0px;
	background: #F6F6F6;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
}
.ytable-products {
	position: relative;
	padding: 30px;
	border: 1px solid #e1e1e1;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
}
.ycontacts-product p {
    font-size: 1.2em!important;
	line-height: 1.8em!important;
	margin-bottom: 10px;
	font-weight: normal;
font-family: 'Metropolis Regular';
}
.ytable-products .w-post-elm.post_content h4 {
	margin-bottom: 20px;
	line-height: 28px;
	padding-top: 0px;
		font-weight: normal;
	font-family: 'Metropolis Regular';
}
.ytable-products:before {
	content: 'Descrizione';
	position: absolute;
	    top: -49px;
    left: -1px;
	background: #333;
	color: #fff;
	    padding: 12px 30px 12px 30px ;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	border-top-right-radius: 12px;
font-family: 'Metropolis Medium';
}
.ytitle-related h2,
.ytitle-related h3,
.ytitle-related h4,
.ytitle-related p {
	font-size: 20px;
    text-transform: uppercase;
    color: #999;
    border-bottom: 3px solid #999;
	padding-bottom: 8px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'Metropolis Regular';
	font-weight: normal;
}
.yrelated-box .w-btn .w-btn-label,
.yrelated-box .w-btn  i {
	color: #abb8c3;
	text-transform: uppercase;
	font-size: 14px;
}
ul#menu-regioni li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
    margin-bottom: 10px;
	font-weight: 400;
	font-family: 'Metropolis Regular';
}
ul.w-nav-list.level_2 li a.w-nav-anchor .w-nav-title {
	text-transform: capitalize;
	font-weight: normal;
	font-family: 'Metropolis Regular';
	letter-spacing: 0px;
	color: var(--color-header-middle-text-hover);
}
ul.w-nav-list.level_2 li.current-menu-item a.w-nav-anchor .w-nav-title {
	font-weight: 700;
}
.pagination>:not(.custom) .page-numbers.current {
	border: 1px solid var(--color-content-primary-grad);
	color: var(--color-content-primary-grad)!important;
	background: #fff;
	border-radius: 0px;
}
.pagination>:not(.custom) a.page-numbers {
	color: #888;
	border: 1px solid #888;
	border-radius: 0px;
}
.pagination>:not(.custom) .page-numbers {
	font-size: 15px;
    line-height: 40px;
    height: 40px;
	width: 40px;
}
.row.first_row,
.row .form-group{
	text-align: center;
}
.ycarousels-pages .w-post-elm.post_image,
.ycarousels-pages .w-post-elm.post_image img {
	height: 340px;
	object-fit: cover;
}
.ycarousels-pages .w-post-elm.post_title {
	position: absolute;
    top: 20px;
    background: rgba(0,0,0,0.5);
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 22px!important;
    padding: 10px 0px;
	font-family: 'Metropolis Medium';
}
.ycarousels-pages .w-post-elm.post_title a:hover {
	color: #fff;
}

.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
	font-weight: 300;
	  font-family: 'Metropolis Light';;
}
.ush_menu_1.type_mobile .w-nav-anchor.level_1, .ush_menu_1.type_mobile .w-nav-anchor.level_1 + .w-nav-arrow {
	padding: 5px 10px;
}





@media (max-width: 1023.98px) {
	.w-nav-list.level_1.hover_simple {
	    background: #fff!important;
		
}
	.w-nav-list.level_1.hover_simple .w-nav-title {
		color: #84754e!important;
	}
	.ush_menu_1 .w-nav-icon {
		z-index: 999;
	}
	.w-nav-control.active .w-nav-icon{
	    color: #999;
}
	ul.w-nav-list.level_2 li a.w-nav-anchor .w-nav-title {
		text-transform: uppercase;
		
		
		
	}
	.ush_menu_1 .w-nav-list:not(.level_1) {
	    background: #fff!important;
		padding-left: 20px;
}
	.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
			padding: 5px 10px!important;
		color: var(--color-header-middle-text-hover)!important;
	}
	.header_hor .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1:after {
		content: '';
		position: absolute;
		background-image: var(--wpr-bg-91a8a4bb-e655-4e17-9653-39208312b5ca);
	    width: 200px;
    height: 97px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;
		
	}
	
	
	#page-header.sticky .ush_menu_1 {
		    color: #1d1d1b!important;
	}
}
.w-toplink, .w-header-show {
	background: rgb(238 238 238 / 57%)!important;
	border-radius: 0px;

}
.w-toplink .far.fa-angle-up {
		color: #222!important;
}
.wpcf7 div.yrow-flex p{
	width: 32%;
}
.yimg-logo img {
		height: 100px;
   	 width: 195px;
	}
@media (max-width: 767.98px) {
	.ymain-titles h1, .ymain-titles h2, .ymain-titles h3, .ymain-titles h4, .ymain-titles p {
		font-size: 26px;
		line-height: 37px;
	}
	.yimg-left {
		padding-right: 0px;
	}
	.ycursive h1, .ycursive h2, .ycursive h3, .ycursive h4, .ycursive p {
		font-size: 40px;
		line-height: 48px;
	}
	.ybig-titles h1, .ybig-titles h2, .ybig-titles h3, .ybig-titles h4, .ybig-titles h5, .ybig-titles p, .yicons-regno .w-iconbox-title {
		    font-size: 34px;
    line-height: 38px;
		    font-weight: normal;
		font-family: 'Metropolis Regular';
		letter-spacing: -1px;
		margin-bottom: 15px;
	}
	.yimg-right {
		padding-left: 0px;
	}
	.ytop-section {
		height: 300px;
	}
	.ytop-section h1, .ytop-section h2, .ytop-section h3, .ytop-section h4, .ytop-section p{
		font-size: 30px;
		line-height: 34px;
	
	}
	.ytop-section h1 strong, .ytop-section h2 strong, .ytop-section h3 strong, .ytop-section h4 strong, .ytop-section p strong {
		font-size: 40px;
		line-height: 44px;
	}
	.yicons-regno .w-iconbox-icon img {
    height: 100px!important;
    width: 100px!important;
    object-fit: contain;
}
	.wpb_column.sidebar-padding {
		padding-left: 0px!important;
		padding-top: 30px;
	}
	div.yrow-flex {
		flex-direction: column;
	}
	div.yrow-flex p {
		    width: 100%;
	}
	.wpcf7 p input{
	display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
	}
	.opening_hours_table th, .opening_hours_table td {
    padding: 1.2rem 1.3rem;
}
	.single.single-product h1.w-post-elm.post_title {
		font-weight: 500!important;
		font-size: 26px!important;
		line-height: 38px!important;
		font-family: 'Metropolis Medium';
	}
	.g-cols.wpb_row.ytable-products {
		margin-top: 80px;
	}
	.g-cols.wpb_row.ycontacts-product {
		    padding: 30px 15px;
	}
	.archive .ytop-section {
		height: 400px;
	}
	.wpcf7 div.yrow-flex p{
	width: 100%;
}
	
}
@media (min-width: 768px) and (max-width: 1023.98px) {
	div.yrow-flex {
	display: flex!important;
    flex-direction: column;
	}
	div.yrow-flex p {
		width: 100%;
	}
	.g-cols.yicons-row {
		gap: 3rem!important;
	}
	.yrow-clmn {
		    display: flex!important;
    flex-wrap: wrap;
		justify-content: center;
	}
	.yrow-clmn .yimg-boxhome {
		width: 48%!important;
	}
	.yimg-left {
	padding-right: 0px;
	}
	.yimg-right {
	padding-left: 0px;
	}
	.ylogos-imgs img {
		height: 100px;
		object-fit: contain;
	}
	.wpb_column.sidebar-padding {
		padding-left: 0px!important;
	}
	.yimg-product img{
		height: 600px;
		object-fit: contain;
	}
	.yicons-box .w-iconbox-title {
		font-size: 20px;
		height: 40px;
	}
	.ybig-titles h1, .ybig-titles h2, .ybig-titles h3, .ybig-titles h4, .ybig-titles h5, .ybig-titles p, .yicons-regno .w-iconbox-title {
		font-size: 42px;
	}
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.ybig-titles h1, .ybig-titles h2, .ybig-titles h3, .ybig-titles h4, .ybig-titles h5, .ybig-titles p, .yicons-regno .w-iconbox-title {
		font-size: 48px;
	}
		.yimg-left {
	padding-right: 0px;
}
.yimg-right {
	padding-left: 0px;
}
		.g-cols.yicons-row {
		gap: 3rem!important;
	}
		.ylogos-imgs .w-image{
	margin-right: 5px;
	}
	.yicons-regno .w-iconbox-icon img {
    height: 100px!important;
    width: 100px!important;
}
		.wpb_column.sidebar-padding {
		padding-left: 0px!important;
	}
}
