/*
	Theme Name: 		Tenuta San Tomaso
	Text Domain: 		tenutasantomaso
	Version: 			0.2
	Description: 		Template di Tenuta San Tomaso.
	Tags: 				vino, vini, sangiovese, albana, chianti, montepulciano, trebbiano, prosecco
	Author: 			Valerio Del Re
	Author URI: 		https://www.nanz.it/
	Theme URI: 			https://www.nanz.it/
	Version: 			1.0	
	License: 			GNU General Public License version 3.0
	License URI: 		http://www.gnu.org/licenses/gpl-3.0.html
*/

*,*:before,*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
:root {
	--bianco: #FFFFFF;
	--oro: #BD9855;
	--rosso: #AD2C43;
	--grigioc: #F1F1F1;
	--grigetto: #637387;
	--blu: #0C1D32;
}
*:focus {
    outline: none
}
::selection {
    background: var(--oro);
    color: var(--bianco);
}
*:focus {
    outline: none
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: var(--blu)
}
h1, h2, h3, .titolo { 
	font-family: 'Lora', serif;
	color: #292929;
	font-weight: 400;
	letter-spacing: 0px;
    line-height: 1.4em;
    font-size: 35px;
}
.inside {
	padding: 20px;
}
#spaziatore {
	display: block;
	width: 100%;
	height: 120px;
	background-color: #F5F5F5;
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
}
b, strong {
	font-weight: 500;
}

/* Link color */
a { 
	text-decoration: none;
	color: var(--rosso);
  	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
a:focus, a:hover, #logo a:hover { 
	text-decoration: none; 
	color: var(--oro);
}
.desktop,
.tablet {
	display: none;
}
.mobile {
	display: inline-block;
}
.responsive {
	width: 100%;
	height: auto !important;
}

/* ------------------------------------------------------------------------- *
/* Helpers  */
/* ------------------------------------------------------------------------- */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}

.pt-1{padding-top: 10px}
.pt-3{padding-top: 20px}
.pt-3{padding-top: 40px}
.pt-4{padding-top: 15vh}

.pb-0{padding-bottom: 0 !important}
.pb-1{padding-bottom: 10px}
.pb-2{padding-bottom: 20px}
.pb-3{padding-bottom: 40px}
.pb-4{padding-bottom: 15vh}

.fs-14{font-size: 14px}
.centrato{text-align: center;}
.maiuscolo{text-transform: uppercase;}
h2.maiuscolo{font-size: 24px; letter-spacing: 2px; margin-top:0}
h1.animaelemento, h2.animaelemento {
	opacity: 0;
    transform: translateY(50px);
}
h1.dentro, h2.dentro, h3.dentro {
	opacity: 1;
    transform: translateY(0px);
    transition: all 1s cubic-bezier(.215, .61, .335, 1);
}

/* Content */
header#fisso {
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: var(--bianco);
	z-index: 9999999999999999999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
#intro {
	color: #abb8c3;
	background-color: var(--blu);
	padding: 5px 0;
}
header#fisso div.flex {
	justify-content: space-between;
	align-items: center;
	padding: 5px 20px;
	top: 0; left: 0; width: 100%;
}
header#fisso div.flex div, header#fisso div.flex span {
	flex-basis: 33.33%;
}

#logo a img {
	max-width: 42px;
	vertical-align: middle;
	margin: 0 auto;
}
#logo a:hover img {
	filter: brightness(110%);
    -webkit-transition: all .5s ease-in-out; 
    transition: all .5s ease-in-out; 
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav ul li {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
}
nav ul li a {
	display: block;
    padding: 12px 10px;
    color: var(--blu);
}
nav ul li a:hover {
    color: var(--oro);
}
nav#menu {
    position: absolute;
  	top: 98px;
	left: 0;
  	width: 100%;
  	height: 0vh;
    overflow: hidden;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
