@charset "utf-8";

/*
Theme Name: Chef Studio
Version: 1.0.0
License: Copyright
Description: Custom template designed by Chef Studio, Pietrasanta (LU), Italy
Author: Chef Studio
Author URI: httpsdo://www.chefstudio.it
*/

/* Barra di progressione */
#progress-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: var(--bonus-color);
  z-index: 9999;
}

#progress-bar {
  height: 100%;
  width: 0%;
  background-color: var(--primary-color);
  transition: width 0.1s ease-out;
}

/* FINE barra di progressione */

/* ------------------- INIZIO - Galleria scroll con pallini sul piccolo e frecce sul grande-------------- */
/*.div-1, .div-2 {
      overflow-x: hidden;
}*/

#container-scroll-buttons {
      overflow-x: auto;
	  scroll-behavior: smooth;
}

#content-scroll-buttons {
    width: auto;
	align-items: flex-end;	
	/*overflow: auto;*/
    white-space: nowrap;
	/*background-color: var(--bonus-color);*/
	padding-bottom: 10px;
	display: flex;
	padding-left: 10px;
}

#content-scroll-buttons.testimonials {
	padding-top: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.container-arrows{
	display: flex;
	justify-content: flex-end;
	padding-bottom: 20px;
}

.container-arrows button{
	visibility: visible;
	background-color: transparent;
	box-shadow: var(--box-shadow);
	height: 50px;
	width: 50px;
	border: var(--border-style) var(--txt-color);
	border-radius: var(--border-radius);
}

.container-arrows button:hover{
	background-color: transparent;
	border: var(--border-style) var(--primary-color);
}

.container-arrows button img{
	width: 20px;
	filter: var(--txt-color-filter)
}

.container-arrows button:hover img{
	filter: var(--primary-color-filter)
}

.container-arrows #slideLeft {
	margin-right: 10px;
}

.container-arrows #slideLeft img{
	transform: rotate(180deg)
}

.struttura-container .container-arrows{
		margin-right: 5px;	
	}
	
.struttura-container .container-arrows button img {
		margin: 0;	
	}

.gallery-scroll li .anteprima{
 	margin-right: 10px;
	padding: 0;
}

.gallery-scroll li img{
 	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	margin-top: 0;
}

.dots {
  text-align: center;
  margin-top: 5px;
}

.dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background-color: #ccc;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.dots .dot.active {
  background-color: var(--primary-color);
}

.container-arrows{
	display: none;
}

#container-scroll-buttons {
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-behavior: smooth;
  }

#content-scroll-buttons > li {
    scroll-snap-align: center;
    flex: 0 0 100vw;
  }

.gallery-scroll {
    display: flex;
  }
	
.gallery-scroll li{
	padding-left: 10px;	
}

@media (min-width: 768px) {

	
.container-arrows{
	display: flex;
}	
	
#content-scroll-buttons {
    padding-left: 0;
}
	
#content-scroll-buttons > li {
    flex: 0 0 500px;
  }



} /*-------------fine galleria desktop*/




/* ------------------- inizio script galleria-------------- */
.gallery {
    display: flex;
    width: 100%;
    gap: 20px;
}

.column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.column img {
    width: 100%;
    border-radius: 8px;
    display: block;
    object-fit: cover;
}
/* ------------------- FINE script galleria-------------- */


/* Layout a colonna singola su schermi piccoli */
@media (max-width: 768px) {
    .gallery {
        display: block;
        width: 100%; /* La galleria occupa tutta la larghezza */
    }

    .column {
        width: 100%;
    }

    .gallery img {
        width: 100%; /* Ogni immagine occupa il 100% della larghezza della finestra */
        margin-bottom: 10px;
    }
}

/* ------------------- fine galleria-------------- */



@media screen and (min-width: 980px) {
	
#container-scroll-buttons { /*non si vede lo scoll, non funziona il touch ma funziona solo con le frecce*/
      overflow-x: hidden;
}	
}

.wrap-wa{
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index:100;
}

.wrap-wa .chat-wa{
    height: 50px;
    width: 50px;
	background-color: 	hsl(142, 70%, 49%);
	border-radius: 100%;
	box-shadow: var(--box-shadow);
	margin: auto;
}

.wrap-wa:hover .chat-wa{
	background-color: hsl(142, 70%, 53%);
}

.wrap-wa .chat-wa img{
	width: 100%;
}
/*.wrap-wa .chat-wa:hover{
	width: 55px;
	height: 55px;
}*/
.wrap-wa .contatti-wa{
	display: none;
}

.anteprima-macro-categoria ul {
	/*margin-top: -65px;*/
}

/*cerca nel menu*/

.cerca-menu #search-form {
	display: inline-block;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
}

.cerca-menu #search-form .input-group {
	margin: auto;
	max-width: 500px!important;
	display: flex;
	margin-top: 0;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
}

.cerca-menu #search-form .input-group input{
	color: var(--txt-menu-tendina-mobile);
	background-color:var(--menu-back-mobile);
	text-align: left;
	padding-right: 20px;
	transition: background-color 0.3s ease;
	border-radius:var(--border-radius);
	height: 45px;
	box-shadow: none;
	border:var(--border-style) var(--txt-menu-tendina-mobile)!important;
	display: block;
	margin-bottom: 0;
}

.cerca-menu #search-form .input-group:after{
	content: url(../img/svg/search.svg);
	width: 35px;
	height: 35px;
	margin-top: 10px;
	padding: 8px;
	margin-left: -40px;
	display: block;
	filter: var(--menu-arrow-filter);
	z-index: 2;
}

.cerca-menu #search-form .input-group input:focus{
	box-shadow: none;
	padding-right: 10px;
	background-color: var(--soft-color);
	color: var(--txt-color);
	border: var(--border-style) var(--txt-color)!important;
	z-index: 3;
}

.cerca-menu #search-form .input-group input::placeholder{
	overflow:visible;
	color: var(--text-color);
  	opacity: 0.5; 	
}

/*---------------------il cerca all'inizio della pagina-----------------------*/
.super-wrapper #search-form {
	display: inline-block;
	width: 100%;
	padding: 10px 0 5px 0;
}

.super-wrapper #search-form .input-group {
	margin: auto;
	display: flex;
	justify-content: right;
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
}

.super-wrapper #search-form .input-group input{
	border: var(--border-style) transparent;
	color: var(--text-color);
	border-radius:var(--border-radius);
	transition: all 0.3s ease;
	/*border: var(--border-style) var(--primary-color);*/
	box-shadow: none;
	height: 30px;
	margin-top: 0;/*reset*/
	background-color: transparent;
	text-align: left;
		margin-bottom: 0;
}

.super-wrapper #search-form .input-group:after{
	content: url(../img/svg/search.svg);
	width: 30px;
	height: 30px;
	padding: 5px 10px 0 0;
	margin-left: -30px;
	display: block;
	filter: var(--txt-color-filter);
}

.super-wrapper #search-form .input-group input:focus{
	box-shadow: none;
	background-color: var(--bonus-color);
	border: var(--border-style) var(--primary-color);
}

.super-wrapper #search-form .input-group input::placeholder{
	overflow:visible;
	color: var(--text-color);
  	opacity: 0.5; 	
}

::-webkit-input-placeholder { /* Edge */
  font-family: Woocommerce, sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: Woocommerce, sans-serif;
}

::placeholder {
  font-family: Woocommerce, sans-serif;
}

::placeholder::first-letter {
  font-size: 10px!important;
}

.input-group .form-control {/*nego float di boostrap*/
    float: none!important;
}

.wcicon-search:before {
    content: "\e024";
}

.logo-dimensioni {
	margin: auto;
	width: 170px;
}

.logo-dimensioni img {
	width: 100%;
}

.anteprima-macro-categoria{	
	margin: auto;
	max-width: 1600px;
	margin-bottom: 60px;
	padding: 10px;
}

.anteprima-macro-categoria ul li{
	width: 100%;
	display: inline-block;
	border: 10px transparent solid;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	margin-bottom: 20px;
}

.anteprima-macro-categoria ul li:hover{
	box-shadow: var(--box-shadow);
}

.anteprima-macro-categoria ul li img{
	width: 55px;
	float: left;
}

.anteprima-macro-categoria ul li .txt{
	width: 78%;
	margin-left: 2%;
	float: right;
	margin-top: 15px;
	text-align: left;
}

.freccia-container {
	width: 100%;
	height: 55px;
	bottom: 0;
}

.freccia-header{
	width: 35px;
    height: 35px;
    margin: 0px auto 0 auto;	
}

.bounce {
	-webkit-animation: bounce  ease-out;
	-moz-animation: bounce  ease-out;
	-o-animation: bounce  ease-out;
	animation: bounce  ease-out;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s; /* firefox */
	-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	animation-iteration-count:infinite; /* firefox ma non son sicuro */
}

@-webkit-keyframes bounce {/* rimbalzo freccia*/
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  60% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}	

/* -------------- sfumature ------------- */ 

.sfumatura{
	background-image: linear-gradient(to bottom, var(--soft-color) 250px,  transparent 500px);
}

.sfumatura-reverse{
	background-image: linear-gradient(to top, var(--soft-color) 250px,  transparent 500px);
}

.sfumatura-interna{
background: rgb(248,228,211);
background: linear-gradient(0deg, rgba(248,228,211,1) 0%, rgba(246,184,202,1) 15%, rgba(246,184,202,1) 50%, rgba(246,184,202,1) 85%, rgba(248,228,211,1) 100%);
}

/* -------------- headers ------------- */ 

.apertura-immagine{
	height: 500px;
	position: relative;
}

.apertura-immagine .immagine-sfondo{
	object-fit: cover;
	width: 100%;
	height: 500px;
}

.apertura-immagine .logo{
	position: absolute;
	bottom: 0;
	margin: auto;
	width: 100%;
	text-align: center;
background: rgb(0,0,0);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0) 100%);
}

.apertura-immagine .logo img{
	width: 280px;
	margin-bottom: 20px;
}

.header-illustrato .div-sopra > div, .header-illustrato .div-sotto > div{
	max-width: var(--site-width);
	margin: auto;
}

.header-illustrato .div-sopra{
	margin-top: 40px;
}

.header-illustrato .illustrazione-container{
	max-width: 980px;
	margin: auto;
	background-image:url("../img/illustrazione-chef-studio.svg");
	aspect-ratio: 1200/750;
	background-repeat: no-repeat;
	background-size: 100%;
}

.header-classic{
	max-width: 1500px;
	margin: auto;
	padding: 0 10px;
}

.header-img .proporzioni-mobile-desktop img{
	object-fit: cover;
    aspect-ratio: 16 / 9;
	width: 100%;
}

.header-img .proporzioni-mobile img{
	object-fit: cover;
    aspect-ratio: 16 / 9;
	width: 100%;
}

.header-img .proporzioni-desktop img{
	display: none;
}

