/*
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:*/
:root {
  --gold: #a18526; /* global scope */
  --bordeaux: #9a1e25;
	--green: #2e3c2d;
	--white: #ffffff;
	--beige: #f4f4ec;
	--grey: #f9f9f9;
	--grey-dark: #F1F1F1;
}
.main-titles h1,
.main-titles h2,
.main-titles h3,
.main-titles h4,
.main-titles p,
.page-title {
    font-size: 54px;
    line-height: 56px;
    color: var(--gold);
    font-weight: 500;
	font-family: var(--h1-font-family, inherit);
}
.main-titles.white :is(h1, h2, h3, h4, p) {
	color: var(--white);
}
.main-titles.contacts h1,
.main-titles.contacts h2,
.main-titles.contacts h3,
.main-titles.contacts h4,
.main-titles.contacts p  {
    font-size: 40px;
    line-height: 46px;
}
.small-title h1,
.small-title h2,
.small-title h3,
.small-title h4,
.small-title p,
.w-counter-title{
	font-size: 31px;
    text-align: center;
    text-transform: lowercase;
    font-family: var(--h4-font-family) !important;
}
.small-title.left h1,
.small-title.left h2,
.small-title.left h3,
.small-title.left h4,
.small-title.left p {
	text-align: left;
}
.w-counter-title {
	color: var(--beige);
}
.img-animals img{
	height: 100px;
	object-fit: contain;
	margin-bottom: 15px;
}
.story-row .years-number h1,
.story-row .years-number h2,
.story-row .years-number h3,
.story-row .years-number h4,
.story-row .years-number p {
	font-size: 20px;
    line-height: 28px;
    color: var(--color-content-text);
    font-weight: 500;
}
.years-number.first p,
.years-number.first p a {
	 font-family: var(--h3-font-family, inherit);
	color: var(--gold);
	font-size: 40px;
    line-height: 46px;
	font-weight: 500;
}
.footer-title h1,
.footer-title h2,
.footer-title h3,
.footer-title h4,
.footer-title p {
margin-bottom: 10px;
	text-transform: uppercase;
	color: var(--gold);
	letter-spacing: 0.5px;
    font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}