nav#menu ul li {
	display: block;
}
nav#menu ul li a {
    font-size: 18px;
    padding: 10px 20px;
    text-align: right;
}
nav#account ul li:first-child a:before,
nav#account ul li:last-child a:before {
	margin-right: 4px;
	vertical-align: sub;
}
#icone img {
	margin: 0 10px 0 0;
	vertical-align: bottom;
}
.menu-aperto {
    height: 100vh !important;
    background-color: var(--bianco);
}
#hero-container {
	padding: 0;
	margin-bottom: 60px;
}
.hero {
    width: 100%;
    height: 100vh;
    background: linear-gradient(0deg, rgba(0,0,0,.1), rgba(0,0,0,.6)), 
        url('img/mescita.jpg') no-repeat center center;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    color: var(--bianco);
    align-items: center;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 15px;
}
.hero h1 {
    margin-top: 0;
    max-width: 300px;
    color: var(--bianco);
    font-style: italic;
    line-height: 1.1;
}
.hero strong {
	color: var(--oro);
}
.hero a, .woocommerce div.product form.cart .button,
.bottiglia a.button, .woocommerce ul.products li.product .button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.woocommerce-cart a.wc-block-cart__submit-button,
.woocommerce-checkout button.wc-block-components-checkout-place-order-button,
.wpcf7-submit,
.woocommerce-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: var(--blu) !important;
    color: var(--bianco) !important;
    display: inline-block !important;
    text-shadow: none !important;
    padding: 12px !important;
    min-width: 220px !important;
  	-webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
    text-transform: uppercase !important;
	letter-spacing: 2px !important;
    font-size: 13px !important; 
	font-weight: initial !important;
	line-height: 1.5em !important;
	border: none !important;
	border-radius: initial !important
}
.hero a:hover, .woocommerce div.product form.cart .button:hover,
.bottiglia a.button:hover, .woocommerce ul.products li.product .button:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.woocommerce-cart a.wc-block-cart__submit-button:hover,
.woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover,
.wpcf7-submit:hover,
.woocommerce-button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: var(--oro) !important;
  	animation-duration: 4s !important;
}
.bottiglia a.added_to_cart {
	display: block;
	margin-top: 10px;
}
#contenuto {
  	&:target::before {
    	content:"";
    	display:block;
    	height:150px; /* fixed header height*/
    	margin:-150px 0 0; /* negative fixed header height */
  	}
}
footer {
	color: #abb8c3;
	background-color: var(--blu);
    font-size: 15px;
	flex-direction: column;
	text-align: center !important;
}
footer a {
	color: #abb8c3;
}
footer #recap {	
	flex-direction: column;
	text-align: center;
}
a.cmplz-show-banner:hover {
	cursor: pointer;
}
#cont-plus {
	background-color: #F5F5F5;	
	color: var(--blu);
	padding: 20px;
}
.plus {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.plus div {
	flex-basis: 49%;
	padding: 20px 0;
	background-color: var(--bianco);
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 8px;
}
.plus div span {
	font-family: 'Lora', serif;
	text-transform: uppercase;
	color: #292929;
	font-weight: 500;
}
#chiusura {
	justify-content: space-between
}
#produzione {
	flex-direction: column;
	margin: 60px 0;
}
#produzione .titolo {
	color: var(--bianco);
	font-style: italic;
}
#produzione strong {
	flex-direction: column;
	color:#cebc9e; 
	letter-spacing: 2px;
}
#produzione div {
	height: 700px;
}
#produzione div:first-child {
	background-image: url(img/pattern.jpg);
	padding: 0 50px;
	flex-direction: column;
	justify-content: center
}
#produzione div:last-child {
	background-image: url(img/vino.jpg);
	background-size: cover;
}
#prodotti {
	background-color: var(--grigioc);
}
.bottiglia a h3,
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.wc-block-product-new .wc-block-grid__product-title {
	font-family: 'Lora', serif;
	font-size: 20px;
	line-height: 1;
	letter-spacing: initial;
	color: var(--blu);
	text-transform: uppercase;
	margin: 0 auto !important;
	font-weight: 500;
}
.bottiglia {
	margin:15px 0;
}
.bottiglia p.price,
.products .price,
.wc-block-product-new .amount {
	color: var(--rosso) !important;
	font-weight: 400 !important;
	font-size: 15px;
	font-family: 'Roboto', sans-serif !important;	
	margin-top: 10px;
}
.wp-block-media-text {
	background-color: #F5F5F5;
}
.enfasi {
	font-family: 'Lora', serif;
	color: #292929;
	font-weight: 400;
	letter-spacing: 0px;
    line-height: 1.2em;
    font-size: 25px;
    font-style: italic;	
}
.page-template-default #contenuto {
	max-width: 1200px;
	margin: 0 auto
}

/* WOOCOMMERCE */