.header-img {
	object-fit: cover;
    aspect-ratio: 1000 / 280;
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.header-img img{
	width: 100%;
}


.header-img .titolo-sopra-immagine {
	background: rgb(0,0,0);
    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(to bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
	position: absolute;
	top: 0;
	width: 100%;
	padding: 25px 10px 0 10px;
	color: #fff;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.header-promo{
	margin: auto;
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
}

.header-promo .div-2, .header-promo-super .div-2-promo-piccole{
	padding: 0 10px 10px 10px;
}

/*.header-promo .struttura-2-preview{
column-gap: 0;
}*/

.header-promo-super > div{
	margin-bottom: 10px;
} 

.header-promo img{
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	object-fit: cover;
    aspect-ratio: 16 / 9;
	width: 100%;
}


.header-promo .struttura-2-preview img, .header-promo .struttura-2-preview-30 img {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.header-promo-super .div-2 img, .header-promo-super  .div-3 img {
	width: 100%;
}

.header-promo-super  .div-2 .promo-piccole, .header-promo-super  .div-3 .promo-piccole {
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	width: 100%;
}

.header-promo-super  .div-2 .promo-piccole img, .header-promo-super  .div-3 .promo-piccole img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* -------------- voglio che le anteprime div-2 e div-3 vengano a 2 su mobile------------- */ 
	
.header-promo-super {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 10px;
}
	
.header-promo-super > div {
  	margin-bottom: 0;
}
	
.header-promo-super > .div-1{
	width: 100%;
}
	
.header-promo-super > .div-2 {
	flex: 1;
}
	
.header-promo-super >.div-3 {
	flex: 1;
}
	
.header-promo-super .header-promo {
	margin-bottom: 0;
	margin-top: 0;
}
	
.header-promo-super .header-promo-small img{
	aspect-ratio: 2 / 1;
	object-fit: cover;
	width: 100%;	
}
	
.header-promo-super .div-2, .header-promo-super .div-3 {
		margin-bottom: 0;
}	


/* -------------- Anteprime header con testo sopra------------- */ 

.header-testo-sopra-immagini a .testo-anteprima .titolo, 
.header-testo-sopra-immagini a .testo-anteprima .sottotitolo, 
.header-testo-sopra-immagini a .testo-anteprima .testo, 
.header-testo-sopra-immagini-verticale a .testo-anteprima .testo, 
.header-testo-sopra-immagini-verticale a .testo-anteprima .titolo,
.header-testo-sopra-immagini-verticale a .testo-anteprima .sottotitolo
{
	color: #fff;
}

.header-testo-sopra-immagini > div{
	margin-bottom: 10px;
	position: relative;
}

.header-testo-sopra-immagini div img{
	aspect-ratio: 16/9;
	object-fit: cover;
	width: 100%;
}

.header-testo-sopra-immagini .testo-sopra-img {
	background: rgb(0,0,0);
background: -webkit-linear-gradient(to top, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(to top, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	border-radius: var(--border-radius);
	width: 100%;
}

.header-testo-sopra-immagini .testo-anteprima:after {
	content: none;
}
	
.header-testo-sopra-immagini{
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 10px;
}
	
.header-testo-sopra-immagini > div {
  border-radius: var(--border-radius);
  margin: 0;
}
	
.header-testo-sopra-immagini > .div-1{
	width: 100%;
}

/* -------------- voglio che le anteprime div-2 e div-3 vengano a 2 su mobile------------- */ 
	
.header-testo-sopra-immagini > .div-2 {
	flex: 1;
	aspect-ratio: 1/1;
}
	
.header-testo-sopra-immagini > .div-3 {
	flex: 1;
	aspect-ratio: 1/1;
}
	
.header-testo-sopra-immagini .header-promo {
	margin-bottom: 0;
	margin-top: 0;
}
	
.header-testo-sopra-immagini > .div-2 img, .header-testo-sopra-immagini > .div-3 img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;	
}
	
.header-testo-sopra-immagini .div-2, .header-testo-sopra-immagini .div-3 {
		margin-bottom: 0;
}

/* -------------- Anteprime header con testo sopra VERTICALE------------- */ 

.header-testo-sopra-immagini-verticale > div{
	margin-bottom: 10px;
	position: relative;
}

.header-testo-sopra-immagini-verticale .div-1 img{
	aspect-ratio: 6/5;
	object-fit: cover;
	width: 100%;
}

.header-testo-sopra-immagini-verticale .div-2 img, .header-testo-sopra-immagini-verticale .div-3 img {
	aspect-ratio: 9/16;
	object-fit: cover;
	width: 100%;
}

.header-testo-sopra-immagini-verticale .testo-sopra-img {
	background: rgb(0,0,0);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
background: linear-gradient(to top, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	border-radius: var(--border-radius);
	width: 100%;
}

.header-testo-sopra-immagini-verticale .testo-anteprima:after {
	content: none;
}

	
.header-testo-sopra-immagini-verticale{
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 10px;
}
	
.header-testo-sopra-immagini-verticale > div {
  border-radius: var(--border-radius);
  margin: 0;
}
	
.header-testo-sopra-immagini-verticale > .div-1{
	width: 100%;
}

/* -------------- voglio che le anteprime div-2 e div-3 vengano a 2 su mobile------------- */ 
	
.header-testo-sopra-immagini-verticale  > .div-2 {
	flex: 1;
	aspect-ratio: 9/13;
}
	
.header-testo-sopra-immagini-verticale  > .div-3 {
	flex: 1;
	aspect-ratio: 9/13;
}
	
.header-testo-sopra-immagini-verticale  .header-promo {
	margin-bottom: 0;
	margin-top: 0;
}
	
.header-testo-sopra-immagini-verticale  > .div-2 img, .header-testo-sopra-immagini-verticale  > .div-3 img{
	aspect-ratio: 9/13;
	object-fit: cover;
	width: 100%;	
}
	
.header-testo-sopra-immagini-verticale .div-2, .header-testo-sopra-immagini-verticale .div-3 {
	margin-bottom: 0;
}


/* -------------- anteprime con testo sopra immagine ------------- */ 

.txt-above-img li, .txt-above-img div {
	position: relative;
}

.txt-above-img li img, .txt-above-img div img {
	aspect-ratio: 2/2;
}

.txt-above-img .testo-anteprima:after{
	content: none;
}

.txt-above-img .testo-anteprima{
	background: rgb(0,0,0);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6530987394957983) 70%, rgba(0,0,0,0) 100%);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	border-radius: var(--border-radius);
	width: 100%;
}

.txt-above-img.div-1, .txt-above-img.div-2, .txt-above-img.div-3{
	position: relative;
}

/* -------------- zoom quando un'immagine è dentro contenitore img ------------- */ 
a .contenitore-img {
	overflow: hidden;
	border-radius: var(--border-radius);
}
	
a .contenitore-img img {
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

a:hover .contenitore-img img {	
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.contenitore-img img{
	border-radius: var(--border-radius) /* var(--border-radius) 0 0*/;
	width: 100%;
	object-fit: cover;
    aspect-ratio: 16/9;
	margin-bottom: 0!important;
}

/* -------------- banner 3 elementi ------------- */ 
.banner-3-grid-container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
}

.banner-3-grid-container  div {
  border-radius: var(--border-radius);
}

.banner-3-grid-container img{
	width: 100%;
}

.banner-3-grid-container .div-1{
  grid-row-start: 1;
  grid-row-end: 3;
}

.banner-3-grid-container .div-1 img{
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;
}

.banner-3-grid-container .div-2 img{
	aspect-ratio:4/3;
	object-fit:cover;
}

.banner-3-grid-container .div-3 img{
	aspect-ratio:4/3;
	object-fit:cover;
}

.struttura-container  .banner-3-grid-container img{
	margin-bottom: 0!important;
}

.banner-3-1 img{
	aspect-ratio: 3/1;
	object-fit: cover;
}

/* -------------- Strutture ------------- */ 

.struttura-container {
	width: 100%;
	text-align: var(--text-align);
	column-gap: 20px;
	/*display: inline-block;*/
}

.struttura-container img{
	width: 100%;
}

.struttura-container p {
	text-align: var(--text-align);
}

.struttura-container > .div-1 img, .struttura-container > .div-2 img {
	margin-bottom: 8px;
}

.struttura-container > .div-1 {
	margin-bottom: 15px;
}

/*.struttura-container img:last-child {
 margin-bottom: 0; 
}*/

.display-flex{
	display: flex;
	column-gap: 20px;
}

.header-decentrato-dx .struttura-2-preview-30 .div-1{
	padding: 10px;
}

.header-decentrato-sx .struttura-2-preview .div-2{
	padding: 10px;
}

/*Gallery*/

.gallery-square-img, .gallery-img-5 {
	width: 100%
}

.gallery-square-img img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 0!important;
	width: 100%;
}

.gallery-img-5 img{
	object-fit: cover;
	border-radius: 0!important;
	width: 100%;
}

.gallery-square-img ul {
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr ; 
   gap: 0px;
   height: 100%;
}

.gallery-square-img li:nth-child(3n+1) { 
   grid-column: span 2 / span 2;
   grid-row: span 2 / span 2;
}

.gallery-square-img ul li img{
   aspect-ratio: 1/1;
}

/* --------------  fine gallery square ------------- */

.struttura-2-percentuale-50 li{
	margin-bottom: 20px;
	width: 100%;
}

.struttura-2-percentuale-50 li img{
	width: 100%;
}

.struttura-2-percentuale-miste{
	display: inline-block;	
}

.struttura-2-percentuale-miste li img{
    width: 100%;
	object-fit: cover;
}

.struttura-2-percentuale-miste li{
	margin-bottom: 20px;
}

/*.div-info {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.div-info img {
	height: 25px;
	width: 25px;
	margin-right: 5px;
}

.menu-ancora {
	margin: 20px auto 50px auto;
}

.menu-ancora li{
	margin-bottom: 5px;
}

.menu-ancora a{
	color: var(--txt-color);
	text-decoration:none;
  	border-bottom: var(--primary-color) var(--border-style);
	transition:all 0.3s ease-in;
}

.menu-ancora a:hover{
	border-bottom: var(--primary-color) 3px solid;
	color: var(--txt-color);
}*/

/* -------------- articoli  ------------- */ 

/* --------------flex------------ */
.flex-container-3-colonne {
  	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.flex-container-3-colonne div {
	width: 100%;
}

.flex-container-3-colonne img{
	margin-bottom: 10px;
}

.flex-container-3-colonne div h1, .flex-container-3-colonne div h2,.flex-container-3-colonne div h3,.flex-container-3-colonne div h4,.flex-container-3-colonne div h5,.flex-container-3-colonne div h6 {
	padding-top: 0;
	text-align: left;
}

.flex-container-3-colonne p {
	text-align: var(--text-align);
}

/* --------------fine flex ------------ */

/* --------------anteprime con immagine con possibilità di scroll orizzontale su mobile------------ */

.contenitore .contenuto-liste{
	padding: 40px 0;
}

.contenuto-liste .contenuto {
	padding-top: 0;
	padding-bottom: 0;
}

.contenitore .contenuto-liste .blocco-standard{
	padding: 0 10px;
}

/* ---lista servizi-prodotti-- */
.lista-prodotti-servizi li {
	background-color: var(--bonus-color);
	white-space:normal;
	padding: 8px;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.lista-prodotti-servizi li img{
	margin-bottom: 15px;
	width: 120px;
	object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* ---lista servizi-prodotti nel blocco scorrevole-- */

.lista-prodotti-servizi .blocco-scroll-x ul{
    overflow: auto;
    white-space: nowrap;
	background-color: var(--soft-color);
	padding: 10px 0 10px 10px;
}

.lista-prodotti-servizi .blocco-scroll-x li {
	width: 250px;
	margin-right: 5px;
}

/* ---lista servizi-prodotti nel standard-- */

.lista-prodotti-servizi .blocco-standard ul{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(2, calc(50% - 5px));
	margin-top: 10px;
}

/* ---voglio una lista più grande e con testo-- */
.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard ul{
	display: block;
}

.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard p{
	font-size: 1rem;
    line-height: 1.3rem;
}

.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard img{
	width: 100%;
	aspect-ratio:auto;
}

.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard ul li{
	margin-bottom: 20px;
	background-color: var(--soft-color)
}

/* ---testimonials nel blocco scorrevole-- */

.testimonials li {
	width: 260px;
	white-space:normal;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	
}

.testimonials li .anteprima {
	background-color: var(--bonus-color);
	padding: 8px;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}

.testimonials li img{
	width: 60px;
	margin-top: -20px;
	box-shadow: var(--box-shadow);
}

.testimonials .blocco-scroll-x ul{
    overflow: auto;
    white-space: nowrap;
	background-color: var(--soft-color);
	padding: 30px 5px 10px 10px;
}
	
.testimonials .blocco-scroll-x ul li{
	width: 250px;
	margin-right: 5px;
}

.testimonials .titolo:before{
	content: url(../img/svg/stelline.svg);
	filter: var(--primary-color-filter);
	display: block;
	width: 60px;
}

/*anteprime prodotti e categorie con scroll*/

.categorie-h-scroll a:hover{
	color: var(--txt-color)!important;
}

.struttura-side .categorie-h-scroll{
	margin-bottom:20px;
}

.categorie-h-scroll ul{
    overflow: auto;
    white-space: nowrap;
	background-color: var(--soft-color);
	padding: 10px!important;
}

.categorie-h-scroll ul h2{
	white-space: normal;
	padding-top: 0;
}

.categorie-h-scroll ul h2 mark{
	display: none;
}

.categorie-h-scroll ul li{
	background-color: var(--bonus-color);
	margin:0px!important;
	padding:0px!important;
}

.categorie-h-scroll ul li.product{
	width: 120px!important;
	margin:0px!important;
	float: none!important;
	display:inline-block!important;
	vertical-align: top!important;
	margin-right: 10px!important;
}

.categorie-h-scroll .product-category h2, .categorie-h-scroll .product-tag h2 {
	font-size: 16px!important;
	line-height: 18px!important;
}

.categorie-h-scroll .product-category {
    background-color: transparent !important;
}

.categorie-h-scroll .product-category h2, .categorie-h-scroll .product-tag h2, .categorie-h-scroll .product-category p, .categorie-h-scroll .product-tag p {
    font-size: 16px !important;
    line-height: 18px !important;
	font-weight: normal !important;
	color: var(--txt-color);
	padding-bottom: 0;
}

.categorie-h-scroll .contenitore-img {
	border-radius:100%;
	width: 80%;
	margin-left:10%;
}

.contenitore-prodotti-scroll ul{
    overflow: auto;
	white-space: nowrap;
	background-color: var(--soft-color);
	padding: 10px 10px!important;
}

.product-category .woocommerce-loop-category__title, .product-tag .woocommerce-loop-category__title{
	padding-bottom: 0!important;
	color: var(--txt-color);
	white-space: normal;
	text-align: center;
}

.product-category .contenitore-img{
	margin-top: 5px;
	margin-bottom: 8px;
}

.contenitore-prodotti-scroll ul li{
	background-color: lightblue;
	margin:0px!important;
	padding:0px!important;
}

.contenitore-prodotti-scroll ul li.product{
	width: 200px!important;
	margin:0px!important;
	padding-bottom: 10px!important;
	float: none!important;
	display:inline-block!important;
	vertical-align: top!important;
	margin-right: 10px!important;
	height: auto!important;
}

.contenitore-prodotti-scroll .woocommerce-loop-product__title{
	white-space:normal!important;
	font-weight: normal!important;
	line-height: 18px!important;
}

.product-category img, .product-tag img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
    border-radius: 200px;
}

/* ---lista servizi-prodotti nel standard-- */

.testimonials .blocco-standard ul {
	margin-top: 30px;
}

.testimonials .blocco-standard li {
	width: 100%;
	margin-bottom: 30px
}

/* -------------fine liste prodotti servizi-------------- */

/* --------------anteprime grid------------ */

.anteprime-grid{
	margin-top: 10px;
}

.anteprime-grid ul{
	display: grid;
    grid-column-gap: 10px;
	grid-template-columns: repeat(2, calc(50% - 5px));
	grid-row-gap: 20px;
}

.anteprime-grid ul li{
	border-radius: var(--border-radius);
}

.anteprime-grid img{
	width: 100%;
}

/* ---------------- testo più piccolo di tutte le anteprime ----------------- */

.anteprime-3 ul li{	
	margin-bottom: 20px;
}

.anteprime-3 ul li, .anteprime-4 ul li, .anteprime-6 ul li, .anteprime-grid a, .anteprime-blog-grandi a, .anteprime-4-2 a, .offers-box a{	
	color: var(--txt-color);
}

.anteprime-3 ul li a:hover, .anteprime-4 ul li a:hover, .anteprime-6 ul li a:hover, .anteprime-grid a:hover, .anteprime-blog-grandi a:hover, .anteprime-4-2 a:hover{	
	color: var(--txt-color);
}

.anteprime-4 ul ,  .anteprime-6 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
	
.anteprime-4 ul li,  .anteprime-6 ul li {
	flex: 0 0 calc((100% - 10px) / 2); 
}


.testo-anteprima{	
	text-align: left;
	font-size: 1rem;
	line-height: 1.3rem;
}

.testo-anteprima .titolo{	
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 8px;
}

a .testo-anteprima .titolo {	
	color:var(--txt-color);
}

a .testo-anteprima .sottotitolo, a .testo-anteprima .testo {	
	color:var(--txt-color);
	font-weight: normal;
}

.testo-anteprima .sottotitolo{
	font-style: italic;
}

.testo-anteprima .testo{
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: var(--font-primary);
	/*height: 90px;*/
}

.testo-anteprima .testo img{
	display: inline;
	width: 15px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(27%) hue-rotate(204deg) brightness(107%) contrast(103%);
}

a .testo-anteprima:after{
	content: /*"Continua a leggere"*/ url(../img/svg/arrow-right-bonus.svg);
	transition: all 0.3s ease-out;
	filter: var(--primary-color-filter);
	display: block;
	font-weight: bold;
	margin-top: 5px;
}

a .testo-anteprima{
	font-weight: normal;
}

a:hover .testo-anteprima:after{	
	margin-left: 8px;	
}

.txt-above-img ul a .titolo, .txt-above-img ul a .testo, .txt-above-img ul a .sottotitolo{
	color: #fff;
}

.testo-anteprima .testo img, .testo-anteprima .sottotitolo img {
	display: inline;
	width: 20px;
	vertical-align: top;
	filter: var(--primary-color-filter) ;
}

.txt-above-img .testo-anteprima .testo img, .txt-above-img .testo-anteprima .sottotitolo img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(27%) hue-rotate(204deg) brightness(107%) contrast(103%);
}

/*anteprime dei prodotti e-commerce*/

.woocommerce-loop-product__title {
	margin-top: 8px;
	text-align: center;
}

.woocommerce ul.products li.product .price {
    margin-bottom: 8px;
	text-align: center;
}

.woocommerce ul.products li.product .button {
    display: table;
}

/*fine anteprime dei prodotti*/

.etichetta{
	border: var(--border-style) var(--txt-color);
	padding: 1px 6px;
	border-radius: var(--border-radius);
	color: var(--secondary-color);
	margin-bottom: 5px;
	display: inline-block;
	font-weight: bold;
	font-size: 0.8rem;
}

.etichetta p{
	margin-bottom: 0;
	padding-bottom: 0;
}

.txt-above-img .etichetta{
	border: var(--border-style)  #fff;
	color: var(--fff);
}

.etichette-container {
	margin-top: 5px;
}

.etichette-container .etichetta {
	padding-left: 10px;
	padding-right: 10px;
}

.etichette-container .etichetta img{
	width: 20px;
	margin-right: 5px;
	margin-top: 8px;
	border-radius: 0;
}

.testo-anteprima .etichette-container .etichetta {
	padding-left: 8px;
	padding-right: 8px;
}

.testo-anteprima .etichette-container .etichetta img{
	margin-top: -3px;
}


.txt-above-img .etichette-container .etichetta img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(27%) hue-rotate(204deg) brightness(107%) contrast(103%);
}

.testo-anteprima .prezzo-anteprima{
	font-size: 20px;
	text-align: right;
	margin-top: 10px;
}

/* ---------------- anteprime 3, 4, 6 per blog------------------ */

.anteprime-3 ul li, .anteprime-4 ul li,  .anteprime-6 ul li{
	border-radius: var(--border-radius);
	/*box-shadow:var(--box-shadow);
	background-color: var(--bonus-color);*/
}

	/* ------------ anteprime blog grandi una sotto l'altra----------------*/
.anteprime-blog-grandi ul li{
	margin-bottom: 20px;
}

.anteprime-blog-grandi ul li{
	display: block;
}
	
.struttura-container .anteprime-blog-grandi li {/* ---quando loo metto neele strutture tolgo il margin al li---- */
	margin-left: 0!important;
	list-style: none!important;
}

/* ---------------- anteprime 4 2 4 2 ...------------------ */
.anteprime-4-2{
	margin-top: 10px;
}

.anteprime-4-2 ul li{
	border-radius: var(--border-radius);
	margin-bottom: 20px;
	box-shadow:var(--box-shadow);
	background-color: var(--bonus-color);
	padding: 0 10px 10px 10px ;
}

.anteprime-4-2  .testo-anteprima:after{
	content: url(../img/svg/punto.svg);
	filter: var(--primary-color-filter);
}

.anteprime-4-2  a .testo-anteprima:after{
	content: url(../img/svg/arrow-right-bonus.svg);
}

.anteprime-4-2 .testo-anteprima:after img{
	width: 10px;
}

/* ----------------fine anteprime 4 2------------------ */

.struttura-4-grid {
	display: grid;
	grid-template-columns: 1;
	grid-row-gap: 20px;
}

/* FAQ card: main */
/*================================================*/
.faq-content {
	border-radius: var(--border-radius);
	background-color: var(--bonus-color);
	padding:2px 10px;
	box-shadow: var(--box-shadow);
	margin-bottom: 30px;/* lo metto per l'ombra */
}

.faq-content h2 {
  font-size: 32px;
  text-align: center;
  padding-bottom: 20px;
}

.faq-content h3 {
	margin-right: 10px;
	padding:0;
	text-align: left;
}

.faq-content img {
	padding-top: 15px
}

.faq-accordion {
  	padding: 10px;
	border-radius: var(--border-radius);
	background-color: var(--sfondo-color);
	margin-bottom: 10px;
}

.faq-accordion h3{
	width: 100%;
	margin-bottom: 8px;
}

.faq-accordion span.arrow-icon img {
    width: 15px;
    height: auto;
}
.faq-accordion-content p {
    font-size: 1rem!important;
	line-height: 1.55rem;

}

.faq-content img{
	filter:var(--primary-color-filter);
}

.faq-content .tgg-title{
	display: none;
}
/* FAQ card: main title */
/*================================================*/
/* checkbox tgg-title*/
input.tgg-title {
  appearance: unset;
  all:unset;
}

.faq-accordion-title label{
  display: flex;
  align-items: center;
  cursor: pointer;
	
}
.faq-accordion-title span{
  margin-left: auto;
  transition: transform 0.3s ease;
	margin-right: 10px;
}


/* FAQ card: main content */
/*================================================*/
.faq-accordion-content {
  /*color: var(--neutral-soft-color);*/
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease-in-out;
}
/* Effects */
/*================================================*/
/* main title, accordion title effects */
.faq-accordion-title:hover h2{
  color: var(--primary-light-color)
}
/* onclick "" */
.faq-accordion .tgg-title:checked + div>label>span {
  will-change: transform;
  transform: rotate(180deg);
}
/* main content, acordion text effect */
.faq-accordion .tgg-title:checked ~ .faq-accordion-content{
  will-change: max-height;
  max-height: 500px;
}
/* fine Faq */

/* recensioni */
.recensioni {
margin: 30px auto 0 auto;
/* margin-bottom: 50px; */
}
.recensioni .cliente img {
	display:block;
	margin: 0  10px 0 0 ;
	width: 80px;
	margin-top: -40px;
	box-shadow: var(--box-shadow);
}

.recensioni .stelline img{
	width: 100px;
	margin-top: 15px;
	text-align: left
}

.recensioni .stelline img , .anteprime-3 ul li a .freccia img, .anteprime-4-2 ul li a .freccia img, .anteprime-4-2 ul li .freccia img   {
	filter: var(--primary-color-filter);
}

.recensioni li {
display: inline-block;
vertical-align: top;
max-width: 100%;
margin-bottom: 40px;
	text-align: left;
}

.recensioni li .recensione{
	padding:15px;
	border-radius: var(--border-radius);
	box-shadow:var(--box-shadow);
	background-color: var(--bonus-color);
}

.recensioni li p {
	text-align:left;
	font-size: 1rem;
	line-height: 1.6rem;
	margin-top: 10px;
}

/* fine recensioni */

.anteprima-blog {
	background-color: var(--bonus-color) !important;
	border: none!important;
}

.read-more{
	padding: 6px 0 6px 0;
	height: 30px;
	right: 0;
}

.read-more .btn{
	float: right;
}

 /* se vogli avere altre anteprima con colori diversi*/
.anteprima-secondary a{
	color: #3A7E66 !important;
}

.anteprima-secondary a:hover{
	color: #448E72 !important;
}

.anteprima-secondary .anteprima{
	border: 1px solid #3A7E66!important;
}

.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;
	-ms-animation-name: pulse;	
	-o-animation-name: pulse;	
	
	-moz-animation-name: pulse;		

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;
	-ms-animation-duration: 2.5s;
	-o-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: translateX(2%) ;			
	}
	10% {
		transform:  translateX(-2%)	
	}
	20% {
		transform: translateX(2%) ;			
	}
	30% {
		transform:  translateX(-2%);
	}		
	40% {
		transform:  translateX(0%);	
	}			
}

@-webkit-keyframes pulse {
	0% {
		transform: translateX(2%) ;			
	}
	10% {
		transform:  translateX(-2%)	
	}
	20% {
		transform: translateX(2%) ;			
	}
	30% {
		transform:  translateX(-2%);	
	}		
	40% {
		transform:  translateX(0%);	
	}				
}


/* anteprima tonde*/

.anteprima-tonda{
	list-style-type: none;
	margin: 0 auto;
	text-align: center;
}

.anteprima-tonda li{
display: inline-block;
padding: 6px;
vertical-align: top;
width: 280px;
height: 280px;	
}

.anteprima-tonda li:hover .btn{
	box-shadow: var(--box-shadow);
	transition:box-shadow 0.3s ease;
	-webkit-transition:box-shadow 0.3s ease;
	-moz-transition:box-shadow 0.3s ease;
	-o-transition:box-shadow 0.3s ease;
	-ms-transition-duration: box-shadow 0.3s ease;
}

.anteprima-tonda li:hover .img-anteprima-tonda{
	box-shadow: var(--box-shadow);
	transition:box-shadow 0.3s ease;
	-webkit-transition:box-shadow 0.3s ease;
	-moz-transition:box-shadow 0.3s ease;
	-o-transition:box-shadow 0.3s ease;
	-ms-transition-duration: box-shadow 0.3s ease;
}

.txt-anteprima-tonda .btn a {
	text-decoration: none;
	color: var(--above-color);
	font-size: 18px;
}
.anteprima-tonda .img-anteprima-tonda{
    position: relative;
    overflow: hidden;
	height: 200px;
	width: 200px;
    border-radius: 50%;
	margin: 0 auto 10px auto;
}

.anteprima-tonda .img-anteprima-tonda img{
  	height: 100%;
  	width: auto;	
  	margin-left: -50%;
}

.anteprima-tonda .txt-anteprima-tonda{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.anteprima-tonda .txt-anteprima-tonda .titolo-tonda{
	height: 50px;
	margin-bottom: 6px;
}

/* ----------------multicolonna------------------ */

.multicolonna{
	max-width: 100%;
}

.multicolonna p{
	text-align: var(--text-align);
}

.multicolonna img{
	margin-bottom: 10px;
}

/* ----------------citazione------------------ */
blockquote{
	text-align: center;
	padding: 10px 0 10px 20px;
}

blockquote p:first-child{
	font-size: 1.2rem;
	color: var(--txt-color);
	text-align: left;
}

blockquote p:first-child:before{
	content: " \00AB";
	display: block;
	text-align: center;
	  color: var(--secondary-color);
	 font-size: 120px;
	line-height: 100px;
	margin-bottom: 20px;
}

blockquote p:first-child:after{
	content: " \00BB";
	display: block;
	text-align: center;
	  color: var(--secondary-color);
	 font-size: 40px;
	line-height: 35px;
}

blockquote p:nth-child(2){
 	color: var(--txt-color);
	margin-bottom: 15px;
	font-style: italic;
	text-align: center;
}

/* -------------articolo e testo container-------------- */

.riassunto, #toc-np-container{/* -------------classi per plug in usato per dedalo-------------- */
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 10px!important;
	margin-bottom: 20px;
	width: 100%;
	border: none;
}

.riassunto ul li a, #toc-np-container p{
	font-size: 1rem;
	line-height: 1.6rem!important;
	margin-bottom: 5px;
}