.bottom-text p {
	font-size: 14px;
}
.beige-clmn.right {
	padding-right: 200px!important;
}
.img-absolute {
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: -50px;
}
li.current-menu-item .w-nav-title {
	font-weight: 600;
	color: var(--gold);
}
.ynumber .type_number,
.ynumber .w-counter-value-part {
	color: var(--beige);
	font-size: 50px;
	line-height: 70px;
	/*font-family: var(--h3-font-family, inherit);*/
}
.yicons-box .w-iconbox-icon {
	font-size: 80px;
	margin-right: 8px!important;
}
.yicons-box .w-iconbox-title {
	padding-bottom: 0px;
}
.yicons-box {
	align-items: center!important;
}
.story-img img {
	height: 340px;
	object-fit: contain;
}
.big-text p {
	font-size: 64px;
	line-height: 70px;
}
.yicons-box .w-iconbox-title {
	font-size: 40px;
    line-height: 40px;
}
.yicons-box.center {
	margin: 0 auto;
	display: flex;
    justify-content: center;
}
.yrow-form p{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.yrow-form p label {
	width: 49%;
}
.clmn-budella {
	position: relative;
}
.clmn-budella:before {
content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: var(--beige);
    z-index: 0;
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.clmn-budella .vc_column-inner {
	z-index: 1;
}
.border-section .l-section-h {
	border-top: 1px solid #E1E1E2;
	padding-top: 80px;
}
.logo-img img {
	height: 38px;
	object-fit: contain;
}
.header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {
	padding-top: 0px;
}
#page-header .l-subheader.at_middle .l-subheader-h {
	background:rgb(255 255 255 / 5%);
    backdrop-filter: blur(10px);
	border-radius: 6px;
	padding: 0px 34px;
}
.border-top {
	border-top: 1px solid #ffffff33;
	padding-top: 34px;
}
#page-header.sticky .w-nav-title {
	color: var(--color-header-middle-text);
}
.img-story {
	width: 350px;
    height: 350px;
    border-radius: 50%;
}
.years-number.first {
	width: 130px;
    height: 130px;
    background: var(--beige);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
}
.story-row {
	position: relative;
}
.story-row:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 95%;
    background: var(--gold);
    top: calc(50% + 20px);
    right: 0;
}
.img-prodotti img {
    width: 100%;
	    height: 350px;
	width: 500px;
    object-fit: contain;
}
td, th {
    padding: 8px 14px; 
}
.ytable thead tr th,
tbody  tr th{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    color: var(--gold);
}
tbody  tr th {
 border: unset;
}
.beige-section {
	background: var(--grey);
}
.beige-section.dark {
	background: var(--grey-dark);
}
.w-tabs.style_radio3>.w-tabs-list .w-tabs-list-h {
	border: 2px solid var(--green);
	background: #ffffff;
}
.w-tabs-item {
	color: var(--color-content-text)!important;
}
.ytable.dark {
	background: var(--white);
}
.ytable td:not(:last-child) {
	    border-right: 1px solid var(--color-content-border);
}
.ytable.dark tr {
	border:  1px solid var(--color-content-border);
}
.padding-right {
	padding-right: 80px;
}
.ytable.width50 td {
	width: 50%;
}
input[type=checkbox] {
	border: 1px solid var(--green);
}
.yicon-products .w-iconbox-icon {
	display: none;
}
.yicon-products .w-iconbox-title {
	font-size: 40px;
    line-height: 40px;
}
.border-top {
	border-top: 1px solid #cecece;
	padding-top: 10px;
}
#page-header.sticky .w-nav-arrow:before{
	color: var(--bordeaux);
}
@media (max-width: 767.98px) {
    .l-subheader.at_middle.width_full {
        padding: 0px 0px!important;
    }
    #page-header .l-subheader.at_middle .l-subheader-h {
        border-radius: 0px;
        padding: 0px 24px;
    }
    .main-titles h1, .main-titles h2, .main-titles h3, .main-titles h4, .main-titles p, .page-title {
        font-size: 48px;
        line-height: 52px;
    }
    .big-text p {
        font-size: 50px;
    line-height: 56px;
    }
    .story-imagehome img {
        object-fit: contain;
    }
	#page-header.sticky .w-nav-icon {
		color: var(--bordeaux);
	}
	.years-number.first {
	width: 76px;
    height: 76px;
	}
	.story-row {
		display: flex!important;
		justify-content: space-between;
	}
	.story-row .years-number h1, .story-row .years-number h2, .story-row .years-number h3, .story-row .years-number h4, .story-row .years-number p {
		font-size: 16px;
		line-height: 26px;
	}
	.years-number.first p, .years-number.first p a {
		font-size:28px;
		line-height: 34px;
	}
	.img-prodotti img {
		height: 300px;
		width: 100%;
	}
  .ytable {
    border: 0;
  }

  .ytable tbody,
  .ytable tr,
  .ytable th,
  .ytable td {
    display: block;
    width: 100%;
  }

  .ytable tr {
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
  }

  .ytable th {
    font-weight: bold;
    margin-bottom: 10px;
  }

  .ytable td {
    position: relative;
   /* padding-left: 50%;*/
    margin-bottom: 6px;
  }

  /* Labels (taken from data-label attribute) */
  .ytable td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 100%;
    font-weight: bold;
  }
	.ytable.width50 td {
    width: 100%;
	}

   .ytable-mobile {
    width: 100%;
  }
  .ytable-head,
  .ytable-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
  }

  .ytable-head {
    font-weight: bold;
    border-bottom: 1px solid #000;
  }

  .ytable-row div {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
	#page-header.sticky .w-nav-icon {
		color: var(--bordeaux);
	}
	.big-text p {
    font-size: 56px;
    line-height: 64px;
}
	.display-flex {
		display: flex!important;
		flex-direction: column;
	}
		.story-row {
		display: flex!important;
		justify-content: space-between;
	}
	.size-bg {
		/*padding-top: 300px;*/
		background-size: 0px 0px;
	}
	.display-flex {
		display: flex!important;
		flex-direction: column;
	}
	  .ytable {
    border: 0;
  }

  .ytable tbody,
  .ytable tr,
  .ytable th,
  .ytable td {
    display: block;
    width: 100%;
  }

  .ytable tr {
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
  }

  .ytable th {
    font-weight: bold;
    margin-bottom: 10px;
  }

  .ytable td {
    position: relative;
   /* padding-left: 50%;*/
    margin-bottom: 6px;
  }

  /* Labels (taken from data-label attribute) */
  .ytable td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 100%;
    font-weight: bold;
  }
	.ytable.width50 td {
    width: 100%;
	}
   .ytable-mobile {
    width: 100%;
  }
  .ytable-head,
  .ytable-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
  }
  .ytable-head {
    font-weight: bold;
    border-bottom: 1px solid #000;
  }
  .ytable-row div {
    text-align: left;
  }
	.number-clmn {
		padding: 0px 80px;
	}
	.size-bg {
		/*padding-top: 300px;*/
		background-size: 200px 0px!important;
	}
}