.term-vini {
	text-align: center
}
.term-vini h1:before,
.related h2:first-child:before {
	content: url('img/grappolo.png');
	display: block;
	line-height: 1;
}
.term-vini h1 {
	margin-bottom: 0
}
.term-description {
	margin-bottom: 40px;
	color: var(--rosso)
}
.woocommerce-product-details__short-description p:first-of-type strong {
	color: var(--rosso)
}
.term-description p {
	margin-top: 0
}
.related {
	text-align: center
}
.related h2:first-child:before {
	margin-top: 50px
}
.single-product .woocommerce-product-details__short-description {
	margin-bottom: 40px
}
.single-product .woocommerce-product-details__short-description h2 {
	font-size: 25px;
}
.single-product .entry-summary .price {
	font-size: 25px !important;
	margin-top: 0
}
.single-product .pswp--open {
	z-index: 9999999999999999
}
.single-product .pswp__caption__center {
	text-align: center !important
}
.woocommerce .quantity .qty {
	padding: 14px 10px;
	border-radius: initial;
	border: 1px solid #cfc8d8;
}
.single-product .quantity .qty {
	padding: 11px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: 400;
	color: var(--blu) !important;
}
.woocommerce ul.products[class*=columns-] {
	display: flex;
	flex-direction: column
}
.woocommerce ul.products[class*=columns-] li.product {
	width: 100%;
	flex-basis: 100%;
	margin: 0 0 60px 0;
	padding: 0
}
.woocommerce .products ul::after, 
.woocommerce .products ul::before, 
.woocommerce ul.products::after, 
.woocommerce ul.products::before {
	content: none
}
h2.woocommerce-loop-product__title,
h3.woocommerce-loop-product__title {
	margin: 20px auto 0 auto !important;
	padding: 0 !important;
}
.box6 {
	display: block;
	margin: 20px 0 0 0;
	font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    color: var(--grigetto);
	font-family: 'Roboto', sans-serif !important;
}
.woocommerce-cart .wc-block-components-product-name:before,
.woocommerce-checkout .wc-block-components-product-name:before,
.single-product h1:before {
	margin-bottom: 0;
	line-height: 1
}
.single-product h1 {
	line-height: 1.2;
	margin-bottom: 20px
}
.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-checkout .wc-block-components-product-metadata__description {
	display: none
}

.woocommerce-cart .wc-block-cart__submit-container--sticky {
	background-color: var(--bianco) !important
}
.woocommerce-account .addresses .title h3 {
	font-size: 25px
}
.ppcp-place-order-description {
	text-align: left !important
}
.wp-block-media-text>.wp-block-media-text__content {
	padding: 30px
}

/* EXTRA */

.grecaptcha-badge {
	display: none !important
}
#cmplz-document {
	max-width: none
}

/* HAMBURGER */

#ico-menu {
    height: 20px;
    text-align: right;
}
#ico-menu button {
    min-width: initial
}
.hamburger {
    width: 20px;
    height: 20px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; 
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--blu); 
}
.hamburger-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative; 
}
.hamburger-inner {
    display: block;
    top: 50%
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: var(--blu);
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; 
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; 
}
.hamburger-inner::before {
    top: -8px; 
}
.hamburger-inner::after {
    bottom: -8px; 
}
.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--squeeze .hamburger-inner::before {
    transition: top 75ms 0.12s ease, opacity 75ms ease; 
}
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 75ms 0.12s ease, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 75ms ease, opacity 75ms 0.12s ease; 
}
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.blocca {
    overflow: hidden !important
}

/* FORM */