.articolo #toc-np-container ul li{
    list-style-type: none!important;
}

.articolo{
	margin:auto;
	max-width:1080px;
	/*padding: 0 0 40px 0;*/
	text-align: var(--text-align);
}

.articolo .testo-articolo p{
	font-size: 1.2rem;
	line-height: 1.9rem;
}

.articolo .testo-articolo ul li, .articolo .testo-articolo ol li  {
	font-size: 1.2rem;
	line-height: 1.9rem;
}

.articolo .testo-articolo > p:first-of-type::first-letter{
  initial-letter: 3;
  color: var(--secondary-color);
  font-weight: bold;
  margin-right: .75em;
}

.articolo h1,
.articolo h2,
.articolo h3,
.articolo h4,
.articolo h5,
.articolo h6{
	text-align: left!important;
}

.articolo .call-to-action p {
        text-align: center !important;
}

.categorie-articolo{
	margin-bottom: 10px;
}

/* ----------------contenitori testi ----------------- */

.articolo img, .testo-container img, .testo-largo img, .testo-container-70 img{
	margin: 5px auto 10px auto;
	width: 100%;
}

.articolo img{
	width: 100%;
}

/* immagini flottanti in articolo quando sono piccoli vanno al 100%*/
 p img.alignleft, p img.float-left, img.alignleft, img.float-left  {
	width: 100%!important;
}

 p img.alignright, p img.float-right,  img.alignright, img.float-right {
	width: 100%!important;
}

.testo-container{
	max-width: 800px;
	margin: auto;
}

.testo-largo{
	max-width: 100%;
}

.testo-container p, .testo-largo p{
	text-align: var(--text-align);
}

.ded-testo-largo-special {
	max-width: 900px;
	margin:auto;
}

.img-no-shift, .rapporto16-9 {
	object-fit: cover;
    aspect-ratio: 16/9!important;
}

.articolo > img:first-of-type{
    object-fit: cover;
    aspect-ratio: 16 / 9 !important;
}

.testo-container-70{
	max-width: 100%;
	text-align: var(--text-align);
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.didascalia p {
	font-size: 1.1rem!important;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: right;
	line-height: 1.3rem!important;
}

/* autore*/

.articolo footer {
	margin: 20px auto 30px;
	padding: 12px;
	border-radius: var(--border-radius);
	border: var(--border-style) var(--txt-color);
	display: inline-block;
	width: 100%;
}

.articolo footer .author_name {
    color: var(--secondary-color);
	border-bottom: var(--border-style) var(--txt-color);
	padding-bottom: 5px;
	font-weight: bold;
}

.articolo footer img:first-of-type {
	width: 60px;
    height: auto;
    float: left;
	margin-right: 10px!important;
	aspect-ratio: 1/1!important;/* -annullo la regola della prima img dell'articolo- */
	border-radius: var(--border-radius);
	margin-bottom: 10px!important;
}

.articolo footer img{
	padding: 0!important;
	margin: 0!important;
}

.articolo footer .author_links{
	font-size: 0.9em;
}

/* ----------------icone solitari------------------ */
.icona-primary{
	filter: var(--primary-color-filter);
	width: 30px;
}

.icona-secondary{
	filter: var(--secondary-color-filter);
	width: 30px;
}

.primary-filter-img {
	filter: brightness(150%);
}

/* ----------------icone box------------------ */

.icone-box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 2%;
}

.icone-box ul li{
	text-align: center;
	width: 49%;
	list-style-type: none!important;
	margin-left: 0;
}

.icone-box ul li .icona{
	/*background-color:var(--secondary-color);*/
	height: 80px;
	width: 80px;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	transition:all 0.3s ease;
	background-color: var(--primary-color);
}

.icone-box ul li .icona img{
	width: 80px;
	aspect-ratio: 1/1;
	object-fit: cover;
	padding-top: 0px;
	filter: var(--above-color-filter);
}

.icone-box ul li .txt{
	line-height: 1.1rem;
}

.icone-box ul li img{
	margin: auto;
}

.struttura-container .icone-box{
	margin-top: 15px;
}

/* ----------------icone box------------------ */

.numbers-box ul{
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
   height: 100%;
}

.numbers-box ul li{
	text-align: center;
	padding: 10px;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}

.numbers-box ul li .number{
	/*background-color:var(--secondary-color);*/
	font-size: 3em;
	font-weight: bold;
	text-align: center;
}

.numbers-box .testo-anteprima{
	text-align: center;
}

.numbers-box ul li:first-of-type{
	background-color: var(--primary-color);
	color: var(--above-color);
}

.numbers-box ul li:nth-child(2){
	background-color: var(--secondary-color);
	color: var(--above-color);
}

.numbers-box ul li:nth-child(3){
	background-color: var(--super-color);
	color: var(--above-color);
}

.numbers-box ul li:nth-child(4){
	background-color: var(--soft-color);
	color: var(--txt-color);
}

/* ----------------icone box------------------ */

.offers-box > ul > li{
	text-align: center;
	padding: 20px;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	margin-bottom: 20px;
}

.offers-box ul li .offer-header .offer-icon{
	border-radius: var(--border-radius);
	background-color: var(--soft-color);
	width: 50px;
	aspect-ratio: 1 / 1;
	/*font-size: 40px;*/
	font-weight: bold;
}

.offers-box ul li .offer-header .offer-icon img{
	padding-bottom: 0;
	filter: var(--txt-color-filter);
	padding: 5px;
}

.offers-box ul li .display-flex{
	 align-items:flex-start;
}

.offers-box ul li .offer-txt{
	text-align: left;
	margin-top: 20px;
}

.offers-box ul li .offer-txt ul li{
	margin-left: 20px;
	margin-bottom: 8px;
	list-style-type:disc;
}