input[type=text], input[type=email], input[type=number], input[type=tel], input[type=text], input[type=url], select {
	background-color: #fff;
    border: 1px solid hsla(0,0%,7%,.8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    min-height: 0;
    padding: 15px !important;
    width: 100%;
}
textarea {
    background-color: #fff;
    border: 1px solid hsla(0,0%,7%,.8);
    border-radius: 4px;
    box-sizing: border-box;
    color: #2b2d2f;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.375;
    margin: 0;
    padding: 15px !important;
    width: 100%;
}
.woocommerce-checkout h3 {
	font-size: 25px
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background-color: #F5F5F5;
	margin-bottom: 20px
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background-color: #ededed;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: rgb(237, 237, 237);
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	padding: 12px 0
}
.woocommerce a.added_to_cart {
	display: block
}

/* SLICK */

.slick-frecce{
    width: 100px;
    margin: 20px auto;
}
.slick-frecce div {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 10px;
    color: #28a745;
}
.slick-frecce div img {
    opacity: 0.6;
  	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.slick-frecce div:hover img {
    opacity: 1;
  	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.arrow_prev {
    cursor: pointer;
    left: 0;
    text-align: right;
}
.arrow_next img {
    transform: rotate(180deg) !important;
}
.arrow_next {
    cursor: pointer;
    right: 0;
    text-align: left;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
#totop {
	position: fixed;
    right: 0;
    bottom: 80px;
    z-index: 100;
	height: 60px;
    width: 60px;
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    display: none;
}
#totop img {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    position: relative;
}
.mostrafreccia {
	display: block !important;
}

@media screen and (min-width: 480px) { 	
	.tablet {
		display: inline-block;
	}
	.plus, .bottiglie {
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.plus div, .bottiglie div {
		flex-basis: -webkit-calc(50% - 10px);
    	flex-basis: -moz-calc(50% - 10px);
		flex-basis: -o-calc(50% - 10px);
    	flex-basis: calc(50% - 10px);
	}
	.plus div {
    	font-size: 15px;
	}
}


@media screen and (min-width: 600px) { 
	.woocommerce ul.products[class*=columns-] {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}
	.woocommerce ul.products[class*=columns-] li.product {
		flex-basis: -webkit-calc(50% - 10px);
		flex-basis: -moz-calc(50% - 10px);
		flex-basis: -o-calc(50% - 10px);
		flex-basis: calc(50% - 10px);
	}
}


@media screen and (min-width: 768px) { 
	footer #recap {
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}
	footer #recap div {
		flex-basis: -webkit-calc(50% - 10px);
		flex-basis: -moz-calc(50% - 10px);
		flex-basis: -o-calc(50% - 10px);
		flex-basis: calc(50% - 10px);
	}
	#produzione {
		flex-direction: row;
	}
	#produzione div {
		flex-basis: 50%;
	}
	#hero-container{
		padding: 0 20px 20px 20px;
	    -webkit-transition: all 1s ease-in-out; 
	    transition: all 1s ease-in-out; 
	}
	#hero-container.dentro  {
		padding: 0 0 20px 0;
	    -webkit-transition: all 1s ease-in-out; 
	    transition: all 1s ease-in-out; 
	}
	h1, h2, h3, .titolo { 
	    font-size: 42px;
	}
	.hero h1 {
	    max-width: 360px;
	}
	.page-id-292 main .woocommerce {
		display: flex;
		flex-direction: row;
		margin-bottom: 50px
	}
	.page-id-292 main .woocommerce nav ul li {
		display: block
	}
}


@media screen and (min-width: 900px) { 
	.woocommerce ul.products[class*=columns-] li.product {
		flex-basis: -webkit-calc(33.33% - 13.3px);
		flex-basis: -moz-calc(33.33% - 13.3px);
		flex-basis: -o-calc(33.33% - 13.3px);
		flex-basis: calc(33.33% - 13.3px);
	}
}


@media screen and (min-width: 1024px) {  
	#spaziatore {
		height: 143px;
	}
	footer #recap div {
		flex-basis: auto;
	}
	#menu {
		display: block;
	}
	#ico-menu {
		display: none;
	}
	.desktop {
		display: inline-block;
	}
	.mobile {
		display: none !important;
	}
	#logo {
		width: 102px;
	}
	#logo a img {
		margin: 0 30px;
	}
	header#fisso div.flex {
		justify-content: center;
	}	
	header#fisso div.flex div {
		flex-basis: initial
	}
	nav {
		width: 380px !important;
	}
	nav#menu {	
	    position: initial;
	  	width: initial;
	  	height: initial;
	    overflow: initial;
	    text-align: right;
	}
	nav#account {	
		text-align: left;
	}
	nav#menu ul li {
		display: inline-block;
	}
	nav#menu ul li a {
		font-size: 14px;
		padding: 25px 10px;
		text-align: left;
	}
	.plus div, .bottiglie div, footer #recap div {
		flex-basis: -webkit-calc(25% - 15px);
		flex-basis: -moz-calc(25% - 15px);
		flex-basis: -o-calc(25% - 15px);
		flex-basis: calc(25% - 15px);
	}
	.plus div {
    	margin-bottom: 0;
		padding: 30px 0;
	}
	.plus div span {
		font-size: 16px;
	}
}

@media screen and (min-width: 1200px) {  
	#produzione div:first-child {
		padding: 0 120px;
	}
	.woocommerce ul.products[class*=columns-] li.product {
		flex-basis: -webkit-calc(25% - 15px);
		flex-basis: -moz-calc(25% - 15px);
		flex-basis: -o-calc(25% - 15px);
		flex-basis: calc(25% - 15px);
	}
}