.offers-box ul li .titolo{
	padding-top: 0;
}

.offers-box ul li .offer-price{
	/*background-color:var(--secondary-color);*/
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.offers-box ul li .button-container .btn{
	width: 100%;
}

.offers-box.testo-anteprima{
	text-align: center;
}

.offers-box > ul > li:first-of-type{
	border: var(--border-style) var(--primary-color);
}

.offers-box > ul > li:nth-child(2){
	border: var(--border-style)  var(--secondary-color);
}

.offers-box > ul > li:nth-child(3){
	border: var(--border-style) var(--super-color);;
}

.offers-box > ul > li:nth-child(4){
	border: var(--border-style)  var(--soft-color);
}

/* -------------- marchi ------------- */

.marchi {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	/*align-content: center;*/
	justify-content: center;
}

.marchi  li {
	vertical-align: top;
	width: 145px;
	transition:all 0.3s ease;
	padding: 5px;
}

.marchi li .contenitore-img  {	 
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	overflow:visible	
}

.marchi li .contenitore-img img  {	
	aspect-ratio: 16/9;
	object-fit:contain;
}


/* -------------- tabella occhio ai reset in style.css------------- */

.super-wrapper table {
 font-size: 0.8em;
 width: 100%;
 margin: auto;
 vertical-align:middle;
 margin-bottom: 20px;
}

.super-wrapper th{
	text-align: left;
}

.super-wrapper th, .super-wrapper td {
padding: 10px 3px;
}

.super-wrapper  thead {
	background-color:var(--secondary-color);
	color:var(--above-color);
}

.super-wrapper  tbody tr:nth-child(odd) {
	  background-color:var(--bonus-color);	  
}

table.cookielawinfo-classic thead tr th {/* per tabella cookies */
    text-transform: uppercase;
    background-color:var(--secondary-color);
}

/* tabella stondata tante regole */

 /* .super-wrapper  table {

 border-radius: var(--border-radius);*/

 /* 
 border-spacing: 0;
 border-collapse: separate;
 border: var(--border);
 overflow: hidden;
}*/

/* Apply a border to the right of all but the last column 
.super-wrapper  table th:not(:last-child),
.super-wrapper  table td:not(:last-child) {
 border-right: var(--border);
}*/

/* Apply a border to the bottom of all but the last row 
table>thead>tr:not(:last-child)>th,
table>thead>tr:not(:last-child)>td,
table>tbody>tr:not(:last-child)>th,
table>tbody>tr:not(:last-child)>td,
table>tfoot>tr:not(:last-child)>th,
table>tfoot>tr:not(:last-child)>td,
table>tr:not(:last-child)>td,
table>tr:not(:last-child)>th,
table>thead:not(:last-child),
table>tbody:not(:last-child),
table>tfoot:not(:last-child) {
 border-bottom: var(--border);
}*/

/* -------------- fine tabella------------- */

.lista-inline{
	margin-bottom:20px;
}
	
.lista-inline a{
	display: inline-block;
    margin-bottom: 3px;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
  	transition: background-color 0.2s ease;
  	border-radius: var(--border-radius);
	font-size: 16px;
	color: var(--primary-color);
	border: var(--border-style) var(--primary-color);
	margin: 4px;
}

.lista-inline a:hover{
	background-color: var(--primary-color)!important;
	color: var(--above-color)!important;
}

/* Pagination */

.page_nav {
    text-align: left;
    padding: 20px 0 0 0;
    font-size: 18px;
}

.page_nav .page-numbers {
    border: var(--border-style) var(--primary-color); /* primary */
    border-radius: var(--border-radius) /*var(--border-radius)*/;
    padding: 8px 15px;
	display: inline-block;
	margin: 0 8px 5px 0;
	min-width: 43px;/*per evitare "1" stretto*/
	text-align: center;
	transition: all 0.3s ease;
}

.page_nav .current {
    border: none!important;
}

.page_nav .dots {
    border: none!important;
}

a.page-numbers:hover {
	background-color: var(--primary-color)!important; /* primary */
	color: var(--above-color)!important;
}

.termine-di-ricerca{
	padding:5px;
	border-radius: var(--border-radius);
	background-color:var(--soft-color);
}

.vertical-middle{
	vertical-align:middle;
}

.box-prodotti{
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius);
}

.box-prodotti ul{
	padding: 10px;
}

.box-prodotti ul li{
	padding-left: 10px;
}

/* ------------box-info---------------- */
.box-info > div{
	margin-bottom: 20px;
	border-radius: var(--border-radius);
}

.box-info ul{
	outline-style: none;
}

.box-info ul span{
	font-weight: bold;
	display: inline-block;
}

.box-info  h3{
	text-align: left;
	padding-top: 0px;
}

.padding-20px{
	padding: 20px;
}

/* ------------icone pagamenti----------------- */

.metodi-pagamento ul{
	display: flex;
	margin-top: 15px;
	flex-wrap: wrap;
	gap: 5px;
}

.metodi-pagamento ul li{
	width: 80px;
	background-color: #fff;
	padding: 5px;
	border-radius: var(--border-radius);
}

.footer-bonus .metodi-pagamento{
	padding: 15px 10px;
	margin: 20px 0;
	
}
.footer-bonus .metodi-pagamento ul{
	margin-top: 0;
	justify-content:center;
}

/* ------------fine icone pagamenti---------------- */

.call-to-action{
	margin-bottom: 15px;
	padding: 20px 10px;
	font-size: 20px;
	box-shadow: var(--box-shadow);
	background-color: var(--bonus-color);
	text-align: left;	
}

.contenuto .call-to-action,
.contenuto-header .call-to-action,
.contenuto-no-padding .call-to-action,
.contenuto-padding-small .call-to-action
{
	border-radius: var(--border-radius);
}

.call-color-super{
	background-color: var(--super-color)!important;
	color: var(--above-color);
}

.call-color-soft{
	color: var(--txt-color);
}

.call-600{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.call-to-action img{
	width: 100%;
	display: block;
	margin-right: 0;
	object-fit: cover;
    aspect-ratio: 1/1!important;
	margin-top: 0;
	border-radius: var(--border-radius);
}

.call-to-action .call-flex{
	display: flex;
	max-width: 600px;
	margin: auto;
	column-gap: 10px;
}

/*.call-to-action .call-flex .info-call-wrap{
width: 80%;
}*/

.call-to-action .call-flex .img-call{
	width: 20%
}

.call-to-action .call-flex .info-call-wrap .testo-call{
	width: 100%
}

.call-to-action .info-call-wrap .button-call {
	width: 100%;
	text-align: right;
}

.call-to-action .txt-center .button-call {
	width: 100%;
	text-align: center;
}

.call-to-action .testo-call .info{
	padding-bottom: 5px
}

.call-to-action .testo-call .info-2{
	 font-style: italic;
	padding-bottom: 5px
}

.call-to-action .btn img{
	width: 40px;
	display: inline;
	margin-top: 0;
}

/* ------------call to action con immagine e testo centrato----------------- */

.call-back-img{
	background-color: rgba(0, 0, 0, 0.4);
	background-blend-mode: multiply;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.call-back-img-1 {
	background-image: url(../img/chef-photos-themes/dedalo-img/calacatta-borghini-floor.png);
}

.call-back-img-2 {
	background-image: url(../img/chef-photos-themes/dedalo-img/calacatta-borghini-tiles.png);
}

.call-back-img .call-flex{
	max-width: 600px;
	background-color: red;
}

.call-back-img .testo-call .info{
	text-align: center;	
	color: #fff;
}

.call-back-img.call-to-action .info-call-wrap .button-call {
	text-align: center;	
}
/* ------------avvisi problemi invio form----------------- */
.gform_legacy_markup_wrapper div.validation_error {
    font-weight: normal!important;
    margin-bottom: 15px!important;
    border: var(--border-style) var(--danger-color)!important;
	color: var(--danger-color)!important;
	padding: 10px!important;
}

.gform_validation_errors>h2 {
	padding-bottom:0!important;
	color: var(--danger-color)!important;
}

.gform_validation_errors>h2:before {
	content: none!important;
}

.gform_validation_errors {
    border-radius: var(--border-radius)!important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,223,224,.25)!important;
    border-top: var(border-style) var(--danger-color)!important;
	border-bottom: var(border-style)var(--danger-color)!important;
}

.gform_legacy_markup_wrapper .gfield_error .gfield_label {
    color: var(--danger-color)!important;
}

.gform_legacy_markup_wrapper .validation_message {
	color: var(--danger-color)!important;
}

.gform_legacy_markup_wrapper .gfield_required {
	color: var(--danger-color)!important;
}

.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper li.gfield_error textarea {
    border: 1px solid var(--danger-color)!important;
}

.gchoice_select_all, .gform_legacy_markup_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_legacy_markup_wrapper ul.gfield_radio li input[type=radio]:checked+label {
   font-weight: normal!important;
}

.gform_legacy_markup_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_legacy_markup_wrapper li.gfield_error ul.gfield_checkbox, .gform_legacy_markup_wrapper li.gfield_error ul.gfield_radio {
    color: var(--danger-color)!important;
}

.gform_legacy_markup_wrapper .gform_ajax_spinner {/*caricamento form*/
    padding-left: 0!important;
    width: 50px!important;
    margin: auto!important;
    display: block!important;
    margin-top: 20px!important;
}

@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
        padding-right: 0!important;
    }
}


@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper .top_label input.medium, .gform_legacy_markup_wrapper .top_label select.medium {
        width: 100%!important;
    }
}

#errori {
	font-size:1em;
	color: var(--danger-color);
	}
	
#risultato {
	color: var(--success-color); /* verde email inviata */
	font-size:1em;
}

.contatti ul li{
		list-style:none
}

.contatti ul li{
	margin-left: 0px;
}

.mappa{
	width: 100%;
    height: 400px;
    overflow: hidden;
	margin-bottom: 40px;
}

/** modifica del form **/

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    position: inherit!important;
}

.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
    max-height: 130px !important;
}

li#field_1_7 {
    padding-bottom: 30px;
}

/* ------------box per il contenuto con pattern e colori----------------- */

.box-border-radius{
	border-radius: var(--border-radius);
	padding: 20px;
}

.back-pattern-1{
	  background-image: linear-gradient(to right, #f06b6b, #f7c96b), url("../img/pattern-quadrato.svg");
	  background-size: 50px;
}

.back-pattern{
	background-image: linear-gradient( 110deg,  rgba(112,246,255,0.50) 11.2%, rgba(221,108,241,0.50) 42%, rgba(229,106,253,0.50) 71.5%, rgba(123,183,253,0.50) 100% ), url("../img/pattern-quadrato.svg") ;
	padding: 20px;
}


/*.back-pattern .testo-anteprima{
	padding: 0 10px 5px 10px;
}*/

.back-pattern .struttura-container{
	background-color: var(--sfondo-color);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	padding: 15px;
	color: var(--txt-color);
}

.back-box{
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	padding: 15px;
	color: var(--txt-color);
}

.back-box input:focus{
	background-color: var(--sfondo-color);
}

.back-immagine {
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--border-radius);
}

/* ------------side - mobile----------------- */
/*.struttura-side{
	margin-bottom: var(--padding-contenuto)
}*/

.struttura-side .sidebar {
	display: inline-block;
	border-top: var(border-style) var(--txt-color);
	width: 100%;
	padding: 0 10px;
}

.struttura-side .sidebar .banner-side{
	padding: 10px 0;
	display: inline-block;
}

.struttura-side .sidebar .banner-side img{
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	aspect-ratio: 4 / 1;
	object-fit: cover;
}
	
.struttura-side .sidebar .link-side li{
	margin-top: 5px;
    height: 55px;
	border-radius: var(--border-radius);
	transition:background-color 0.3s ease;
}

.struttura-side .sidebar .link-side li:hover{
	background-color: var(--bonus-color);
}

.struttura-side .sidebar .link-side  img {
    height: 55px;
    width: 55px;
    float: left;
    margin-right: 10px;
    object-fit: cover;
}

.struttura-side .sidebar{
	max-width: 400px;
}

.img-no-shift-sidebar-square{
    aspect-ratio: 1/ 1;
}

.sidebar .side-articolo{
	margin-bottom: 5px;
	height: 55px;
}

/* ------------ Formatto le immagini in anteprima tonde nella sidebar---------------*/
.sidebar .side-articolo a{
	display: flex;
	align-items: center;
}

.sidebar .side-articolo img{
	transition: all 0.3s ease;	
}

.sidebar .side-articolo a:hover img{
	margin-left: 5px;
}

.sidebar .ded-promo-sidebar{
	margin: 10px 0;
}

.sidebar .ded-promo-sidebar .contenitore-img{
	margin-bottom: 8px;
}

.sidebar .side-articolo .side-testo{
	line-height: 1rem;
}
	
.sidebar .side-articolo img{
	height: 55px;
	width: 55px;
	margin-right: 10px;
	object-fit: cover;
	border-radius: 50px;
}

/* ------------ News letter----------------*/
.news-letter{
	max-width: 600px;
	margin: auto;
}

/* --------------  apri e chiudi filtri ------------- */

.contenitore-filtri {
	text-align: right;
	background-color: var(--soft-color);
	padding: 10px;
	border-radius: var(--border-radius);
}

.contenitore-filtri .btn {
	margin-top: 0;
}

.contenitore-filtri label {
}

.contenitore-filtri input[type=checkbox] {
  display: none;
}

.contenitore-filtri input[type=checkbox]:checked~.remove-check {
  display: none;
}

.contenitore-filtri input[type=checkbox]:checked~#filtro {
  display: block;

}

.contenitore-filtri #filtro {
  display: none;
	margin-top: 15px;
	text-align: left;
}

.orderby {
	text-align: right;
}

.orderby select{
	border-radius: var(--border-radius);
	font-size: 16px;
	/*box-shadow: var(--box-shadow);*/
	background-color: var(--bonus-color);
	color: var(--txt-color);
	border: none!important;
}

.cerca-box {
	margin: auto;
}

.cerca-box-header{
	margin: -40px 10px 0 10px;
	position: relative;
}

.cerca-box .orderby{
	text-align: left;
	width: 100%;
}

.cerca-box .btn{
	width: 100%
}

.cerca-box .orderby select{
	margin-bottom: 10px
}
/* --------------  fine apri e chiudi filtri ------------- */
.img-affogata{
	margin: 10px 0;
}

.img-affogata img {
	width: 80px!important;
	margin-top: 0!important;
	float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.img-affogata p{
	font-size: .9em!important;
	line-height: 1.2em!important;
}

.testo-contenuto-100{
		padding: 10px;
}

.zoomin-container {
        overflow: hidden;
}

.zoomin {
        animation: zoomin 20s ease infinite;
}

@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}


.zoom  .zoom-in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.zoom  .zoom-in:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}


/* -------------- Regole per inserire il video responsive------------ */
.video-youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
.video-youtube iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.articolo iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* Mantiene le proporzioni 16:9 */
}

.articolo img.flex {
  max-width: 100%;
  height: auto;
}

/* -------------- struttura-2-sbordo ------------ */

.struttura-2-sbordo-dx  .div-1{
	padding: var(--padding-contenuto) 10px 15px 10px;
}
	
.struttura-2-sbordo-sx .div-2{
	padding: 15px 10px var(--padding-contenuto) 10px;
}

@media screen and (min-width: 640px) {

/* .articolo .img-apertura-articolo {
	width: 100%!important;
}*/

/* filtri*/
.contenitore-filtri {
	text-align: left;
}
.contenitore-filtri #filtro {
    display: block; /* Force #filtro to be visible on desktop */
  }
	
input[type=checkbox]:checked + label ~ #filtro {
  display: none; /* Hide #filtro when checkbox is checked */
}
	
.contenitore-filtri .btn-primary{
  /*background-color: transparent!important;
	color: var(--txt-color)!important;
	cursor:auto!important;
	padding: 0;
	margin-bottom: 10px;*/
	display: none;
}
	
.contenitore-filtri .btn-primary img{
 display: none;
}
	
/* --------------  fine apri e chiudi filtri ------------- */
	
.super-wrapper #search-form  {
	padding-left: 70%; /* -----per evitare il float che mi dfa un margin bot------- */ 
}

.super-wrapper #search-form .input-group input{
	padding-right: 30px;
	width: 100%;
}

.super-wrapper #search-form .input-group input:focus{
	padding-right: 10px;
}	

	/* --------------  fine search------------- */ 
.wrap-wa .contatti-wa{
	background-color: var(--bonus-color);
	margin-top: 5px;
	border-radius: 20px;
	padding:4px 8px;
	color: #25D366;
	box-shadow: var(--box-shadow);
	display: block;
	font-size: 14px;
}
	
.anteprima-macro-categoria ul {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
.anteprima-macro-categoria ul li{
	width: 320px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 10px;
}
	
.icone-box ul{
	justify-content: space-around;
	column-gap: 2%;
}


.icone-box ul li {
	width: 23.5%;
}
	
/* ---------------- anteprime per blog------------------ */
	
.anteprime-3 ul , .anteprime-4 ul ,  .anteprime-6 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
	
.anteprime-3 ul li, .anteprime-4 ul li{
	flex: 0 0 calc((100% - 20px) / 2);
}
	
.anteprime-6 ul li {
	flex: 0 0 calc((100% - 40px) / 3);
}

 /*anteprime 4 2*/	
.anteprime-4-2 ul{
  display: flex;
  flex-wrap: wrap;
}
.anteprime-4-2 ul li {
	width: 47%;
	padding: 0;
	padding: 1%;
-webkit-box-sizing: content-box;/* -----per farla funzionare con boostrap-- */
-moz-box-sizing: contetent-box;
box-sizing: content-box;
}
.anteprime-4-2 li:nth-child(odd) {
	margin-right: 1%;
}
.anteprime-4-2 li:nth-child(even) {
	margin-left: 1%;	
}
	
.anteprime-con-immagine .blocco-standard ul{
	display: block;
	max-width: 1600px;
	margin: auto;
	text-align: center;

}
	
/* -------------- struttura-4-grid------------- */	
.struttura-4-grid {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 5px));
	gap: 10px;
}
/* -------------- fine struttura-4-grid------------- */	
	
	/* ------------ anteprime blog grandi una sotto l'altra----------------*/

.anteprime-blog-grandi ul li{
	display: flex;
	align-items: flex-start;
	column-gap: 20px;
}

.anteprime-blog-grandi ul li .testo-anteprima{
	flex: 1;
}
	
.anteprime-blog-grandi ul li .titolo{
	padding-top: 0;
}
	
.anteprime-blog-grandi .contenitore-img {
	flex:1;
}
	
	/* ------------ lista prodotti con due colonne----------------*/
.lista-prodotti-servizi-grandi .lista-prodotti-servizi .blocco-standard  ul  li  .anteprima{
	display: flex;
	column-gap: 10px;
	flex-wrap: nowrap;
}

.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard ul li .anteprima > div{
 width: 50%;
}
	
}

@media screen and (min-width: 780px) {
	
/* --------- heder-img---------- */	

.header-img .proporzioni-mobile-desktop img{
    aspect-ratio: 1000 / 380;
}
	
.header-img .proporzioni-mobile img{
	display: none;
}

.header-img .proporzioni-desktop img{
	display: block;
	object-fit: cover;
    aspect-ratio: 1000 / 380;
	width: 100%;
}
	
/* --------- ingrandisco il testo della citazione---------- */	
	blockquote p:first-child{
	font-size: 1.4em;
    line-height: 2.1rem;
}
	
/* --------------flex------------ */

	
.flex-container-3-colonne {
 column-gap: 2%;
}
	
.flex-container-3-colonne div:nth-child(odd) {
	flex: 49%;
	/*border-right: 10px transparent solid;
	border-left: 0 transparent solid;*/
}
	
.flex-container-3-colonne div:nth-child(even) {
	flex:49%;
	/*border-right: 0 transparent solid;
	border-left: 10px transparent solid;*/
}	
	
/* -------------- fine flex------------ */
	
.anteprime-grid  .titolo{
	font-size: 18px;
	line-height: 22px;
}
	
.struttura-container > .div-1, .struttura-container > .div-2 {
	margin-bottom:0px;
}
	
.struttura-container.centro-verticale{
	align-items: center;
}
	/* -------------struttura 2 standard-------------- */
.struttura-2-standard{
  display: flex;
	column-gap: 20px;
	/*align-items: flex-start ;*/
}
	
.struttura-2-standard > .div-1{
	flex: 1;
}
	
.struttura-2-standard > .div-2{
	flex: 1;
}
	
/* -------------struttura 2 invertito-------------- */
	
.struttura-2-invertito{
  display: flex;
	  flex-direction: row-reverse;
}
	
.struttura-2-invertito > .div-1{
	flex: 1;
}
	
.struttura-2-invertito > .div-2{
	flex: 1;
}
	
/* -------------struttura 3 standard-------------- */
.struttura-3{
  display: flex;
	column-gap: 20px;
	align-items: flex-start ;
}
	
.struttura-3 > .div-1{
	flex: 1;
}
	
.struttura-3 > .div-2{
	flex: 1;
}
	
.struttura-3 > .div-3{
	flex: 1;
}
	

/* -------------struttura 2 preview 70 - 30-------------- */
	
.struttura-2-preview {
	display: flex;
    flex-wrap: wrap;
}
	
.struttura-2-preview > .div-1 {
	flex: 2;
}
	
.struttura-2-preview > .div-2 {
	flex: 1;
}
	
/* ------------invertito-------------- */
	
.struttura-2-preview-30 {
	display: flex;
    flex-wrap: wrap;
}
	
.struttura-2-preview-30 > .div-1 {
	flex: 1;
}
	
.struttura-2-preview-30 > .div-2 {
	flex: 2;
}

.header-promo .struttura-2-preview img, .header-promo .struttura-2-preview-30 img {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: var(--border-radius);
}
	
.struttura-container .header-promo{
	background-color: var(--bonus-color)
}
	
.struttura-container .header-promo p{
	text-align: left;
}

.struttura-container .header-promo .div-2, .struttura-container .header-promo .div-1 {
	border: none;
}
	
.header-promo .div-2 .testo-anteprima, .header-promo-super .header-promo .testo-anteprima  {
	/*position: relative;
	height: 100%;*/
}

.header-promo .div-2 .button-container, .header-promo-super .header-promo .button-container{
	/*position: absolute;
	bottom: 0;
	right: 0;*/
}

/* -------------- fine struttura 3 ------------- */
	
.struttura-2-percentuale-50{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
	
.struttura-2-percentuale-50 li{
	margin-bottom: 0;
	flex: 0 0 calc(50% - 10px);
}
	
.struttura-2-percentuale-miste{
	display: inline-block;
}
	
.struttura-2-percentuale-miste li{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.struttura-2-percentuale-miste img{
	object-fit: cover;
    aspect-ratio: 16/9;	
}

.struttura-2-percentuale-miste li:nth-child(3n+1){
	border-right: 10px transparent solid;
	width: 50%;
	float: left;
}
	
	
.struttura-2-percentuale-miste li:nth-child(3n+2){
	border-left: 10px transparent solid;
	width: 50%;
	float: left;
}
	
.struttura-2-percentuale-miste li:nth-child(3n+3){
	width: 100%;
	float: none;
	border: none;
}
	
/* ------------- fine struttura percentuali miste ------------- */
	
.multicolonna{
	column-count: 2;
	column-gap: 30px
}
	
.multicolonna h1, .multicolonna h2, .multicolonna h3, .multicolonna h4, .multicolonna h5, .multicolonna h6{
	text-align: left;
}

/* -------------- tabella------------- */

table {
 font-size: 18px;
}

th, td {
padding: 15px;
}

/* -------------- fine tabella------------- */
	
	/*Apertura video*/
.video{
visibility:visible;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-image:url("img/sfondo.jpg.html");
background-repeat: no-repeat;  /* immagine nel caso non venga supportato il video*/
background-size: cover; 
}

.video-sotto{
	display:none;
}
	
.parallax-window {
    height: 520px;
}
	
.parallax-window-mobile {
    height: 520px;
}
	
/* anteprime 3, 4,6 -----------------*/	
.anteprime-3 ul li, .anteprime-4 ul li, .anteprime-6 ul li {	
	margin-bottom: 0;/* resetto*/
}
	
.anteprime-3 ul, .anteprime-4 ul, .anteprime-6 ul  {	
	gap: 20px;
}
	
/* anteprime 3 -----------------*/	
	
.anteprime-3 ul li {
	flex: 0 0 calc((100% - 40px) / 3); 
}
	
/* anteprime 4 ---------------*/	
	
.anteprime-4 ul li {
	  flex: 0 0 calc((100% - 60px) / 4); 
}
	
/* anteprime 4 -2 */	
.anteprime-4-2 ul{
}
 .anteprime-4-2 li:nth-child(6n+1) {
	width: 21.5%;
}
.anteprime-4-2 li:nth-child(6n+2) {
	width: 21.5%;
	margin-right: 1%;
}
.anteprime-4-2  li:nth-child(6n+3) {
	width: 21.5%;
	margin-left: 1%;
}
 .anteprime-4-2 li:nth-child(6n+4) {
	width: 21.5%;
	margin-left: 1%;
}
.anteprime-4-2 li:nth-child(6n+5) {
	 width: 47%;
}
.anteprime-4-2  li:nth-child(6n+6) {
	 width: 47%;
}

/* --------------marchi desktop------------ */	
.marchi {
	gap: 30px;
}

.marchi  li {
	width: 185px;
}

.marchi li .contenitore-img  {	 
	height: 120px;	
}
	
	/* -----liste anteprime prodotti servizi-- */

.lista-prodotti-servizi .blocco-standard ul, .lista-prodotti-servizi .blocco-scroll-x ul{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, calc(25% - 15px));
}
	
.lista-prodotti-servizi .blocco-standard ul li, .lista-prodotti-servizi .blocco-scroll-x ul li{
	width: 100%;
}
	
/* ---lista servizi-prodotti nel standard-- */

.testimonials .blocco-standard ul li{ /* ---nel piccolo lo voglio a 2 blocchi-- */
	grid-template-columns: repeat(2, calc(50% - 5px));
}
	
.txt-above-img li img{
	aspect-ratio: 2/2;
}
	
/* ----------------icone box------------------ */

.numbers-box ul{
   display: grid; 
   grid-template-rows: 1fr 0;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 0 20px;
 
}
/* ----------------offers------------------ */
	
.offers-box > ul{
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   align-items: flex-start;
}
	
.offers-box > ul > li{
		margin-bottom: 0;
}
	
		/* -------------- struttura-2-sbordo  ------------- */

	
.struttura-2-sbordo-dx .struttura-2-standard, .struttura-2-sbordo-sx .struttura-2-standard{
	column-gap: 0!important;
}
	
.struttura-2-sbordo-dx  .div-1{
	padding: 20px 0 20px 0;
}
	
.struttura-2-sbordo-dx  .div-1 .centro-verticale{
	padding: 0 30px 0 10px;
}
	
.struttura-2-sbordo-sx .div-2{
	padding: 20px 0 20px 0;
}
	
.struttura-2-sbordo-sx  .div-2 .centro-verticale{
	padding: 0 10px 0 30px;
}
	
	/* 
.struttura-2-sbordo-dx .struttura-2-standard, .struttura-2-sbordo-sx .struttura-2-standard {
	column-gap: 0
}
	
.struttura-2-sbordo-dx {
	margin-left: calc((100% - var(--site-width)) / 2);
}

.struttura-2-sbordo-dx .div-1{
	width: 200px!important;

	padding:  0 10px 0 10px;
		display: flex;
    align-items: center;
	background-color: red;
}
	
.struttura-2-sbordo-sx {
	margin-right: calc((100% - var(--site-width)) / 2);
}
	
.struttura-2-sbordo-sx .div-2{
	width: calc(var(--site-width)/ 2);

	padding: 0 10px 0 10px;
	display: flex;
    align-items: center;
	background-color: blue;
}
/* -------------- fine struttura-2-sbordo  ------------- */
	
}	

@media screen and (min-width: 980px){

.apertura-immagine{
	height: 650px;
	max-width: 1600px;
	margin: auto;
}
	
.apertura-immagine .immagine-sfondo{
	height: 650px;
	object-fit: cover;
	max-width: 1600px;
	border-radius: var(--border-radius);
}
	
.apertura-immagine .logo{
	padding-right: 40px;
	text-align: right;
	border-radius: var(--border-radius);
}

.apertura-immagine .logo img{
	width: 380px;
}
	
/* --------------anteprime con immagine / contenuto liste------------ */
	
.anteprime-con-immagine .blocco-scroll-x ul{
	gap: 20px;
	grid-template-columns: repeat(4, calc(25% - 20px));
	max-width: 1600px;
}
	
.contenitore .contenuto-liste{/* spazio largo per le anteprime con immagini*/
	padding: var(--padding-contenuto) 0;
}

.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard ul{
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(2, calc(50% - 15px));
	margin-top: 10px;
}
.lista-prodotti-servizi-grandi .lista-prodotti-servizi  .blocco-standard ul li{
	margin-bottom: 0;
}
	
/* --------------fine anteprime con immagine------------ */
	
.cerca-menu{
	display:none;
}
	
.recensioni {
	display: flex;
	justify-content: center;
	    flex-wrap: wrap;
}
	
.recensioni li {
	margin: 10px 1% 40px 1%;
	width: 31%;
}

/* ----------------sidebar desktop------------------ */

.struttura-side {
	display: inline-block;
	display: flex;
	column-gap: 10px;/* + 10px =20èx padding del contenuto */
}
	
.struttura-side-small {
	max-width: 1080px;
	margin: auto;
}
	
.struttura-side .contenuto-side {
	width: 75%;
}	
	
.struttura-side .sidebar {
	padding-top: 10px;
	border-top: none;
	margin-top: 0;
	width: 25%;
}
	
.struttura-side .sidebar .sticky-container {
	position: sticky;
	top: 80px;
}

.struttura-side-right .sidebar {
	padding-left: 20px;
	border-left: var(--border-style) var(--txt-color);	
}
	
.struttura-side-left .sidebar {
	padding-right: 20px;
	border-right: var(--border-style) var(--txt-color);
}
	
.struttura-side .sidebar .banner-side img{
	float: left;
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
	
	
/* --------------Gallery quadrata------------ */
	
.gallery-square-img ul{
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
}
	
.gallery-square-img li:nth-child(3n+1) { /* ----------Resetto------------ */

   grid-column: span 1 / span 1;
   grid-row: span 1 / span 1;
}
	
.gallery-square-img li:nth-child(1) { 
   grid-column: span 2 / span 2;
   grid-row: span 2 / span 2;
}
	
/*Gallery 5 immagini e 2*/
	
.gallery-img-5 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0;
}
	
.gallery-img-5 img, .gallery-img-2 img {
	aspect-ratio: 4/3;
	object-fit: cover;
	width: 100%;
	border-radius: 0!important;
}
    
.gallery-img-5 .div1 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
}

.gallery-img-5 .div2 {
    grid-column-start: 3;
}

.gallery-img-5 .div3 {
    grid-column-start: 3;
    grid-row-start: 2;
}

.gallery-img-5 .div4 {
    grid-column-start: 4;
    grid-row-start: 1;
}

.gallery-img-5 .div5 {
    grid-column-start: 4;
    grid-row-start: 2;
} 
	
.gallery-img-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0;
}
	
/* ---lista servizi-prodotti nel standard-- */
	
.blocco-scroll-x ul{
	background-color: transparent!important;
	max-width: 1600px;
	margin: auto;
	overflow: hidden;
}
	
.lista-prodotti-servizi .blocco-standard ul{
	display: grid;
	justify-content:center;
	grid-gap: 20px;
	align-items: flex-start;
	margin-top: 10px;
}
	
/* ---testimonials- */	
	
.testimonials .blocco-standard ul, .testimonials .blocco-scroll-x ul{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, calc(25% - 15px));
}
	
.testimonials .blocco-standard ul li, .testimonials .blocco-scroll-x ul li{
	width: 100%;
	margin-bottom: 20px
}
	
	/* ----------------offers------------------ */
	
.offers-box > ul{
   grid-template-rows: 1fr;
   grid-template-columns: 1fr 1fr 1fr;
}
	
.anteprime-grid ul{
	grid-template-columns: repeat(4, calc(25% - 15px));
	gap: 20px;
}
	
.testo-container-70{
	max-width: 70%;
}
	
/* anteprime 6 */
	
.anteprime-6 ul li {
	  flex: 0 0 calc((100% - 100px) / 6); 
}
	
}

@media screen and (min-width: 1024px){
	
	/* --------------flex------------ */
	
.flex-container-3-colonne div:nth-child(3n+1){
	/*border-right: 10px solid transparent;*/
	flex: 32%;
}
	
.flex-container-3-colonne div:nth-child(3n+2){
	/*border-right: 10px solid transparent;*/
	/*border-left: 10px solid transparent!important;*/
	flex: 32%;
}
	
.flex-container-3-colonne div:nth-child(3n+3){
	/*border-left: 10px solid transparent;*/
	flex: 32%;
}
	
.flex-container-3-colonne div:nth-child(even){
	border-left:0;
}
	
/* .flex-container-3-colonne div:nth-last-child(-n+3){-------------- negare il margine dell'ultima riga------------ 
	margin-bottom: 0;
}*/

/* -------------- fine flex------------ */
		/* immagini flottanti in articolo*/
p img.alignleft, p img.float-left, img.alignleft, img.float-left  {
    float: left;
	margin: 10px 20px 10px 0;
	max-width: 750px;
}

p img.alignright,  p img.float-right, img.alignright,  img.float-right  {
    float: right;
	margin: 10px 0 10px 20px;
	max-width: 750px;
}	

/* -------------- articoli grandi ------------- */ 
}

@media screen and (min-width: 1200px){
/* -------------- struttura-4-grid------------- */	
.struttura-4-grid {
	display: grid;
    gap: 20px;
	grid-template-columns: repeat(4, calc(25% - 15px));
}
/* -------------- fine struttura-4-grid------------- */	
	
.categorie-h-scroll ul{
	padding: 0!important;
	background-color: transparent;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}
	
.woocommerce .categorie-h-scroll ul.products[class*=columns-] li.product {
        width: 120px !important;
	
}
	
.categorie-h-scroll ul li.product{
	width: auto;
	margin-right:0!important;
}
			
.flex-scroll-x ul{ /*aggiungo la classe flex se non voglio il grid, in questo modo, si adedattano allo schermo su una riga, qualsiasi numero siano. Consiglio 6, 9 prodotti */
	display: flex!important;
}
	
.flex-scroll-x-wrap ul{ /*aggiungo la classe flex se non voglio il grid, in questo modo, le anteprme hanno una larghezza fissa */
	display: flex!important;
	justify-content: center;
	flex-wrap: wrap;
}
	
.flex-scroll-x-wrap ul li{ /*aggiungo la classe flex se non voglio il grid, in questo modo, le anteprme hanno una larghezza fissa */
	width: 150px!important;
}

.woocommerce .flex-scroll-x-wrap ul.products[class*=columns-] li.product{
	width: 150px!important;
}
	
.contenitore-prodotti-scroll ul{
	display: grid;
    grid-gap: 10px;
	grid-template-columns: repeat(5, calc(20% - 8px));
	padding-right:0;
	 align-items: start;
}
	
.contenitore-prodotti-scroll ul li.product{
	width: auto!important;
	margin-right:0!important;
}
	
.contenuto-side .categorie-h-scroll ul{
	display: grid;
    grid-gap: 15px;
	grid-template-columns: repeat(6, calc(16.66% - 12px));
	padding-right:0;
	align-items: start;
	overflow: hidden;	
}
	
}

@media screen and (min-width: 1300px){
	
.parallax-window {
	display:block;
}

.parallax-window-mobile {
	display: none;
}
	
.multicolonna{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
	
.apertura_100{
	height:65vh;
}
	
.apertura_100-sopra{
	height:100%;
	width:100%;
	margin-top: 25px;
}

nav .txt-lettera-maiuscola-nav {
	text-transform: capitalize;
}
	
.informazioni-home{
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	padding: 10px 10px 10px 12px;
	text-align: left;
}
	
.informazioni-home .display-flex{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}	
	
/* -------------- Prom------------- */ 
	
/* -------------- Promo Super------------- */ 
	
.header-promo-super {
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 2.3fr 1fr;
	
	gap: 10px;
}
	
.header-promo-super > .div-1{
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 2;
   height: 810px
}
		
.header-promo-super > .div-1 img{
	height: 610px;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--border-radius);
}
	
.header-promo-super > .div-2 { 
   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
	height: 400px;
}
	
.header-promo-super >.div-3 {
   grid-row-start: 2;
   grid-column-start: 2;
   grid-row-end: 3;
   grid-column-end: 3;
	height: 400px
}
	
.header-promo-super > .div-2 img, .header-promo-super > .div-3 img{
	height: 200px;
}
	
.header-promo-super	.div-2-promo-piccole{
	height: 200px;	
}
	
.header-promo-super .div-1 div {
	width: 100%;
	display: block;
}
	
.header-promo-super .struttura-2-preview .div-2{
	height: 200px;
}
	
.header-promo-super .header-promo-small .testo-anteprima  {
	position: relative;
	height: 100%;
}

.header-promo-super .header-promo-small .testo-anteprima .button-container{
	position: absolute;
	bottom: 0;
	right: 0;
}
	
/* -------------- testo sopra immagine header ------------- */
.header-testo-sopra-immagini   {	
   display: grid; 
   grid-template-rows: 1fr 1fr;
   grid-template-columns: 7fr 3fr; 
   gap: 10px;
   height: 100%;
}

.header-testo-sopra-immagini  div {
	margin-bottom: 0;
}

.header-testo-sopra-immagini img{
	height: 100%;
	width: 100%;
}

.header-testo-sopra-immagini .div-1{ 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 3;
   grid-column-end: 2;
	height: 510px;
}
	
.header-testo-sopra-immagini .div-1 .contenitore-img img  {
	height: 510px;
}

.header-testo-sopra-immagini .div-2 {

   grid-row-start: 1;
   grid-column-start: 2;

   grid-row-end: 2;
   grid-column-end: 3;
	height: 250px;
}
	
	
.header-testo-sopra-immagini .div-2 .contenitore-img img, .header-testo-sopra-immagini .div-3 .contenitore-img img {
	height: 250px;
}

.header-testo-sopra-immagini .div-3 {
   grid-row-start: 2;
   grid-column-start: 2;

   grid-row-end: 3;
   grid-column-end: 3;
	height: 250px;
}
	
/* -------------- reset------------- */
		
.header-testo-sopra-immagini > .div-2 {
	aspect-ratio: auto ;
}
	
.header-testo-sopra-immagini > .div-3 {
	aspect-ratio: auto;
}

/* -------------- testo sopra immagine header Verticale ------------- */
.header-testo-sopra-immagini-verticale   {	
   display: grid; 
   grid-template-rows: 1fr;
   grid-template-columns: 8fr 3fr 3fr; 
   gap: 10px;
   height: 100%;
}

.header-testo-sopra-immagini-verticale  div {
	margin-bottom: 0;
}

.header-testo-sopra-immagini-verticale img{
	height: 100%;
	width: 100%;
}

.header-testo-sopra-immagini-verticale .div-1{ 
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 2;
	height: 510px;
}
	
.header-testo-sopra-immagini-verticale .div-1 .contenitore-img img  {
	height: 510px;
}

.header-testo-sopra-immagini-verticale .div-2 {
   grid-row-start: 1;
   grid-column-start: 2;
   grid-row-end: 2;
   grid-column-end: 3;
   height: 510px;
}
		
.header-testo-sopra-immagini-verticale .div-2 .contenitore-img img, .header-testo-sopra-immagini-verticale .div-3 .contenitore-img img {
	height: 510px;
}

.header-testo-sopra-immagini-verticale .div-3 {
   grid-row-start: 2;
   grid-column-start: 3;
   grid-row-end: 1;
   grid-column-end: 3;
height: 510px;
}
	
/* -------------- reset------------- */
		
.header-testo-sopra-immagini-verticale > .div-2 {
	aspect-ratio: auto ;
}
	
.header-testo-sopra-immagini-verticale > .div-3 {
	aspect-ratio: auto;
}
		

/* -------------- struttura-decentrata  calc((100% - 1300px) / 2)------------- */

.header-decentrato-dx .struttura-2-preview-30 .div-1{
	width: calc(var(--site-width)/ 4);
	flex: none;
}

.header-decentrato-sx .struttura-2-preview .div-2{
	width: calc(var(--site-width)/ 4);
	flex: none;
}
	
/* -------------- struttura-2-sbordo  ------------- */
.struttura-2-sbordo-dx .struttura-2-standard, .struttura-2-sbordo-sx .struttura-2-standard {
	column-gap: 0
}
	
.struttura-2-sbordo-dx {
	margin-left: calc((100% - var(--site-width)) / 2);
}

.struttura-2-sbordo-dx .div-1{
	width: calc(var(--site-width)/ 2);
	flex: none;
}
	
.struttura-2-sbordo-sx {
	margin-right: calc((100% - var(--site-width)) / 2);
}
	
.struttura-2-sbordo-sx .div-2{
	width: calc(var(--site-width)/ 2);
	flex: none;
}
/* -------------- fine struttura-2-sbordo  ------------- */
	
/* -------------- Navigazione Chef studio e roba che serve solo per lo strumento Chef------------- */


.woocommerce div.product .struttura-container .woocommerce-product-gallery__trigger   img {
    display: none;
}
	
}

@media screen and (max-width: 1299px){
	.navigation-chef{
	display: none;
}
}

@media screen and (min-width: 1300px){
.navigation-chef{
	z-index: 9999;
		width: 100%;
		background-color: #371724;
		padding: 10px;
		font-family: "Arial", sans-serif!important;
		color: #c6778c;
	display: block;
}
	
.navigation-chef img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	margin-bottom: 8px;
	margin-top: 5px;
}
	
.navigation-chef .btn-wrapper{
	margin-bottom: 10px;
}
	
.navigation-chef button{
	width: 48%;
	color: #000!important;
	border-radius: 20px!important;
	margin-right: 0;
	background-color:bisque!important;
	font-size: 16px;
	padding: 4px 6px!important;
}
	
.navigation-chef button:hover{
	background-color:bisque!important;
	color: #000!important;
}
	
.navigation-chef .button-container{
	display: flex;
}
	
.navigation-chef ul li a{
	margin-bottom: 10px;
	color: #fff!important;
	margin-left: 3px;
}
	
.navigation-chef ul li a:before {
 	content: url("../img/svg/arrow-right.svg");
	display: inline-block;
	padding-right: 4px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	width: 16px;
}
	
.navigation-chef ul li a:hover{
	color: #ccc;
}

.navigation-chef{
		z-index: 9999;
		width: 200px;
		position:fixed;
		bottom: 10px;
		left:10px;
		background-color: #371724;
		padding: 10px;
		font-family: "Arial", sans-serif!important;
		border-radius: 20px;
		color: #c6778c;
}

	
}

@media screen and (min-width: 1550px){
.sfondo-sx{
	position: fixed;
	left: 0;
	background-image:url("../img/sfondo-sx.jpg");
	background-position: left;
	height: 100%;
	width: calc((100% - 1300px) / 2);
	z-index: 2000;
	background-repeat: no-repeat;
}
	
.sfondo-dx{
	position: fixed;
	right: 0;
	background-image:url("../img/sfondo-dx.jpg");
	background-position: right;
	height: 100%;
	width: calc((100% - 1300px) / 2);
	z-index: 2000;
	background-repeat: no-repeat;
}
	
	/* -------------- sfondi ------------- */ 

.back-2-1{
	background-image: url(../img/chef-photos-themes/vintage-img/back-1.png), url(../img/chef-photos-themes/vintage-img/back-2.png), url(../img/chef-photos-themes/vintage-img/back-3.png);
	 background-repeat: no-repeat, no-repeat;
	background-position: -5% 115%, -5% -15%, 105% 50% ;
	background-size: 200px 200px;
	/*background-attachment:fixed*/
} 

.back-1-2{
	background-image: url(../img/chef-photos-themes/vintage-img/back-1.png), url(../img/chef-photos-themes/vintage-img/back-2.png), url(../img/chef-photos-themes/vintage-img/back-3.png);
	 background-repeat: no-repeat, no-repeat;
	background-position: 105% 115%, 105% -15%, -5% 50% ;
	background-size: 200px 200px;
} 
	
.back-mid-left{
	background-image: url(../img/chef-photos-themes/vintage-img/back-1.png);
	 background-repeat: no-repeat;
	background-position: -5% 50%;
	background-size: 200px;
}
	
.back-mid-right{
	background-image: url(../img/chef-photos-themes/back-1.png);
	background-repeat: no-repeat;
	background-position: 105% 50%;
	background-size: 200px;
}
	
.testo-largo-special {
		max-width: 100%;
	}
	
.testo-largo-special img {
	width: 900px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
}/*1550*/

@media screen and (min-width: 1650px){
	
	/* -------------- sfondi ------------- */ 

.back-2-1{
	background-size: 300px 300px;
} 

.back-1-2{
	background-size: 300px 300px;
} 
	
.back-mid-right{

	background-size: 300px;
}
	
.back-mid-left{
	background-size: 300px;
}

	
}