/*
Theme Name: Total Child Theme
Template: Total
*/
.inline_flex {
display: inline-flex !important;
}
.inline_block {
display: inline-block !important;
}
.nascosto {
display:none !important;
}
@media screen and (min-width: 767px) {
.mobile {
display: none !important;
}
.center_desktop, .cd {
text-align: center !important;
}
.right_desktop, .rd {
text-align: right !important;
}
.left_desktop, .ld {
text-align: left !important;
}
}
@media screen and (max-width: 767px) {
.desktop {
display: none !important;
}
.center_mobile, .cm {
text-align: center !important;
}
.right_mobile, .rm {
text-align: right !important;
}
.left_mobile, .lm {
text-align: left !important;
}
}
h1, h2, h3, h4 {
margin:0px;
}
@media screen and (min-width: 1024px) {
/* Margini e padding per desktop */
/* Margin Top */
.mtd5 { margin-top: 5px; }
.mtd10 { margin-top: 10px; }
.mtd15 { margin-top: 15px; }
.mtd20 { margin-top: 20px; }
.mtd25 { margin-top: 25px; }
.mtd30 { margin-top: 30px; }
.mtd35 { margin-top: 35px; }
.mtd40 { margin-top: 40px; }
.mtd45 { margin-top: 45px; }
.mtd50 { margin-top: 50px; }
.mtd55 { margin-top: 55px; }
.mtd60 { margin-top: 60px; }
.mtd65 { margin-top: 65px; }
.mtd70 { margin-top: 70px; }
.mtd75 { margin-top: 75px; }
.mtd80 { margin-top: 80px; }
.mtd85 { margin-top: 85px; }
.mtd90 { margin-top: 90px; }
.mtd95 { margin-top: 95px; }
.mtd100 { margin-top: 100px; }
.mtd105 { margin-top: 105px; }
.mtd110 { margin-top: 110px; }
.mtd115 { margin-top: 115px; }
.mtd120 { margin-top: 120px; }
.mtd125 { margin-top: 125px; }
.mtd130 { margin-top: 130px; }
.mtd135 { margin-top: 135px; }
.mtd140 { margin-top: 140px; }
.mtd145 { margin-top: 145px; }
.mtd150 { margin-top: 150px; }
.mtd155 { margin-top: 155px; }
.mtd160 { margin-top: 160px; }
.mtd165 { margin-top: 165px; }
.mtd170 { margin-top: 170px; }
.mtd175 { margin-top: 175px; }
.mtd180 { margin-top: 180px; }
.mtd185 { margin-top: 185px; }
.mtd190 { margin-top: 190px; }
.mtd195 { margin-top: 195px; }
.mtd200 { margin-top: 200px; }
.mtd205 { margin-top: 205px; }
.mtd210 { margin-top: 210px; }
.mtd215 { margin-top: 215px; }
.mtd220 { margin-top: 220px; }
.mtd225 { margin-top: 225px; }
.mtd230 { margin-top: 230px; }
.mtd235 { margin-top: 235px; }
.mtd240 { margin-top: 240px; }
.mtd245 { margin-top: 245px; }
.mtd250 { margin-top: 250px; }
/* Margin Bottom */
.mbd5 { margin-bottom: 5px; }
.mbd10 { margin-bottom: 10px; }
.mbd15 { margin-bottom: 15px; }
.mbd20 { margin-bottom: 20px; }
.mbd25 { margin-bottom: 25px; }
.mbd30 { margin-bottom: 30px; }
.mbd35 { margin-bottom: 35px; }
.mbd40 { margin-bottom: 40px; }
.mbd45 { margin-bottom: 45px; }
.mbd50 { margin-bottom: 50px; }
.mbd55 { margin-bottom: 55px; }
.mbd60 { margin-bottom: 60px; }
.mbd65 { margin-bottom: 65px; }
.mbd70 { margin-bottom: 70px; }
.mbd75 { margin-bottom: 75px; }
.mbd80 { margin-bottom: 80px; }
.mbd85 { margin-bottom: 85px; }
.mbd90 { margin-bottom: 90px; }
.mbd95 { margin-bottom: 95px; }
.mbd100 { margin-bottom: 100px; }
.mbd105 { margin-bottom: 105px; }
.mbd110 { margin-bottom: 110px; }
.mbd115 { margin-bottom: 115px; }
.mbd120 { margin-bottom: 120px; }
.mbd125 { margin-bottom: 125px; }
.mbd130 { margin-bottom: 130px; }
.mbd135 { margin-bottom: 135px; }
.mbd140 { margin-bottom: 140px; }
.mbd145 { margin-bottom: 145px; }
.mbd150 { margin-bottom: 150px; }
.mbd155 { margin-bottom: 155px; }
.mbd160 { margin-bottom: 160px; }
.mbd165 { margin-bottom: 165px; }
.mbd170 { margin-bottom: 170px; }
.mbd175 { margin-bottom: 175px; }
.mbd180 { margin-bottom: 180px; }
.mbd185 { margin-bottom: 185px; }
.mbd190 { margin-bottom: 190px; }
.mbd195 { margin-bottom: 195px; }
.mbd200 { margin-bottom: 200px; }
.mbd205 { margin-bottom: 205px; }
.mbd210 { margin-bottom: 210px; }
.mbd215 { margin-bottom: 215px; }
.mbd220 { margin-bottom: 220px; }
.mbd225 { margin-bottom: 225px; }
.mbd230 { margin-bottom: 230px; }
.mbd235 { margin-bottom: 235px; }
.mbd240 { margin-bottom: 240px; }
.mbd245 { margin-bottom: 245px; }
.mbd250 { margin-bottom: 250px; }
/* Padding Top */
.ptd5 { padding-top: 5px; }
.ptd10 { padding-top: 10px; }
.ptd15 { padding-top: 15px; }
.ptd20 { padding-top: 20px; }
.ptd25 { padding-top: 25px; }
.ptd30 { padding-top: 30px; }
.ptd35 { padding-top: 35px; }
.ptd40 { padding-top: 40px; }
.ptd45 { padding-top: 45px; }
.ptd50 { padding-top: 50px; }
.ptd55 { padding-top: 55px; }
.ptd60 { padding-top: 60px; }
.ptd65 { padding-top: 65px; }
.ptd70 { padding-top: 70px; }
.ptd75 { padding-top: 75px; }
.ptd80 { padding-top: 80px; }
.ptd85 { padding-top: 85px; }
.ptd90 { padding-top: 90px; }
.ptd95 { padding-top: 95px; }
.ptd100 { padding-top: 100px; }
.ptd105 { padding-top: 105px; }
.ptd110 { padding-top: 110px; }
.ptd115 { padding-top: 115px; }
.ptd120 { padding-top: 120px; }
.ptd125 { padding-top: 125px; }
.ptd130 { padding-top: 130px; }
.ptd135 { padding-top: 135px; }
.ptd140 { padding-top: 140px; }
.ptd145 { padding-top: 145px; }
.ptd150 { padding-top: 150px; }
.ptd155 { padding-top: 155px; }
.ptd160 { padding-top: 160px; }
.ptd165 { padding-top: 165px; }
.ptd170 { padding-top: 170px; }
.ptd175 { padding-top: 175px; }
.ptd180 { padding-top: 180px; }
.ptd185 { padding-top: 185px; }
.ptd190 { padding-top: 190px; }
.ptd195 { padding-top: 195px; }
.ptd200 { padding-top: 200px; }
.ptd205 { padding-top: 205px; }
.ptd210 { padding-top: 210px; }
.ptd215 { padding-top: 215px; }
.ptd220 { padding-top: 220px; }
.ptd225 { padding-top: 225px; }
.ptd230 { padding-top: 230px; }
.ptd235 { padding-top: 235px; }
.ptd240 { padding-top: 240px; }
.ptd245 { padding-top: 245px; }
.ptd250 { padding-top: 250px; }
/* Padding Bottom */
.pbd5 { padding-bottom: 5px; }
.pbd10 { padding-bottom: 10px; }
.pbd15 { padding-bottom: 15px; }
.pbd20 { padding-bottom: 20px; }
.pbd25 { padding-bottom: 25px; }
.pbd30 { padding-bottom: 30px; }
.pbd35 { padding-bottom: 35px; }
.pbd40 { padding-bottom: 40px; }
.pbd45 { padding-bottom: 45px; }
.pbd50 { padding-bottom: 50px; }
.pbd55 { padding-bottom: 55px; }
.pbd60 { padding-bottom: 60px; }
.pbd65 { padding-bottom: 65px; }
.pbd70 { padding-bottom: 70px; }
.pbd75 { padding-bottom: 75px; }
.pbd80 { padding-bottom: 80px; }
.pbd85 { padding-bottom: 85px; }
.pbd90 { padding-bottom: 90px; }
.pbd95 { padding-bottom: 95px; }
.pbd100 { padding-bottom: 100px; }
.pbd105 { padding-bottom: 105px; }
.pbd110 { padding-bottom: 110px; }
.pbd115 { padding-bottom: 115px; }
.pbd120 { padding-bottom: 120px; }
.pbd125 { padding-bottom: 125px; }
.pbd130 { padding-bottom: 130px; }
.pbd135 { padding-bottom: 135px; }
.pbd140 { padding-bottom: 140px; }
.pbd145 { padding-bottom: 145px; }
.pbd150 { padding-bottom: 150px; }
.pbd155 { padding-bottom: 155px; }
.pbd160 { padding-bottom: 160px; }
.pbd165 { padding-bottom: 165px; }
.pbd170 { padding-bottom: 170px; }
.pbd175 { padding-bottom: 175px; }
.pbd180 { padding-bottom: 180px; }
.pbd185 { padding-bottom: 185px; }
.pbd190 { padding-bottom: 190px; }
.pbd195 { padding-bottom: 195px; }
.pbd200 { padding-bottom: 200px; }
.pbd205 { padding-bottom: 205px; }
.pbd210 { padding-bottom: 210px; }
.pbd215 { padding-bottom: 215px; }
.pbd220 { padding-bottom: 220px; }
.pbd225 { padding-bottom: 225px; }
.pbd230 { padding-bottom: 230px; }
.pbd235 { padding-bottom: 235px; }
.pbd240 { padding-bottom: 240px; }
.pbd245 { padding-bottom: 245px; }
.pbd250 { padding-bottom: 250px; }
}
@media screen and (max-width: 1023px) {
/* Margini e padding per mobile */
/* Margin Top */
.mtm5 { margin-top: 5px; }
.mtm10 { margin-top: 10px; }
.mtm15 { margin-top: 15px; }
.mtm20 { margin-top: 20px; }
.mtm25 { margin-top: 25px; }
.mtm30 { margin-top: 30px; }
.mtm35 { margin-top: 35px; }
.mtm40 { margin-top: 40px; }
.mtm45 { margin-top: 45px; }
.mtm50 { margin-top: 50px; }
.mtm55 { margin-top: 55px; }
.mtm60 { margin-top: 60px; }
.mtm65 { margin-top: 65px; }
.mtm70 { margin-top: 70px; }
.mtm75 { margin-top: 75px; }
.mtm80 { margin-top: 80px; }
.mtm85 { margin-top: 85px; }
.mtm90 { margin-top: 90px; }
.mtm95 { margin-top: 95px; }
.mtm100 { margin-top: 100px; }
.mtm105 { margin-top: 105px; }
.mtm110 { margin-top: 110px; }
.mtm115 { margin-top: 115px; }
.mtm120 { margin-top: 120px; }
.mtm125 { margin-top: 125px; }
.mtm130 { margin-top: 130px; }
.mtm135 { margin-top: 135px; }
.mtm140 { margin-top: 140px; }
.mtm145 { margin-top: 145px; }
.mtm150 { margin-top: 150px; }
.mtm155 { margin-top: 155px; }
.mtm160 { margin-top: 160px; }
.mtm165 { margin-top: 165px; }
.mtm170 { margin-top: 170px; }
.mtm175 { margin-top: 175px; }
.mtm180 { margin-top: 180px; }
.mtm185 { margin-top: 185px; }
.mtm190 { margin-top: 190px; }
.mtm195 { margin-top: 195px; }
.mtm200 { margin-top: 200px; }
.mtm205 { margin-top: 205px; }
.mtm210 { margin-top: 210px; }
.mtm215 { margin-top: 215px; }
.mtm220 { margin-top: 220px; }
.mtm225 { margin-top: 225px; }
.mtm230 { margin-top: 230px; }
.mtm235 { margin-top: 235px; }
.mtm240 { margin-top: 240px; }
.mtm245 { margin-top: 245px; }
.mtm250 { margin-top: 250px; }
/* Margin Bottom */
.mbm5 { margin-bottom: 5px; }
.mbm10 { margin-bottom: 10px; }
.mbm15 { margin-bottom: 15px; }
.mbm20 { margin-bottom: 20px; }
.mbm25 { margin-bottom: 25px; }
.mbm30 { margin-bottom: 30px; }
.mbm35 { margin-bottom: 35px; }
.mbm40 { margin-bottom: 40px; }
.mbm45 { margin-bottom: 45px; }
.mbm50 { margin-bottom: 50px; }
.mbm55 { margin-bottom: 55px; }
.mbm60 { margin-bottom: 60px; }
.mbm65 { margin-bottom: 65px; }
.mbm70 { margin-bottom: 70px; }
.mbm75 { margin-bottom: 75px; }
.mbm80 { margin-bottom: 80px; }
.mbm85 { margin-bottom: 85px; }
.mbm90 { margin-bottom: 90px; }
.mbm95 { margin-bottom: 95px; }
.mbm100 { margin-bottom: 100px; }
.mbm105 { margin-bottom: 105px; }
.mbm110 { margin-bottom: 110px; }
.mbm115 { margin-bottom: 115px; }
.mbm120 { margin-bottom: 120px; }
.mbm125 { margin-bottom: 125px; }
.mbm130 { margin-bottom: 130px; }
.mbm135 { margin-bottom: 135px; }
.mbm140 { margin-bottom: 140px; }
.mbm145 { margin-bottom: 145px; }
.mbm150 { margin-bottom: 150px; }
.mbm155 { margin-bottom: 155px; }
.mbm160 { margin-bottom: 160px; }
.mbm165 { margin-bottom: 165px; }
.mbm170 { margin-bottom: 170px; }
.mbm175 { margin-bottom: 175px; }
.mbm180 { margin-bottom: 180px; }
.mbm185 { margin-bottom: 185px; }
.mbm190 { margin-bottom: 190px; }
.mbm195 { margin-bottom: 195px; }
.mbm200 { margin-bottom: 200px; }
.mbm205 { margin-bottom: 205px; }
.mbm210 { margin-bottom: 210px; }
.mbm215 { margin-bottom: 215px; }
.mbm220 { margin-bottom: 220px; }
.mbm225 { margin-bottom: 225px; }
.mbm230 { margin-bottom: 230px; }
.mbm235 { margin-bottom: 235px; }
.mbm240 { margin-bottom: 240px; }
.mbm245 { margin-bottom: 245px; }
.mbm250 { margin-bottom: 250px; }
/* Padding Top */
.ptm5 { padding-top: 5px; }
.ptm10 { padding-top: 10px; }
.ptm15 { padding-top: 15px; }
.ptm20 { padding-top: 20px; }
.ptm25 { padding-top: 25px; }
.ptm30 { padding-top: 30px; }
.ptm35 { padding-top: 35px; }
.ptm40 { padding-top: 40px; }
.ptm45 { padding-top: 45px; }
.ptm50 { padding-top: 50px; }
.ptm55 { padding-top: 55px; }
.ptm60 { padding-top: 60px; }
.ptm65 { padding-top: 65px; }
.ptm70 { padding-top: 70px; }
.ptm75 { padding-top: 75px; }
.ptm80 { padding-top: 80px; }
.ptm85 { padding-top: 85px; }
.ptm90 { padding-top: 90px; }
.ptm95 { padding-top: 95px; }
.ptm100 { padding-top: 100px; }
.ptm105 { padding-top: 105px; }
.ptm110 { padding-top: 110px; }
.ptm115 { padding-top: 115px; }
.ptm120 { padding-top: 120px; }
.ptm125 { padding-top: 125px; }
.ptm130 { padding-top: 130px; }
.ptm135 { padding-top: 135px; }
.ptm140 { padding-top: 140px; }
.ptm145 { padding-top: 145px; }
.ptm150 { padding-top: 150px; }
.ptm155 { padding-top: 155px; }
.ptm160 { padding-top: 160px; }
.ptm165 { padding-top: 165px; }
.ptm170 { padding-top: 170px; }
.ptm175 { padding-top: 175px; }
.ptm180 { padding-top: 180px; }
.ptm185 { padding-top: 185px; }
.ptm190 { padding-top: 190px; }
.ptm195 { padding-top: 195px; }
.ptm200 { padding-top: 200px; }
.ptm205 { padding-top: 205px; }
.ptm210 { padding-top: 210px; }
.ptm215 { padding-top: 215px; }
.ptm220 { padding-top: 220px; }
.ptm225 { padding-top: 225px; }
.ptm230 { padding-top: 230px; }
.ptm235 { padding-top: 235px; }
.ptm240 { padding-top: 240px; }
.ptm245 { padding-top: 245px; }
.ptm250 { padding-top: 250px; }
/* Padding Bottom */
.pbm5 { padding-bottom: 5px; }
.pbm10 { padding-bottom: 10px; }
.pbm15 { padding-bottom: 15px; }
.pbm20 { padding-bottom: 20px; }
.pbm25 { padding-bottom: 25px; }
.pbm30 { padding-bottom: 30px; }
.pbm35 { padding-bottom: 35px; }
.pbm40 { padding-bottom: 40px; }
.pbm45 { padding-bottom: 45px; }
.pbm50 { padding-bottom: 50px; }
.pbm55 { padding-bottom: 55px; }
.pbm60 { padding-bottom: 60px; }
.pbm65 { padding-bottom: 65px; }
.pbm70 { padding-bottom: 70px; }
.pbm75 { padding-bottom: 75px; }
.pbm80 { padding-bottom: 80px; }
.pbm85 { padding-bottom: 85px; }
.pbm90 { padding-bottom: 90px; }
.pbm95 { padding-bottom: 95px; }
.pbm100 { padding-bottom: 100px; }
.pbm105 { padding-bottom: 105px; }
.pbm110 { padding-bottom: 110px; }
.pbm115 { padding-bottom: 115px; }
.pbm120 { padding-bottom: 120px; }
.pbm125 { padding-bottom: 125px; }
.pbm130 { padding-bottom: 130px; }
.pbm135 { padding-bottom: 135px; }
.pbm140 { padding-bottom: 140px; }
.pbm145 { padding-bottom: 145px; }
.pbm150 { padding-bottom: 150px; }
.pbm155 { padding-bottom: 155px; }
.pbm160 { padding-bottom: 160px; }
.pbm165 { padding-bottom: 165px; }
.pbm170 { padding-bottom: 170px; }
.pbm175 { padding-bottom: 175px; }
.pbm180 { padding-bottom: 180px; }
.pbm185 { padding-bottom: 185px; }
.pbm190 { padding-bottom: 190px; }
.pbm195 { padding-bottom: 195px; }
.pbm200 { padding-bottom: 200px; }
.pbm205 { padding-bottom: 205px; }
.pbm210 { padding-bottom: 210px; }
.pbm215 { padding-bottom: 215px; }
.pbm220 { padding-bottom: 220px; }
.pbm225 { padding-bottom: 225px; }
.pbm230 { padding-bottom: 230px; }
.pbm235 { padding-bottom: 235px; }
.pbm240 { padding-bottom: 240px; }
.pbm245 { padding-bottom: 245px; }
.pbm250 { padding-bottom: 250px; }
}
/* ==========================================================================
ZANOTELLI WINES — foglio di stile del sito
--------------------------------------------------------------------------
Spostato qui l'11/09/2026 dal «CSS aggiuntivo» del Customizer, su richiesta.
Era il post `custom_css` n. 26 (110.661 byte, sha1 568024c3…). La copia
integrale di com'era sta nel progetto, in `_rollback/css-20260911/`.
Ordine di caricamento: questo file (`child-style-css`) viene prima di
`wpex-fm-assignments` (i font di Total) e di `wpex-css` (il CSS dinamico di
Total). Il vecchio blocco inline stava fra i due. Il confronto pixel per
pixel di tutte le pagine, desktop e telefono, e' stato fatto prima di
svuotare il Customizer.
========================================================================== */
#site-header {
padding-top: 12px;
}
#site-header.header-five.header-full-width {
padding-left: 0;
padding-right: 0;
}
#site-header.header-five #site-header-inner {
max-width: 1440px;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 26px;
padding-right: 26px;
}
#footer-builder {
background-color: #000000;
padding-top: 70px;
padding-bottom: 44px;
}
#footer-builder .footer-builder-content {
width: calc(100% - 40px);
max-width: 1240px;
}
#footer-builder .vc_row {
margin-left: 0;
margin-right: 0;
}
#footer-builder .wpb_column {
padding-left: 0;
padding-right: 0;
}
#footer-builder .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
#footer-builder .wpb_content_element {
margin-bottom: 0;
}
#footer-builder .footer_riga_alta {
display: flex;
flex-wrap: wrap;
margin-bottom: 56px;
}
#footer-builder .footer_colonna_brand {
width: 35.4839%;
}
#footer-builder .footer_colonna_link {
width: 16.9355%;
}
#footer-builder .footer_colonna_4 {
width: 13.7097%;
}
.footer_brand h3 {
margin: 0;
font-family: "Michroma", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 34px;
text-transform: uppercase;
color: #FAF9F6;
}
.footer_payoff {
margin-top: 32px;
}
.footer_payoff p {
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #FAF9F6;
opacity: 0.8;
}
.footer_storico {
margin-top: 46px;
}
.footer_storico p {
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #FAF9F6;
opacity: 0.8;
}
.footer_intestazione p {
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #FAF9F6;
}
.footer_voci {
margin-top: 12px;
}
.footer_voci ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_voci li {
margin: 0 0 4px 0;
font-family: "Instrument Sans", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 22px;
color: #FAF9F6;
opacity: 0.8;
}
.footer_voci li:last-child {
margin-bottom: 0;
}
.footer_voci a {
color: #FAF9F6;
text-decoration: none;
}
#footer-builder .footer_riga_bassa {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-top: 19px;
border-top: 1px solid rgba(250, 249, 246, 0.5);
}
#footer-builder .footer_colonna_copy {
width: 60%;
}
#footer-builder .footer_colonna_social {
width: 40%;
}
.footer_copyright p,
.footer_legale p,
.footer_social p {
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
}
.footer_copyright p,
.footer_legale p {
color: #A5A39F;
opacity: 0.8;
}
.footer_legale {
margin-top: 8px;
}
.footer_legale a {
color: #FAF9F6;
text-decoration: underline;
}
.footer_social {
text-align: right;
padding-right: 30px;
}
.footer_social p {
color: #FAF9F6;
opacity: 0.8;
}
.footer_social a {
color: #FAF9F6;
text-decoration: none;
}
.footer_social a:hover {
text-decoration: underline;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid #7A2A2A;
outline-offset: 2px;
}
#site-header a:focus-visible,
#footer-builder a:focus-visible {
outline: 2px solid #FAF9F6;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.85);
}
/* Nel footer il sottolineato resta: li' i link stanno in mezzo al testo e senza non si
riconoscono. Nel menu no — le voci si riconoscono per posizione e forma. */
#footer-builder a:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
/* ⛔ In hover cambiava SOLO il sottolineato: toglierlo e basta lasciava le voci senza alcun
segnale al passaggio del mouse. Al suo posto un calo di opacita', che non tocca il disegno. */
#site-navigation .main-navigation-ul > li:not(#menu-item-logo) > a:hover .link-inner {
opacity: 0.7;
}
/* La voce «News» resta nel menu ma non si vede, finche' non ci saranno notizie da mostrare.
Si riaccende togliendo la classe dal pannello, senza rifare la voce. */
li.zan-voce-nascosta {
display: none !important;
}
@media screen and (min-width: 1024px) {
#site-header.header-five #site-header-inner {
height: 88px;
}
#site-navigation .main-navigation-ul {
position: relative;
justify-content: flex-start;
gap: 16px;
height: 88px;
}
#site-navigation .main-navigation-ul > li {
line-height: 16px;
}
#site-navigation .main-navigation-ul > li > a {
display: flex;
align-items: center;
height: 32px;
padding: 0;
line-height: 16px;
color: #FAF9F6;
}
#site-navigation .main-navigation-ul > li > a > .link-inner {
display: flex;
align-items: center;
box-sizing: border-box;
height: 32px;
padding: 7px 15px;
border: 1px solid #FAF9F6;
border-radius: 40px;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #FAF9F6;
}
/* ⛔ Il margine che spinge le ultime voci dall'altra parte del logo va a QUELLA CHE PRECEDE
IL LOGO, non a una voce col nome scritto: se quella voce viene nascosta — come «News» in
attesa delle notizie — il margine passa da solo alla precedente, e il menu non si
accalca a sinistra. La vecchia `.voce_confine` resta per compatibilita'. */
#site-navigation .main-navigation-ul > li:has(+ li#menu-item-logo),
#site-navigation .main-navigation-ul > li:has(+ li.zan-voce-nascosta + li#menu-item-logo),
#site-navigation .main-navigation-ul > li.voce_confine:not(.zan-voce-nascosta) {
margin-right: auto;
}
#site-navigation .main-navigation-ul > li.voce_shop > a > .link-inner {
padding-left: 23px;
}
#site-navigation .main-navigation-ul > li.voce_shop > a > .link-inner::after {
content: "";
display: block;
width: 16px;
height: 16px;
margin-left: 4px;
background: url(../../uploads/zanotelli-ui/icona-freccia-diagonale.svg) center center / 16px 16px no-repeat;
}
#site-navigation .main-navigation-ul > li.voce_icona > a > .link-inner {
padding: 0;
border: 0;
border-radius: 0;
font-size: 0;
}
#site-navigation .main-navigation-ul > li.voce_lingua > a > .link-inner {
width: 16px;
height: 16px;
background: url(../../uploads/zanotelli-ui/icona-globo-lingua.svg) center center / 16px 16px no-repeat;
}
#site-navigation .main-navigation-ul > li.voce_carrello > a > .link-inner {
position: relative;
width: 24px;
height: 20px;
margin-right: -1px;
margin-left: -1px;
background: url(../../uploads/zanotelli-ui/icona-carrello.svg) center center / 24px 20px no-repeat;
}
#site-navigation .main-navigation-ul > li#menu-item-logo {
position: absolute;
top: 0;
left: 50%;
height: 88px;
padding: 0;
transform: translateX(-50%);
}
#site-navigation .main-navigation-ul > li#menu-item-logo #site-logo,
#site-navigation .main-navigation-ul > li#menu-item-logo #site-logo-inner,
#site-navigation .main-navigation-ul > li#menu-item-logo .main-logo {
display: block;
height: 88px;
padding: 0;
}
#site-navigation .main-navigation-ul > li#menu-item-logo .logo-img {
display: block;
width: 262px;
height: 88px;
max-height: none;
}
#site-navigation .main-navigation-ul > li.voce_carrello .voce_carrello_conteggio {
position: absolute;
top: -7px;
right: 1px;
margin-left: 0;
}
}
@media screen and (max-width: 1023px) {
#site-header-inner {
height: auto;
}
#site-header.header-five #site-header-inner {
padding-left: 10px;
}
#site-header #site-logo .logo-img {
height: 60px;
width: auto;
max-height: none;
}
#footer-builder {
padding-top: 50px;
padding-bottom: 40px;
}
#site-header .wpex-mobile-menu-toggle {
right: 20px;
}
.footer_legale {
margin-top: 16px;
}
#footer-builder .footer_riga_alta {
margin-bottom: 40px;
}
#footer-builder .footer_colonna_brand,
#footer-builder .footer_colonna_link,
#footer-builder .footer_colonna_4 {
width: 100%;
}
#footer-builder .footer_colonna_link {
margin-top: 32px;
}
#footer-builder .footer_colonna_copy,
#footer-builder .footer_colonna_social {
width: 100%;
}
#footer-builder .footer_colonna_social {
margin-top: 20px;
}
.footer_social {
text-align: center;
padding-right: 0;
}
#footer-builder .footer_colonna_1,
#footer-builder .footer_colonna_2,
#footer-builder .footer_colonna_3 {
display: none;
}
#footer-builder .footer_colonna_brand,
#footer-builder .footer_colonna_4,
#footer-builder .footer_colonna_copy,
#footer-builder .footer_colonna_social {
text-align: center;
}
}
.hero_video {
box-sizing: border-box;
height: 897px;
padding-top: 538px;
padding-left: 20px;
}
.hero_video.wpb_column.vc_column_container {
position: static;
}
.hero_riga.hero_riga.wpb_row::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: 220px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 90px, rgba(0, 0, 0, 0) 220px);
pointer-events: none;
}
.hero_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.hero_media .vcex-image-img {
display: block;
}
.hero_media video.vcex-image-img {
width: 100%;
height: 897px;
object-fit: cover;
object-position: 37.5% 50%;
}
.hero_titolo {
position: relative;
z-index: 1;
width: 956px;
margin-bottom: 0;
}
.hero_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.hero_occhiello {
position: relative;
z-index: 1;
width: auto;
margin-top: -55px;
margin-bottom: 16px;
margin-left: 703px;
}
.hero_occhiello p {
margin: 0;
}
@media screen and (max-width: 1023px) {
.hero_video {
display: flex;
box-sizing: border-box;
flex-direction: column;
justify-content: flex-end;
height: 560px;
padding-top: 0;
padding-left: 0;
}
.hero_video .vcex-image.hero_media .vcex-image-img {
height: 560px;
}
.hero_titolo {
width: auto;
}
.hero_titolo h1 {
font-size: 36px;
line-height: 42px;
}
.hero_occhiello {
width: auto;
margin-top: 24px;
margin-bottom: 0;
margin-left: 0;
}
}
@media screen and (max-width: 1023px) {
.azienda_riga > .wpb_column.azienda_testo,
.azienda_riga > .wpb_column.azienda_media {
float: none;
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.azienda_riga {
margin-top: 23px;
}
}
.azienda_testo {
padding-top: 102px;
padding-left: 109px;
}
.azienda_titolo h2 {
font-size: 46px;
line-height: 52px;
}
.azienda_paragrafo p {
margin: 0;
}
.azienda_foto {
width: 100%;
max-width: 466px;
margin: 0 0 0 auto;
}
.azienda_foto .vcex-image-inner {
display: block;
aspect-ratio: 466 / 520;
overflow: hidden;
border-radius: 8px;
}
.azienda_foto .vcex-image-img {
display: block;
width: 100.0921%;
max-width: none;
height: auto;
margin-top: -13.5193%;
margin-left: -0.0459%;
}
@media screen and (max-width: 1023px) {
.azienda_riga.azienda_riga {
display: flex;
flex-direction: column-reverse;
}
.azienda_riga::before,
.azienda_riga::after {
display: none !important;
}
.azienda_riga > .wpb_column {
float: none;
width: 100%;
}
.azienda_foto {
max-width: 635px;
margin-left: 0;
}
.azienda_testo {
padding-top: 32px;
padding-left: 0;
}
.azienda_titolo h2 {
font-size: 28px;
line-height: 34px;
}
.azienda_testo .azienda_titolo {
margin-bottom: 24px !important;
}
.azienda_testo .azienda_paragrafo {
font-size: 17px !important;
line-height: 26px !important;
}
}
.cerchio_cugini {
position: relative;
width: 764px;
height: 793px;
margin-right: auto;
margin-left: auto;
}
.cerchio_cugini > .wpb_column {
position: absolute;
float: none;
margin-bottom: 0;
}
.cerchio_cugini > .wpb_column > .vc_column-inner {
padding: 0;
}
.cerchio_cugini .wpb_content_element {
margin-bottom: 0;
}
.cerchio_decoro {
z-index: 1;
}
.cerchio_decoro_bs {
left: 0;
bottom: 0;
width: 380px;
height: 321px;
}
.cerchio_decoro_ad {
top: 0;
right: 0;
width: 333px;
height: 278px;
}
.cerchio_decoro > .vc_column-inner,
.cerchio_decoro > .vc_column-inner > .wpb_wrapper,
.cerchio_decoro_foto,
.cerchio_decoro_foto .vcex-image-inner,
.cerchio_decoro_foto .vcex-image-img {
display: block;
width: 100%;
height: 100%;
}
.cerchio_quadrante {
z-index: 2;
width: 333px;
height: 333px;
transition: width 1800ms ease-in-out, height 1800ms ease-in-out;
}
.cerchio_quadrante::after {
content: "";
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFFFFF;
opacity: 0;
transition: opacity 1800ms ease-in-out;
}
.cerchio_quadrante_as {
right: 382px;
bottom: 396px;
clip-path: circle(100% at 100% 100%);
}
.cerchio_quadrante_ad {
left: 386px;
bottom: 396px;
clip-path: circle(100% at 0 100%);
}
.cerchio_quadrante_bs {
right: 382px;
top: 401px;
clip-path: circle(100% at 100% 0);
}
.cerchio_quadrante_bd {
left: 386px;
top: 401px;
clip-path: circle(100% at 0 0);
}
.cerchio_foto {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cerchio_foto .vcex-image-inner,
.cerchio_foto .vcex-image-img {
display: block;
width: 100%;
height: 100%;
}
.cerchio_ruolo,
.cerchio_nome {
position: absolute;
z-index: 3;
white-space: nowrap;
transition: color 1800ms ease-in-out;
}
.cerchio_quadrante_as .cerchio_ruolo,
.cerchio_quadrante_bs .cerchio_ruolo,
.cerchio_quadrante_as .cerchio_nome,
.cerchio_quadrante_bs .cerchio_nome {
right: 28px;
}
.cerchio_quadrante_ad .cerchio_ruolo,
.cerchio_quadrante_bd .cerchio_ruolo,
.cerchio_quadrante_ad .cerchio_nome,
.cerchio_quadrante_bd .cerchio_nome {
left: 20px;
}
.cerchio_quadrante_as .cerchio_ruolo,
.cerchio_quadrante_ad .cerchio_ruolo {
bottom: 45px;
}
.cerchio_quadrante_as .cerchio_nome,
.cerchio_quadrante_ad .cerchio_nome {
bottom: 13px;
}
.cerchio_quadrante_bs .cerchio_ruolo,
.cerchio_quadrante_bd .cerchio_ruolo {
top: 4px;
}
.cerchio_quadrante_bs .cerchio_nome,
.cerchio_quadrante_bd .cerchio_nome {
top: 49px;
}
.cerchio_voce {
z-index: 3;
width: 168px;
pointer-events: none;
}
.cerchio_voce_as,
.cerchio_voce_bs {
right: 410px;
}
.cerchio_voce_ad,
.cerchio_voce_bd {
left: 406px;
}
.cerchio_voce_as,
.cerchio_voce_ad {
bottom: 490px;
}
.cerchio_voce_bs,
.cerchio_voce_bd {
top: 496px;
}
.cerchio_voce_nome {
display: none;
}
.cerchio_testo {
opacity: 0;
transition: opacity 540ms ease-in-out 0ms;
}
.cerchio_quadrante_as:focus-visible ~ .cerchio_voce_as .cerchio_testo,
.cerchio_quadrante_ad:focus-visible ~ .cerchio_voce_ad .cerchio_testo,
.cerchio_quadrante_bs:focus-visible ~ .cerchio_voce_bs .cerchio_testo,
.cerchio_quadrante_bd:focus-visible ~ .cerchio_voce_bd .cerchio_testo,
.cerchio_quadrante_as:hover ~ .cerchio_voce_as .cerchio_testo,
.cerchio_quadrante_ad:hover ~ .cerchio_voce_ad .cerchio_testo,
.cerchio_quadrante_bs:hover ~ .cerchio_voce_bs .cerchio_testo,
.cerchio_quadrante_bd:hover ~ .cerchio_voce_bd .cerchio_testo {
opacity: 1;
transition-delay: 1290ms;
}
.cerchio_quadrante:focus-visible,
.cerchio_quadrante:hover {
width: 413px;
height: 413px;
}
.cerchio_quadrante:focus-visible::after,
.cerchio_quadrante:hover::after {
opacity: 0.75;
}
.cerchio_quadrante:focus-visible .cerchio_ruolo,
.cerchio_quadrante:focus-visible .cerchio_nome,
.cerchio_quadrante:hover .cerchio_ruolo,
.cerchio_quadrante:hover .cerchio_nome {
color: #7A2A2A !important;
}
.cerchio_quadrante:focus-visible {
outline: none;
transition-duration: 0ms;
}
.cerchio_quadrante:focus-visible::after,
.cerchio_quadrante:focus-visible .cerchio_ruolo,
.cerchio_quadrante:focus-visible .cerchio_nome {
transition-duration: 0ms;
}
.cerchio_quadrante_as:focus-visible ~ .cerchio_voce_as .cerchio_testo,
.cerchio_quadrante_ad:focus-visible ~ .cerchio_voce_ad .cerchio_testo,
.cerchio_quadrante_bs:focus-visible ~ .cerchio_voce_bs .cerchio_testo,
.cerchio_quadrante_bd:focus-visible ~ .cerchio_voce_bd .cerchio_testo {
transition-duration: 0ms;
transition-delay: 0ms;
}
@media screen and (max-width: 1023px) {
.cerchio_cugini {
width: 100%;
max-width: 670px;
height: auto;
}
.cerchio_cugini::before {
content: "";
display: block;
width: 100%;
padding-top: 80%;
}
.cerchio_decoro {
display: none;
}
.cerchio_quadrante {
top: 0;
right: auto;
bottom: auto;
left: auto;
width: calc((80% - 4px) / 2);
height: auto;
aspect-ratio: 1;
transition: width 600ms ease-in-out, margin 600ms ease-in-out;
}
.cerchio_quadrante_as,
.cerchio_quadrante_bs {
left: 10%;
}
.cerchio_quadrante_ad,
.cerchio_quadrante_bd {
right: 10%;
}
.cerchio_quadrante_bs,
.cerchio_quadrante_bd {
margin-top: calc(40% + 2px);
}
.cerchio_quadrante:hover {
width: calc((100% - 4px) / 2);
height: auto;
}
.cerchio_quadrante:hover .cerchio_ruolo,
.cerchio_quadrante:hover .cerchio_nome {
color: #FFFFFF !important;
}
.cerchio_quadrante.cerchio_attivo,
.cerchio_quadrante.cerchio_attivo:hover {
z-index: 4;
width: calc((80% - 4px) / 2 * 1.24);
}
.cerchio_quadrante_as.cerchio_attivo {
margin-top: -9.6%;
margin-left: -9.6%;
}
.cerchio_quadrante_ad.cerchio_attivo {
margin-top: -9.6%;
margin-right: -9.6%;
}
.cerchio_quadrante_bs.cerchio_attivo {
margin-left: -9.6%;
}
.cerchio_quadrante_bd.cerchio_attivo {
margin-right: -9.6%;
}
.cerchio_quadrante.cerchio_attivo::after {
opacity: 0.75;
}
.cerchio_quadrante.cerchio_attivo .cerchio_ruolo,
.cerchio_quadrante.cerchio_attivo .cerchio_nome,
.cerchio_quadrante.cerchio_attivo:hover .cerchio_ruolo,
.cerchio_quadrante.cerchio_attivo:hover .cerchio_nome {
color: #7A2A2A !important;
}
.cerchio_ruolo {
font-size: min(14px, calc((100vw - 40px) * 0.04)) !important;
line-height: 18px !important;
}
.cerchio_nome {
font-size: 11px !important;
line-height: 15px !important;
}
.cerchio_quadrante_as .cerchio_ruolo,
.cerchio_quadrante_ad .cerchio_ruolo {
bottom: 38px;
}
.cerchio_quadrante_as .cerchio_nome,
.cerchio_quadrante_ad .cerchio_nome {
bottom: 11px;
}
.cerchio_quadrante_bs .cerchio_ruolo,
.cerchio_quadrante_bd .cerchio_ruolo {
top: 13px;
}
.cerchio_quadrante_bs .cerchio_nome,
.cerchio_quadrante_bd .cerchio_nome {
top: 43px;
}
.cerchio_cugini > .cerchio_voce {
display: none;
position: static;
width: 100%;
min-height: 108px;
margin-top: 60px;
pointer-events: auto;
}
.cerchio_cugini > .cerchio_voce.cerchio_attiva {
display: block;
}
.cerchio_voce_nome {
display: none;
}
.cerchio_testo {
opacity: 1;
text-align: center !important;
}
.cerchio_quadrante_as:hover ~ .cerchio_voce_as .cerchio_testo,
.cerchio_quadrante_ad:hover ~ .cerchio_voce_ad .cerchio_testo,
.cerchio_quadrante_bs:hover ~ .cerchio_voce_bs .cerchio_testo,
.cerchio_quadrante_bd:hover ~ .cerchio_voce_bd .cerchio_testo {
transition-delay: 0ms;
}
}
.cerchio_intro {
max-width: 1080px;
margin-right: auto;
margin-bottom: 64px;
margin-left: auto;
}
.cerchio_intro h2 {
margin: 0;
font-size: 46px;
line-height: 52px;
}
@media screen and (max-width: 1023px) {
.cerchio_intro {
margin-bottom: 80px !important;
}
.cerchio_intro h2 {
font-size: 28px;
line-height: 34px;
}
}
.pilastri .theme-button-wrap {
margin-top: 92px;
}
.bottone_freccia .vcex-button-icon {
display: flex;
align-items: center;
height: 16px;
padding-inline-start: 4px;
}
.bottone_freccia .vcex-button-icon img {
display: block;
width: 16px;
height: 16px;
max-width: none;
}
.bottone_freccia:hover .vcex-button-icon img,
.bottone_freccia:active .vcex-button-icon img {
filter: invert(1);
}
@media screen and (max-width: 1023px) {
.pilastri .theme-button-wrap {
margin-top: 48px;
}
}
.marquee_riga {
overflow: hidden;
padding-top: 24px;
padding-bottom: 24px;
}
.marquee_riga .wpb_column.marquee_track {
display: block;
float: none;
width: max-content;
animation: marquee_scorri 25s linear infinite;
}
.marquee_track > .vc_column-inner > .wpb_wrapper {
display: flex;
}
.marquee_track .marquee_testo {
flex: 0 0 auto;
margin-right: 22px;
margin-bottom: 0;
}
.marquee_track .marquee_testo p {
margin: 0;
white-space: nowrap;
}
@keyframes marquee_scorri {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% / 3));
}
}
@media screen and (max-width: 1023px) {
.marquee_riga {
padding-top: 16px;
padding-bottom: 16px;
}
.marquee_riga .marquee_track .marquee_testo {
margin-right: 10px;
font-size: 36px !important;
line-height: 42px !important;
}
.marquee_riga .wpb_column.marquee_track {
animation-duration: 12s;
}
}
@media (prefers-reduced-motion: reduce) {
.marquee_riga .wpb_column.marquee_track {
animation: none;
}
}
.vini_riga_intro {
margin-top: 69px;
}
.vini_intro {
padding-left: 118px;
}
.vini_riga {
margin-right: -11px;
margin-left: -11px;
}
.vini_riga > .wpb_column.vini_card > .vc_column-inner {
min-height: 567px;
padding-right: 11px;
padding-left: 11px;
}
.vini_card > .vc_column-inner > .wpb_wrapper {
display: flex;
min-height: 549px;
flex-direction: column;
}
.vini_foto .vcex-image-inner {
display: block;
}
.vini_foto .vcex-image-img {
display: block;
width: 100%;
}
.vini_titolo {
margin-top: 41px;
}
.vini_titolo h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.vini_sottotitolo {
margin-top: 8px;
}
.vini_sottotitolo p {
margin: 0;
}
.vini_card .theme-button-wrap {
margin-top: auto;
margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
.vini_intro {
padding-left: 0;
}
.vini_intro .vini_intro_testo {
font-size: 17px !important;
line-height: 26px !important;
}
.vini_riga {
margin-right: 0;
margin-left: 0;
}
.vini_riga > .wpb_column.vini_card {
float: none;
width: 100%;
}
.vini_riga > .wpb_column.vini_card > .vc_column-inner {
max-width: 453px;
min-height: 0;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
}
.vini_riga > .wpb_column.vini_card + .wpb_column.vini_card {
margin-top: 32px;
}
.vini_card > .vc_column-inner > .wpb_wrapper {
min-height: 0;
}
.vini_riga .vini_card .vini_foto .vcex-image-img {
height: auto;
}
.vini_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.vini_card .vini_sottotitolo {
font-size: 15px !important;
line-height: 24px !important;
}
.vini_card .theme-button-wrap {
margin-top: 32px;
margin-bottom: 0;
}
}
.marquee_riga.marquee_prodotti {
margin-top: 204px;
padding-top: 0;
padding-bottom: 0;
}
.marquee_riga.marquee_prodotti .wpb_column.marquee_track {
animation-duration: 28.55s;
}
@media screen and (max-width: 1023px) {
.marquee_riga.marquee_prodotti .wpb_column.marquee_track {
animation-duration: 13.7s;
}
}
.altri_riga {
margin-top: 97px;
margin-right: -11px;
margin-left: -11px;
}
.altri_riga > .wpb_column.altri_card > .vc_column-inner {
min-height: 567px;
padding-right: 11px;
padding-left: 11px;
}
.altri_card > .vc_column-inner > .wpb_wrapper {
display: flex;
min-height: 501px;
flex-direction: column;
}
.altri_foto .vcex-image-inner {
display: block;
}
.altri_foto .vcex-image-img {
display: block;
width: 100%;
}
.altri_titolo h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.altri_sottotitolo {
margin-top: 8px;
}
.altri_sottotitolo p {
margin: 0;
}
.altri_card .theme-button-wrap {
margin-top: auto;
}
@media screen and (max-width: 1023px) {
.altri_riga {
max-width: none;
margin-right: 0;
margin-left: 0;
}
.altri_riga > .wpb_column.altri_card {
float: none;
width: 100%;
}
.altri_riga > .wpb_column.altri_card > .vc_column-inner {
max-width: 454px;
min-height: 0;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
}
.altri_riga > .wpb_column.altri_card + .wpb_column.altri_card {
margin-top: 32px;
}
.altri_card > .vc_column-inner > .wpb_wrapper {
min-height: 0;
}
.altri_riga .altri_card .altri_foto .vcex-image-img {
height: auto;
}
.altri_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.altri_card .altri_sottotitolo {
font-size: 15px !important;
line-height: 24px !important;
}
.altri_card .theme-button-wrap {
margin-top: 32px;
}
}
.claim_riga {
margin-top: 328px;
}
.claim_riga > .wpb_column.claim {
position: static;
}
.claim_titolo h2 {
margin: 0;
font-size: 46px;
line-height: 52px;
}
.claim_decoro {
position: absolute;
pointer-events: none;
}
.claim_decoro .vcex-image-inner {
display: block;
}
.claim_decoro .vcex-image-img {
display: block;
max-width: none;
}
.claim_decoro_alto {
top: -120px;
left: 57px;
width: 530px;
height: 58px;
}
.claim_decoro_alto .vcex-image-img {
width: 530px;
height: 58px;
}
.claim_decoro_basso_sinistra {
top: -82px;
left: 0;
width: 323px;
height: 76px;
overflow: hidden;
}
.claim_decoro_basso_sinistra .vcex-image-img {
width: 360px;
height: 76px;
margin-left: -37px;
}
.claim_decoro_basso_destra {
top: 244px;
right: 0;
width: 499px;
height: 80px;
overflow: hidden;
}
.claim_decoro_basso_destra .vcex-image-img {
width: 578px;
height: 80px;
}
@media screen and (max-width: 1023px) {
.claim_titolo h2 {
font-size: 26px;
line-height: 32px;
}
.claim .claim_titolo {
width: 330px !important;
}
.claim_decoro_alto {
top: -60px;
left: 29px;
width: 265px;
height: 29px;
}
.claim_decoro_alto .vcex-image-img {
width: 265px;
height: 29px;
}
.claim_decoro_basso_sinistra {
top: -41px;
width: 162px;
height: 38px;
}
.claim_decoro_basso_sinistra .vcex-image-img {
width: 180px;
height: 38px;
margin-left: -19px;
}
.claim_decoro_basso_destra {
display: none;
}
}
.esperienze_riga {
margin-top: 415px;
}
.esperienze_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.vc_row.esperienze_carosello {
display: block;
box-sizing: border-box;
width: auto;
margin-top: 60px;
margin-right: 26px !important;
margin-left: 27px !important;
}
.esperienze_carosello .wpb_column.esperienze_card {
float: none;
width: 100%;
}
.esperienze_carosello .esperienze_card > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.esperienze_card > .vc_column-inner > .wpb_wrapper {
display: grid;
grid-template-columns: 1fr auto;
}
.esperienze_foto {
grid-area: 1 / 1 / 2 / 3;
}
.esperienze_foto .vcex-image-inner {
display: block;
}
.esperienze_foto .vcex-image-img {
display: block;
width: 100%;
border-radius: 13px 13px 0 0;
}
.esperienze_corpo_riga {
grid-area: 2 / 1 / 3 / 3;
margin-top: -17px;
margin-right: 0;
margin-left: 0;
}
.esperienze_corpo_riga > .wpb_column.esperienze_corpo > .vc_column-inner {
box-sizing: border-box;
padding: 51px 32px 37px 32px;
border-radius: 0 0 13px 13px;
background-color: #FFFFFF;
}
.esperienze_corpo > .vc_column-inner > .wpb_wrapper {
display: flex;
min-height: 228px;
flex-direction: column;
}
.esperienze_titolo_card h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.esperienze_descrizione {
margin-top: 16px;
}
.esperienze_descrizione p {
margin: 0;
}
.esperienze_durata {
align-items: center;
margin-top: auto;
}
.esperienze_durata .vcex-icon-box-symbol {
margin-right: 8px;
}
.esperienze_durata .vcex-icon-box-image {
display: block;
width: 18px;
height: 18px;
}
.esperienze_card .esperienze_esplora {
grid-area: 3 / 1 / 5 / 2;
align-self: start;
justify-self: start;
margin-top: 36px;
margin-left: 12px;
}
.esperienze_prezzo,
.esperienze_unita {
box-sizing: border-box;
width: 200px;
margin-right: 21px;
}
.esperienze_prezzo {
grid-area: 3 / 2 / 4 / 3;
margin-top: -4px;
padding: 32px 54px 4px 0;
}
.esperienze_unita {
grid-area: 4 / 2 / 5 / 3;
padding: 0 54px 44px 0;
}
.esperienze_prezzo p,
.esperienze_unita p {
margin: 0;
}
.bottone_pieno:hover .vcex-button-icon img,
.bottone_pieno:active .vcex-button-icon img {
filter: none;
}
.esperienze_carosello.wpex-carousel .wpex-carousel__nav,
.esperienze_carosello.wpex-carousel .wpex-carousel__nav.disabled {
display: flex;
justify-content: center;
margin-top: 44px;
gap: 13px;
}
.esperienze_carosello.wpex-carousel .wpex-carousel__nav.disabled {
visibility: hidden;
}
.esperienze_carosello .wpex-carousel__arrow,
.wpex-carousel-images .wpex-carousel__arrow,
.wpex-carousel-post-type .wpex-carousel__arrow {
display: flex;
box-sizing: border-box;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid #121212;
border-radius: 40px;
background-color: transparent;
}
.esperienze_carosello .wpex-carousel__arrow img,
.wpex-carousel-images .wpex-carousel__arrow img,
.wpex-carousel-post-type .wpex-carousel__arrow img {
display: block;
width: 16px;
height: 16px;
max-width: none;
}
.esperienze_carosello .wpex-carousel__arrow.disabled,
.wpex-carousel-images .wpex-carousel__arrow.disabled,
.wpex-carousel-post-type .wpex-carousel__arrow.disabled {
opacity: 0.35;
}
.esperienze_carosello .wpex-carousel__arrow:hover:not(.disabled),
.wpex-carousel-images .wpex-carousel__arrow:hover:not(.disabled),
.wpex-carousel-post-type .wpex-carousel__arrow:hover:not(.disabled) {
background-color: #121212;
}
.esperienze_carosello .wpex-carousel__arrow:hover:not(.disabled) img,
.wpex-carousel-images .wpex-carousel__arrow:hover:not(.disabled) img,
.wpex-carousel-post-type .wpex-carousel__arrow:hover:not(.disabled) img {
filter: invert(1);
}
@media screen and (max-width: 1023px) {
.esperienze_titolo h2 {
font-size: 40px;
line-height: 44px;
}
.esperienze .esperienze_titolo {
width: auto !important;
}
.vc_row.esperienze_carosello {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
.esperienze_carosello .esperienze_card > .vc_column-inner {
max-width: 350px;
margin-right: auto;
margin-left: auto;
}
.esperienze_riga_card .esperienze_card .esperienze_foto .vcex-image-img {
height: 140px;
}
.esperienze_corpo > .vc_column-inner > .wpb_wrapper {
min-height: 0;
}
.esperienze_durata {
margin-top: 24px;
}
.esperienze_titolo_card h3 {
font-size: 24px;
line-height: 30px;
}
.esperienze_prezzo,
.esperienze_unita {
width: auto;
margin-right: 0;
padding-right: 12px;
}
}
.territorio_riga {
margin-top: 209px;
}
.territorio_foto .vcex-image-inner {
display: block;
}
.territorio_foto .vcex-image-img {
display: block;
width: 100%;
}
.territorio_foto .vcex-image-inner {
overflow: hidden;
border-radius: 8px;
}
@media (prefers-reduced-motion: no-preference) {
.territorio_foto .vcex-image-img {
will-change: transform;
transform-origin: 50% 100%;
animation: zan_vento 13s ease-in-out infinite alternate;
}
@keyframes zan_vento {
from {
transform: scale(1.035) translate3d(-0.45%, 0, 0) rotate(-0.22deg);
}
to {
transform: scale(1.035) translate3d(0.45%, 0, 0) rotate(0.22deg);
}
}
}
.territorio_card_riga {
position: relative;
z-index: 1;
max-width: 735px;
margin: -226px auto 0;
}
.territorio_card_riga > .wpb_column.territorio_card > .vc_column-inner {
padding: 43px 89px 40px;
border-radius: 8px;
}
.territorio_testo p {
margin: 0;
}
@media (max-width: 1023px) {
.territorio_riga .territorio .territorio_foto .vcex-image-img {
height: auto;
aspect-ratio: 350 / 273;
max-height: 546px;
}
.territorio_card_riga {
margin-top: 32px;
}
.territorio_riga .territorio_card_riga > .wpb_column.territorio_card > .vc_column-inner {
padding: 24px;
}
.territorio .territorio_testo {
font-size: 17px !important;
line-height: 26px !important;
}
}
@media screen and (max-width: 1023px) {
.vini_riga_intro {
margin-top: 34px;
}
.marquee_riga.marquee_prodotti {
margin-top: 102px;
}
.altri_riga {
margin-top: 49px;
}
.claim_riga {
margin-top: 164px;
}
.esperienze_riga {
margin-top: 208px;
}
.territorio_riga {
margin-top: 104px;
}
}
.voce_carrello_conteggio {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 16px;
height: 16px;
margin-left: 8px;
padding: 0 4px;
border-radius: 40px;
background-color: #FAF9F6;
color: #121212;
font-family: "Instrument Sans", sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 16px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
html {
zoom: tan(atan2(100vw, 1440px));
}
#outer-wrap .wpex-vc-full-width-row,
#outer-wrap .wpex-vc-full-width-section {
--vp-width: 1440px;
}
#site-header-sticky-wrapper.is-sticky #site-header {
width: 100% !important;
}
}
body.page-id-114 #site-header,
body.single-vino #site-header {
padding-top: 0;
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .main-navigation-ul > li > a > .link-inner {
border-color: #121212;
color: #121212;
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .main-navigation-ul > li.voce_lingua > a > .link-inner {
background-image: url(../../uploads/zanotelli-ui/icona-globo-lingua-scura.svg);
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .main-navigation-ul > li.voce_carrello > a > .link-inner {
background-image: url(../../uploads/zanotelli-ui/icona-carrello-scura.svg);
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .main-navigation-ul > li.voce_shop > a > .link-inner::after {
background-image: url(../../uploads/zanotelli-ui/icona-freccia-diagonale-scura.svg);
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .voce_carrello_conteggio {
background-color: #121212;
color: #FAF9F6;
}
#site-header-sticky-wrapper:not(.is-sticky) #site-header img.logo-img--sticky {
display: none;
}
#site-header-sticky-wrapper.is-sticky #site-header img.logo-img--base {
display: none;
}
.contatti_intro_titolo h1 {
font-size: 46px;
line-height: 52px;
}
.contatti_form_riga {
margin-top: 120px;
}
.contatti_form > .vc_column-inner {
max-width: 971px;
margin-right: auto;
margin-left: auto;
}
.contatti_form .wpcf7-form p,
.newsletter_modulo .wpcf7-form p {
margin: 0;
line-height: 0;
}
.contatti_form .contatti_campo label {
display: block;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #121212;
}
.contatti_form .wpcf7-form-control-wrap {
display: block;
}
.contatti_form input[type="text"],
.contatti_form input[type="email"],
.contatti_form input[type="tel"],
.contatti_form textarea {
display: block;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #121212;
border-radius: 0;
background: none;
box-shadow: none;
font-family: "Instrument Sans", sans-serif;
font-size: 16px;
line-height: 24px;
color: #121212;
resize: none;
}
.contatti_form .contatti_campo_intero input {
height: 45px;
}
.contatti_form .contatti_campo_meta input {
height: 48px;
}
.contatti_form .contatti_campo_messaggio textarea {
height: 204px;
margin: 0;
vertical-align: top;
}
.contatti_riga_due {
display: flex;
margin-top: 40px;
gap: 51px;
}
.contatti_riga_due .contatti_campo_meta {
flex: 1 1 0;
min-width: 0;
}
.contatti_campo_messaggio {
margin-top: 56px;
}
.contatti_consenso {
margin-top: 32px;
}
.contatti_consenso .wpcf7-form-control,
.contatti_consenso .wpcf7-list-item {
display: block;
margin: 0;
}
.contatti_consenso label {
display: flex;
align-items: flex-start;
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #121212;
}
.contatti_consenso input[type="checkbox"] {
width: 16px;
height: 16px;
flex: 0 0 16px;
margin: 0 8px 0 0;
accent-color: #121212;
}
.contatti_consenso a {
color: #121212;
text-decoration: underline;
}
.contatti_invio {
margin-top: 24px;
}
.contatti_form .wpcf7-response-output {
margin: 24px 0 0;
padding: 0;
border: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 16px;
line-height: 24px;
color: #121212;
}
.contatti_form .wpcf7-not-valid-tip {
margin-top: 4px;
font-family: "Instrument Sans", sans-serif;
font-size: 13px;
line-height: 16px;
color: #7A2A2A;
}
.newsletter_fascia {
--wpex-vc-gutter: 0px;
margin-top: 78px;
}
.newsletter_fascia > .wpb_column {
position: relative;
}
.newsletter_titolo_testo h2 {
font-size: 46px;
line-height: 52px;
}
.newsletter_campo label {
display: block;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #FAF9F6;
}
.newsletter_modulo .wpcf7-form-control-wrap {
display: block;
}
.newsletter_modulo input[type="email"] {
display: block;
box-sizing: border-box;
width: 100%;
height: 17px;
margin: 0;
padding: 0;
border: 0;
border-bottom: 3px solid #FAF9F6;
border-radius: 0;
background: none;
box-shadow: none;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
line-height: 14px;
color: #FAF9F6;
}
.newsletter_consenso .wpcf7-form-control,
.newsletter_consenso .wpcf7-list-item {
display: block;
margin: 0;
}
.newsletter_consenso label {
display: flex;
align-items: flex-start;
margin: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #FAF9F6;
}
.newsletter_consenso input[type="checkbox"] {
width: 16px;
height: 16px;
flex: 0 0 16px;
margin: 0 8px 0 0;
accent-color: #FAF9F6;
}
.newsletter_consenso a {
color: #FAF9F6;
text-decoration: underline;
}
.newsletter_fascia a:focus-visible,
.newsletter_fascia button:focus-visible,
.newsletter_fascia input:focus-visible {
outline: 2px solid #FAF9F6;
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.85);
}
.newsletter_invio button {
display: block;
width: 30px;
height: 30px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.newsletter_invio img {
display: block;
width: 30px;
height: 30px;
max-width: none;
}
.newsletter_modulo .wpcf7-response-output {
margin: 24px 0 0;
padding: 0;
border: 0;
font-family: "Instrument Sans", sans-serif;
font-size: 16px;
line-height: 24px;
color: #FAF9F6;
}
.newsletter_modulo .wpcf7-not-valid-tip {
margin-top: 4px;
font-family: "Instrument Sans", sans-serif;
font-size: 13px;
line-height: 16px;
color: #FAF9F6;
}
.contatti_dati_colonne {
margin-top: 36px;
margin-right: 0;
margin-left: 0;
}
.contatti_dati_colonne > .wpb_column > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.contatti_dati_valore {
min-height: 56px;
margin-top: 6px;
}
.contatti_dati_valore a {
text-decoration: none;
}
.contatti_dati_valore a:hover {
text-decoration: underline;
}
.contatti_social > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.contatti_social .contatti_dati_etichetta {
flex: 0 0 100%;
}
.contatti_social_icona {
margin-top: 32px;
margin-right: 21px;
margin-bottom: 0;
margin-left: 0;
}
.contatti_social_icona .vcex-image-inner {
display: block;
}
.contatti_social_icona .vcex-image-img {
display: block;
max-width: none;
}
.contatti_social_icona a {
display: block;
}
.contatti_social_ig .vcex-image-img {
width: 22px;
height: 22px;
}
.contatti_social_fb .vcex-image-img {
width: 13px;
height: 23px;
}
@media screen and (min-width: 1024px) {
.contatti_reparti > .vc_column-inner {
padding-right: 15px;
padding-left: 86px;
}
}
.contatti_reparti_colonne {
margin-right: 0;
margin-left: 0;
}
.contatti_reparti_colonne > .wpb_column > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.contatti_reparto_nome h3 {
margin: 0;
}
.contatti_reparto_etichetta {
margin-top: 10px;
}
.contatti_reparto_valore {
min-height: 0;
margin-top: 10px;
}
@media screen and (max-width: 1023px) {
.contatti_reparti_colonne > .wpb_column {
float: none;
width: 100%;
}
.contatti_reparti_colonne > .wpb_column + .wpb_column {
margin-top: 32px;
}
.contatti_reparto_nome h3 {
font-size: 24px;
line-height: 30px;
}
}
.contatti_panorama_riga {
margin-top: 221px;
}
.contatti_panorama_foto .vcex-image-inner {
display: block;
}
.contatti_panorama_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 1024px) {
body.page-id-114 #site-header.header-five #site-header-inner {
padding-right: 24px;
padding-left: 19px;
}
body.page-id-114 #site-navigation .main-navigation-ul > li#menu-item-logo .logo-img--base,
body.single-vino #site-navigation .main-navigation-ul > li#menu-item-logo .logo-img--base,
body.single-post #site-navigation .main-navigation-ul > li#menu-item-logo .logo-img--base {
width: 247px;
}
.newsletter_titolo > .vc_column-inner {
padding-top: 92px;
padding-right: 0;
padding-bottom: 100px;
padding-left: 68px;
}
.newsletter_modulo > .vc_column-inner {
padding-top: 80px;
padding-right: 118px;
padding-bottom: 0;
padding-left: 62px;
}
.newsletter_invio {
position: absolute;
top: 188px;
right: 121px;
}
.newsletter_consenso {
margin-top: 97px;
}
.contatti_dati > .vc_column-inner {
padding-left: 86px;
}
.contatti_dati_colonne {
display: flex;
align-items: flex-start;
}
.contatti_dati_colonne > .wpb_column {
float: none;
width: 546px;
flex: 0 1 546px;
}
.contatti_dati_colonne > .wpb_column.contatti_social {
width: 139px;
flex: 0 0 139px;
}
}
@media screen and (max-width: 1023px) {
.contatti_intro_riga {
padding-top: 126px;
}
.contatti_intro_titolo h1 {
font-size: 26px;
line-height: 32px;
}
.contatti_form_riga {
margin-top: 88px;
}
.contatti_form > .vc_column-inner {
max-width: none;
}
.contatti_riga_due {
display: block;
margin-top: 48px;
}
.contatti_riga_due .contatti_campo_meta + .contatti_campo_meta {
margin-top: 48px;
}
.contatti_form .contatti_campo_meta input {
height: 45px;
}
.contatti_campo_messaggio {
margin-top: 48px;
}
.contatti_form .contatti_campo_messaggio textarea {
height: 160px;
}
.newsletter_fascia {
margin-top: 39px;
}
.newsletter_fascia > .wpb_column {
float: none;
width: 100%;
}
.newsletter_titolo > .vc_column-inner {
padding-top: 68px;
padding-right: 0;
padding-left: 0;
}
.newsletter_titolo_testo h2 {
font-size: 26px;
line-height: 32px;
}
.newsletter_modulo > .vc_column-inner {
padding-top: 48px;
padding-right: 0;
padding-bottom: 68px;
padding-left: 0;
}
.newsletter_modulo .wpcf7-form {
display: flex;
flex-direction: column;
}
.newsletter_consenso {
order: 1;
}
.newsletter_modulo .wpcf7-response-output {
order: 2;
}
.newsletter_invio {
margin-top: 24px;
}
.newsletter_invio button {
margin-left: auto;
}
.newsletter_consenso {
margin-top: 24px;
}
.contatti_dati_colonne > .wpb_column {
float: none;
width: 100%;
}
.contatti_dati_colonne > .wpb_column + .wpb_column {
margin-top: 32px;
}
.contatti_dati_ragione,
.contatti_dati_valore {
font-size: 17px !important;
line-height: 24px !important;
}
.contatti_dati_valore {
min-height: 48px;
}
.contatti_panorama_riga {
margin-top: 114px;
}
}
body.page-id-109 .hero_territorio_riga.hero_territorio_riga::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: 280px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 100px, rgba(0, 0, 0, 0) 280px);
pointer-events: none;
}
.hero_territorio {
box-sizing: border-box;
height: 903px;
padding-top: 533px;
padding-left: 18px;
}
.hero_territorio.wpb_column.vc_column_container {
position: static;
}
.hero_territorio_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.hero_territorio_media .vcex-image-img {
display: block;
}
.hero_territorio_titolo {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.hero_territorio_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.hero_territorio_occhiello {
position: relative;
z-index: 2;
margin-top: -67px;
margin-bottom: 0;
margin-left: 677px;
}
.hero_territorio_occhiello p {
margin: 0;
}
.hero_territorio_titolo,
.hero_territorio_occhiello,
.paesaggio_titolo,
.paesaggio_paragrafo,
.viticoltura_titolo,
.viticoltura_intro,
.numeri_didascalia,
.terroir_titolo,
.terroir_intro,
.sapevi_titolo,
.sapevi_intro {
max-width: 100%;
}
.paesaggio_riga {
margin-top: 17px;
}
.paesaggio_riga > .wpb_column.paesaggio_testo {
position: static;
padding-top: 70px;
padding-left: 109px;
}
.paesaggio_riga > .wpb_column.paesaggio_testo > .vc_column-inner {
padding-right: 0;
}
.paesaggio_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.paesaggio_paragrafo p {
margin: 0;
}
.paesaggio_paragrafo p + p {
margin-top: 28px;
}
.paesaggio_foto {
width: 100%;
max-width: 466px;
margin: 0 0 0 auto;
}
.paesaggio_foto .vcex-image-inner {
display: block;
}
.paesaggio_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.paesaggio_decoro {
position: absolute;
z-index: 0;
top: 808px;
left: -5px;
width: 470px;
height: 192px;
overflow: hidden;
margin: 0;
pointer-events: none;
}
.paesaggio_decoro .vcex-image-inner {
display: block;
}
.paesaggio_decoro .vcex-image-img {
display: block;
width: 578px;
max-width: none;
height: 192px;
margin-left: -108px;
}
@media screen and (min-width: 1441px) {
.paesaggio_decoro {
left: calc((100% - 100vw) / 2);
}
}
.viticoltura_riga {
margin-top: 407px;
}
.viticoltura_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.viticoltura_intro p {
margin: 0;
}
.numeri_riga {
margin-top: 84px;
}
.numeri_foto .vcex-image-inner {
display: block;
}
.numeri_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.numeri_card_riga {
display: flex;
position: relative;
z-index: 1;
box-sizing: border-box;
max-width: 952px;
overflow: hidden;
margin: -112px auto 0;
padding: 66px 0 61px 61px;
background-color: #FFFFFF;
}
.numeri_card_riga::before,
.numeri_card_riga::after {
display: none !important;
}
.numeri_card_riga > .wpb_column.numeri_col {
float: none;
flex: 0 0 305px;
}
.numeri_card_riga > .wpb_column.numeri_col > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.numeri_valore p,
.numeri_didascalia p {
margin: 0;
}
.card_bianca > .vc_column-inner {
box-sizing: border-box;
padding: 40px 40px 0;
background-color: #FFFFFF;
}
.card_titolo {
margin-right: -40px;
margin-left: -40px;
}
.card_titolo h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.card_sottotitolo p {
margin: 0;
}
.terroir_riga {
margin-top: 202px;
}
.terroir_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.terroir_intro p {
margin: 0;
}
.terroir_foto .vcex-image-inner {
display: block;
}
.terroir_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.terroir_card_riga {
display: flex;
position: relative;
z-index: 1;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: center;
margin: -114px 0 0;
column-gap: 21px;
}
.terroir_card_riga::before,
.terroir_card_riga::after {
display: none !important;
}
.terroir_card_riga + .terroir_card_riga {
margin-top: 26px;
}
.terroir_card_riga > .wpb_column.terroir_card {
float: none;
min-width: 0;
flex: 0 1 432px;
}
.terroir_card_riga > .wpb_column.terroir_card > .vc_column-inner {
height: 234px;
}
.sapevi_riga {
margin-top: 291px;
}
.sapevi_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.sapevi_intro p {
margin: 0;
}
.sapevi_griglia {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
margin-top: 40px;
margin-right: 0;
margin-left: 0;
padding-left: 67px;
}
.sapevi_griglia::before,
.sapevi_griglia::after {
display: none !important;
}
.sapevi_griglia > .wpb_column {
float: none;
}
.sapevi_griglia > .wpb_column > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.sapevi_col_titolo {
min-width: 0;
flex: 0 1 386px;
}
.sapevi_col_titolo > .vc_column-inner {
padding-top: 19px;
}
.sapevi_col_testo {
min-width: 0;
flex: 0 1 367px;
margin-left: 59px;
}
.sapevi_col_testo > .vc_column-inner {
padding-top: 20px;
}
.sapevi_col_foto {
min-width: 0;
flex: 0 1 425px;
margin-left: 35px;
}
.sapevi_riga_titolo h3 {
margin: 0;
font-size: 46px;
line-height: 52px;
}
.sapevi_riga_testo p {
margin: 0;
}
.sapevi_foto .vcex-image-inner {
display: block;
}
.sapevi_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.sapevi_linea {
max-width: calc(100% - 61px);
margin-top: 39px;
margin-left: 61px;
}
@media screen and (min-width: 1024px) {
.marquee_riga.marquee_dintorni {
margin-top: 180px;
}
}
.marquee_riga.marquee_dintorni .wpb_column.marquee_track {
animation-duration: 31.17s;
}
.dintorni_riga {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 200px;
column-gap: 23px;
row-gap: 82px;
}
.dintorni_riga::before,
.dintorni_riga::after {
display: none !important;
}
.dintorni_riga > .wpb_column.dintorni_cella {
float: none;
max-width: calc((100% - 23px) / 2);
min-width: 0;
flex: 0 1 698px;
}
.dintorni_riga > .wpb_column.dintorni_cella > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.dintorni_foto .vcex-image-inner {
display: block;
}
.dintorni_foto .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.dintorni_card_riga {
position: absolute;
z-index: 1;
width: 396px;
margin: 0;
}
.dintorni_card_riga > .wpb_column.dintorni_card {
float: none;
width: 100%;
}
.dintorni_card_riga > .wpb_column.dintorni_card > .vc_column-inner {
height: 206px;
padding: 26px 26px 0;
}
.dintorni_card .card_titolo {
margin-right: -26px;
margin-left: -26px;
}
.dintorni_card .card_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.dintorni_card_bd {
right: 0;
bottom: -35px;
}
.dintorni_card_bs {
bottom: -35px;
left: 0;
}
.dintorni_card_ad {
top: -31px;
right: 0;
}
.dintorni_card_as {
top: -31px;
left: 0;
}
@media screen and (max-width: 1023px) {
body.page-id-109 .hero_territorio_riga.hero_territorio_riga.wpb_row::before {
height: 200px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 80px, rgba(0, 0, 0, 0) 200px);
}
.hero_territorio {
display: flex;
box-sizing: border-box;
height: 520px;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
padding-left: 0;
}
.hero_territorio .vcex-image.hero_territorio_media .vcex-image-img {
height: 520px;
}
.hero_territorio .hero_territorio_titolo {
width: auto !important;
}
.hero_territorio_titolo h1 {
font-size: 34px;
line-height: 40px;
}
.hero_territorio .hero_territorio_occhiello {
width: auto !important;
margin-top: 24px;
margin-left: 0;
font-size: 12px !important;
line-height: 18px !important;
}
.paesaggio_riga.paesaggio_riga {
display: flex;
flex-direction: column-reverse;
}
.paesaggio_riga::before,
.paesaggio_riga::after {
display: none !important;
}
.paesaggio_riga > .wpb_column {
float: none;
width: 100%;
}
.paesaggio_riga > .wpb_column.paesaggio_testo {
padding-top: 32px;
padding-left: 0;
}
.paesaggio_riga > .wpb_column.paesaggio_testo > .vc_column-inner {
padding-right: 15px;
}
.paesaggio_foto {
max-width: none;
margin-left: 0;
}
.paesaggio_testo .paesaggio_titolo {
width: auto !important;
margin-bottom: 24px !important;
}
.paesaggio_titolo h2 {
font-size: 30px;
line-height: 34px;
}
.paesaggio_testo .paesaggio_paragrafo {
width: auto !important;
font-size: 17px !important;
line-height: 26px !important;
}
.paesaggio_paragrafo p + p {
margin-top: 26px;
}
.paesaggio_decoro {
top: 100%;
left: -5px;
width: 282px;
height: 115px;
margin-top: 40px;
}
.paesaggio_decoro .vcex-image-img {
width: 347px;
height: 115px;
margin-left: -65px;
}
.viticoltura_riga {
margin-top: 204px;
}
.viticoltura .viticoltura_titolo {
width: auto !important;
margin-bottom: 32px !important;
}
.viticoltura_titolo h2 {
font-size: 30px;
line-height: 34px;
}
.viticoltura .viticoltura_intro {
width: auto !important;
font-size: 17px !important;
line-height: 26px !important;
}
.numeri_riga {
margin-top: 42px;
}
.numeri_card_riga {
display: block;
max-width: none;
margin-top: 32px;
padding: 24px;
}
.numeri_card_riga > .wpb_column.numeri_col {
float: none;
width: 100%;
}
.numeri_card_riga > .wpb_column.numeri_col + .wpb_column.numeri_col {
margin-top: 32px;
}
.numeri_col .numeri_valore {
font-size: 34px !important;
line-height: 40px !important;
}
.numeri_col .numeri_didascalia {
width: auto !important;
font-size: 12px !important;
line-height: 16px !important;
}
.card_bianca > .vc_column-inner {
padding: 24px;
}
.card_titolo {
margin-right: -24px;
margin-left: -24px;
}
.terroir_riga {
margin-top: 101px;
}
.terroir .terroir_titolo {
width: auto !important;
margin-bottom: 32px !important;
}
.terroir_titolo h2 {
font-size: 30px;
line-height: 34px;
}
.terroir .terroir_intro {
width: auto !important;
margin-bottom: 40px !important;
font-size: 17px !important;
line-height: 26px !important;
}
.terroir_card_riga {
display: block;
margin-top: -40px;
}
.terroir_card_riga + .terroir_card_riga {
margin-top: 24px;
}
.terroir_card_riga > .wpb_column.terroir_card {
float: none;
width: 100%;
}
.terroir_card_riga > .wpb_column.terroir_card + .wpb_column.terroir_card {
margin-top: 24px;
}
.terroir_card_riga > .wpb_column.terroir_card > .vc_column-inner {
height: auto;
}
.sapevi_riga {
margin-top: 115px;
}
.sapevi .sapevi_titolo {
width: auto !important;
margin-bottom: 24px !important;
}
.sapevi_titolo h2 {
font-size: 30px;
line-height: 34px;
}
.sapevi .sapevi_intro {
width: auto !important;
margin-bottom: 87px !important;
font-size: 17px !important;
line-height: 26px !important;
}
.sapevi_griglia {
flex-direction: column;
margin-top: 32px;
padding-left: 0;
}
.sapevi_griglia > .wpb_column {
width: 100%;
flex: 0 0 auto;
margin-left: 0;
}
.sapevi_col_titolo {
order: 1;
padding-top: 0;
}
.sapevi_col_foto {
order: 2;
margin-top: 24px;
}
.sapevi_col_testo {
order: 3;
margin-top: 24px;
padding-top: 0;
}
.sapevi_riga_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.sapevi .sapevi_linea {
width: auto !important;
margin-top: 32px;
margin-left: 0;
}
.marquee_riga.marquee_dintorni .wpb_column.marquee_track {
animation-duration: 14.96s;
}
.dintorni_riga {
display: block;
padding-bottom: 100px;
}
.dintorni_riga > .wpb_column.dintorni_cella {
float: none;
width: 100%;
max-width: none;
}
.dintorni_riga > .wpb_column.dintorni_cella + .wpb_column.dintorni_cella {
margin-top: 32px;
}
.dintorni_card_riga {
position: static;
width: auto;
margin-top: 32px;
}
.dintorni_card_riga > .wpb_column.dintorni_card > .vc_column-inner {
height: auto;
}
}
body.page-id-108 .az_hero_riga.az_hero_riga::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: 280px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 100px, rgba(0, 0, 0, 0) 280px);
pointer-events: none;
}
.az_hero {
box-sizing: border-box;
height: 903px;
padding-top: 533px;
padding-left: 18px;
}
.az_hero.wpb_column.vc_column_container {
position: static;
}
.az_hero_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.az_hero_media .vcex-image-img {
display: block;
}
.az_hero_titolo {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.az_hero_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.az_hero_occhiello {
position: relative;
z-index: 2;
margin-top: -54px;
margin-bottom: 0;
margin-left: 680px;
}
.az_hero_occhiello p {
margin: 0;
}
.az_hero_titolo,
.az_hero_occhiello {
max-width: 100%;
}
.az_tappa {
position: relative;
}
.az_tappa > .wpb_column.az_tappa_col.vc_column_container {
position: static;
}
.az_tappa > .wpb_column.az_tappa_col > .vc_column-inner {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
}
.az_tappa_data,
.az_tappa_occhiello,
.az_tappa_titolo,
.az_tappa_corpo {
position: relative;
z-index: 2;
}
.az_tappa .az_tappa_data,
.az_tappa .az_tappa_occhiello,
.az_tappa .az_tappa_titolo,
.az_tappa .az_tappa_corpo {
max-width: calc(100% - 788px);
}
.az_tappa_05 .az_tappa_data,
.az_tappa_05 .az_tappa_occhiello,
.az_tappa_05 .az_tappa_titolo,
.az_tappa_05 .az_tappa_corpo {
max-width: calc(100% - 244px);
}
.az_tappa_sx .az_tappa_data,
.az_tappa_sx .az_tappa_occhiello,
.az_tappa_sx .az_tappa_titolo,
.az_tappa_sx .az_tappa_corpo {
margin-left: 122px;
}
.az_tappa_dx .az_tappa_data,
.az_tappa_dx .az_tappa_occhiello,
.az_tappa_dx .az_tappa_titolo,
.az_tappa_dx .az_tappa_corpo {
margin-left: 670px;
}
.az_tappa_sx .az_tappa_occhiello {
margin-left: 121px;
}
.az_tappa_sx .az_tappa_titolo {
margin-left: 118px;
}
.az_tappa_dx .az_tappa_occhiello {
margin-left: 669px;
}
.az_tappa_dx .az_tappa_titolo {
margin-left: 666px;
}
.az_tappa_occhiello h2,
.az_tappa_titolo h2 {
margin: 0;
}
.az_tappa_titolo h2 {
font-size: 46px;
line-height: 52px;
}
.az_tappa_data p,
.az_tappa_occhiello p {
margin: 0;
}
.az_tappa_nato {
display: block;
margin-top: 6px;
font-size: 14px;
text-transform: none;
}
.az_tappa_corpo {
margin-bottom: 0;
}
.az_tappa_corpo p {
margin: 0;
}
.az_foto,
.az_decoro {
position: absolute;
margin: 0;
}
.az_foto .vcex-image-inner,
.az_decoro .vcex-image-inner {
display: block;
overflow: hidden;
}
.az_foto .vcex-image-img,
.az_decoro .vcex-image-img {
display: block;
max-width: none;
}
.az_foto_1a,
.az_foto_1b,
.az_foto_3a,
.az_foto_3b,
.az_foto_5a {
margin-right: max(0px, 50% - 720px);
}
.az_foto_2a,
.az_foto_2b,
.az_foto_4a,
.az_foto_4b,
.az_foto_4c {
margin-left: max(0px, 50% - 720px);
}
.az_tappa_01 {
min-height: 420px;
margin-top: 163px;
}
.az_tappa_01 > .wpb_column > .vc_column-inner {
padding-top: 32px;
}
.az_foto_1a {
top: 0;
right: 284px;
}
.az_foto_1a .vcex-image-inner,
.az_foto_1b .vcex-image-inner {
width: 260px;
height: 375px;
}
.az_foto_1a .vcex-image-img,
.az_foto_1b .vcex-image-img {
width: 100%;
height: 100%;
margin-left: 0;
object-fit: cover;
}
.az_foto_1b {
top: 0;
right: 0;
}
.az_decoro_1 {
top: 604px;
left: 0;
}
.az_decoro_1 .vcex-image-inner {
width: 470px;
height: 80px;
}
.az_decoro_1 .vcex-image-img {
width: 578px;
height: 80px;
margin-left: -108px;
}
.az_tappa_02 {
min-height: 459px;
margin-top: 251px;
}
.az_tappa_02 > .wpb_column > .vc_column-inner {
padding-top: 29px;
}
.az_foto_2a {
top: 0;
left: 0;
}
.az_foto_2b {
top: 0;
left: 284px;
}
.az_foto_2a .vcex-image-inner,
.az_foto_2b .vcex-image-inner {
width: 260px;
height: 375px;
}
.az_foto_2a .vcex-image-img,
.az_foto_2b .vcex-image-img {
width: 100%;
height: 100%;
margin-left: 0;
object-fit: cover;
}
.az_decoro_2 {
top: 542px;
right: 0;
}
.az_decoro_2 .vcex-image-inner {
width: 247px;
height: 76px;
}
.az_decoro_2 .vcex-image-img {
width: 360px;
height: 76px;
}
.az_tappa_03 {
min-height: 624px;
}
@media screen and (min-width: 1024px) {
.az_tappa_03,
.az_tappa_05 {
margin-top: 280px;
}
}
.az_foto_3a {
top: 8px;
right: 0;
}
.az_foto_3a .vcex-image-inner {
width: 355px;
}
.az_foto_3b {
top: 278px;
right: 0;
}
.az_foto_3b .vcex-image-inner {
width: 503px;
}
.az_decoro_3 {
top: 621px;
left: 0;
}
.az_decoro_3 .vcex-image-inner {
position: relative;
width: 255px;
height: 129px;
}
.az_decoro_3 .vcex-image-img {
position: absolute;
top: 54px;
left: -112px;
width: 360px;
height: 76px;
transform-origin: 0 0;
transform: rotate(-8.667deg);
}
.az_gen {
display: inline-flex;
align-items: center;
gap: 5px;
margin-right: 16px;
vertical-align: 3px;
}
.az_tappa_nato {
white-space: nowrap;
}
.az_gen i {
display: block;
width: 9px;
height: 2px;
background-color: #D8CCB8;
}
.az_gen_1 i:nth-child(1),
.az_gen_2 i:nth-child(2),
.az_gen_3 i:nth-child(3),
.az_gen_4 i:nth-child(4),
.az_gen_5 i:nth-child(5) {
width: 22px;
background-color: #7A2A2A;
}
.az_tappa_corpo .az_chiusura {
margin-top: 28px;
}
.az_valori_card_testo .az_valori_chiusura {
margin-top: 20px;
}
.az_foto_5a {
top: 24px;
right: 0;
}
/* La foto e' servita al doppio (576px) per gli schermi a densita' doppia: la misura a schermo va
detta qui, non lasciata alla dimensione del file. */
.az_foto_5a .vcex-image-inner {
width: 288px;
}
.az_foto_5a .vcex-image-img {
width: 100%;
height: auto;
}
.az_vitigni_intro_riga {
margin-top: 207px;
}
.az_vitigni_intro > .vc_column-inner {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
padding-right: 47px;
padding-left: 59px;
}
@media screen and (max-width: 1023px) {
.az_vitigni_intro_riga {
margin-top: 104px;
}
.az_vitigni_intro > .vc_column-inner {
padding-right: 20px;
padding-left: 20px;
}
}
.az_tappa_04 {
min-height: 420px;
}
.az_tappa_04 > .wpb_column > .vc_column-inner {
padding-top: 110px;
}
.az_foto_4a {
top: 0;
left: 0;
}
.az_foto_4a .vcex-image-inner,
.az_foto_4b .vcex-image-inner,
.az_foto_4c .vcex-image-inner {
width: 205px;
height: 138px;
}
.az_foto_4a .vcex-image-img,
.az_foto_4b .vcex-image-img,
.az_foto_4c .vcex-image-img {
width: 100%;
height: 100%;
margin-left: 0;
object-fit: cover;
}
.az_foto_4b {
top: 0;
left: 221px;
}
.az_foto_4c {
top: 0;
left: 442px;
}
.az_galleria > .vc_column-inner {
padding-right: 24px;
padding-left: 24px;
}
.az_galleria_pista {
--wpex-carousel-arrows-margin-block: 78px;
--wpex-carousel-arrows-gap: 13px;
}
.az_galleria_pista .wpex-carousel-entry-media {
display: block;
margin: 0;
}
/* Le foto della galleria sono servite al doppio (978px di altezza): l'altezza a schermo resta 489,
la larghezza segue le proporzioni di ciascuna (391 le tre in 4:5, 362 il logo al muro). */
.az_galleria_pista .wpex-carousel-entry-media img {
display: block;
width: auto;
max-width: none;
height: 489px;
border-radius: 8px;
}
.az_vitigni_riga {
margin-top: 40px;
}
.az_vitigni_indizio_riga {
display: none;
}
.az_vitigni_riga_nomi,
.az_vitigni_riga_anni {
margin: 0;
}
.az_vitigni_riga .wpb_column {
float: none;
width: 100%;
}
.az_vitigni_nomi > .vc_column-inner,
.az_vitigni_anni > .vc_column-inner {
max-width: 1440px;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
}
.az_vitigni_nomi > .vc_column-inner > .wpb_wrapper,
.az_vitigni_anni > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
padding-right: 47px;
padding-left: 59px;
}
.az_vitigni_nome,
.az_vitigni_anno {
display: flex;
min-width: 0;
flex: 0 1 89px;
align-items: flex-end;
justify-content: center;
margin-bottom: 0;
}
.az_vitigni_nome p,
.az_vitigni_anno p {
writing-mode: vertical-rl;
margin: 0;
transform: rotate(180deg);
}
.az_vitigni_nome p {
height: 240px;
}
.az_vitigni_anno p {
height: 85px;
white-space: nowrap;
}
.az_vitigni_riga_anni {
height: 85px;
margin-top: -12px;
}
.az_vitigni_asse {
display: flex;
position: relative;
width: 100%;
margin: -7px 0 0;
}
.az_vitigni_asse .vcex-image-inner {
display: block;
overflow: hidden;
width: 100%;
}
.az_vitigni_asse .vcex-image-img {
display: block;
width: calc(100% + 35px);
max-width: none;
height: 81px;
margin-left: -12px;
}
.az_valori_riga {
margin-top: 223px;
}
.az_valori_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.az_valori_occhiello p {
margin: 0;
}
.az_valori_card_riga {
margin-right: -11px;
margin-left: -11px;
}
.az_valori_card > .vc_column-inner {
padding-right: 11px;
padding-left: 11px;
}
.az_valori_card > .vc_column-inner > .wpb_wrapper {
box-sizing: border-box;
min-height: 356px;
padding-top: 40px;
padding-bottom: 40px;
background-color: #FFFFFF;
}
.az_valori_card_titolo h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.az_valori_card_testo {
margin-bottom: 0;
}
.az_valori_card_testo p {
margin: 0;
}
@media screen and (max-width: 1023px) {
body.page-id-108 .az_hero_riga.az_hero_riga.wpb_row::before {
height: 200px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 80px, rgba(0, 0, 0, 0) 200px);
}
.hero_riga.hero_riga.wpb_row::before,
.vini_hero_riga.vini_hero_riga.wpb_row::before,
.esp_hero_riga.esp_hero_riga.wpb_row::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: 200px;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 80px, rgba(0, 0, 0, 0) 200px);
pointer-events: none;
}
.news_hero_riga.news_hero_riga.wpb_row::before {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0.5) 80px, rgba(0, 0, 0, 0) 200px);
background-repeat: no-repeat;
background-size: 100% 200px;
}
.az_hero {
display: flex;
box-sizing: border-box;
height: 520px;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
padding-left: 0;
}
.az_hero .vcex-image.az_hero_media .vcex-image-img {
height: 520px;
object-position: 62% 50%;
}
.az_hero .az_hero_titolo {
width: auto !important;
}
.az_hero_titolo h1 {
font-size: 34px;
line-height: 40px;
}
.az_hero .az_hero_occhiello {
width: auto !important;
margin-top: 24px;
margin-left: 0;
font-size: 12px !important;
line-height: 18px !important;
}
.az_tappa {
min-height: 0;
}
.az_tappa > .wpb_column > .vc_column-inner {
padding-right: 20px;
padding-left: 20px;
}
.az_tappa_01 {
min-height: 0;
margin-top: 82px;
}
.az_tappa_02 {
min-height: 0;
margin-top: 126px;
}
.az_tappa_03 {
min-height: 0;
}
.az_tappa_04 {
min-height: 0;
}
.az_tappa_01 > .wpb_column > .vc_column-inner,
.az_tappa_02 > .wpb_column > .vc_column-inner,
.az_tappa_04 > .wpb_column > .vc_column-inner {
padding-top: 0;
}
.az_tappa .az_tappa_data,
.az_tappa .az_tappa_occhiello,
.az_tappa .az_tappa_titolo,
.az_tappa .az_tappa_corpo {
width: auto !important;
max-width: 100%;
margin-left: 0;
}
.az_tappa_data {
font-size: 21px !important;
line-height: 25px !important;
}
.az_tappa_occhiello {
font-size: 20px !important;
line-height: 26px !important;
}
.az_tappa_titolo h2 {
font-size: 28px;
line-height: 34px;
}
.az_tappa_corpo {
font-size: 17px !important;
line-height: 26px !important;
}
.az_foto,
.az_decoro {
display: flex;
position: static;
width: 100%;
justify-content: center;
margin-top: 24px;
}
.az_foto .vcex-image-inner,
.az_decoro .vcex-image-inner {
width: auto !important;
max-width: 100%;
height: auto !important;
}
.az_foto .vcex-image-img {
width: auto;
max-width: 100%;
height: auto;
margin-left: 0;
}
.az_foto_1a .vcex-image-inner,
.az_foto_1b .vcex-image-inner,
.az_foto_2a .vcex-image-inner,
.az_foto_2b .vcex-image-inner {
width: 236px !important;
height: 340px !important;
}
.az_foto_1a .vcex-image-img,
.az_foto_1b .vcex-image-img,
.az_foto_2a .vcex-image-img,
.az_foto_2b .vcex-image-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.az_foto_4a .vcex-image-inner,
.az_foto_4b .vcex-image-inner,
.az_foto_4c .vcex-image-inner {
width: 100% !important;
max-width: 344px;
height: auto !important;
}
.az_decoro .vcex-image-img {
position: static;
width: 100%;
height: auto;
margin-left: 0;
transform: none;
}
.az_galleria > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.az_galleria_pista {
--wpex-carousel-arrows-margin-block: 39px;
}
/* da telefono le foto delle tappe vanno a larghezza naturale: i cugini sono serviti a 576px,
ma a schermo restano 288 come prima */
.az_foto_5a .vcex-image-img {
width: 288px;
max-width: 100%;
}
.az_vitigni_riga {
margin-top: 104px;
}
.az_vitigni > .vc_column-inner {
overflow-x: auto;
}
.az_vitigni > .vc_column-inner:focus-visible {
outline: 2px solid #7A2A2A;
outline-offset: -2px;
}
.az_vitigni::after {
content: "";
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
width: 56px;
background: linear-gradient(to right, rgba(250, 249, 246, 0), rgba(250, 249, 246, 0.92) 78%, #FAF9F6);
pointer-events: none;
}
.az_vitigni_indizio_riga {
display: block;
margin-top: 18px;
}
.az_vitigni_riga_nomi,
.az_vitigni_asse,
.az_vitigni_riga_anni {
min-width: 1440px;
}
.az_valori_riga {
margin-top: 112px;
}
.az_valori .az_valori_titolo,
.az_valori .az_valori_occhiello {
width: auto !important;
}
.az_valori_titolo h2 {
font-size: 30px;
line-height: 34px;
}
.az_valori_occhiello {
font-size: 17px !important;
line-height: 26px !important;
margin-bottom: 48px !important;
}
.az_valori_card_riga {
margin-right: 0;
margin-left: 0;
}
.az_valori_card_riga > .wpb_column.az_valori_card {
float: none;
width: 100%;
}
.az_valori_card > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.az_valori_card + .az_valori_card {
margin-top: 32px;
}
.az_valori_card > .vc_column-inner > .wpb_wrapper {
min-height: 0;
padding: 32px 20px;
}
.az_valori_card_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.az_valori .az_valori_card_testo {
width: auto !important;
max-width: 100%;
}
}
body.page-id-112 .esp_hero_riga.esp_hero_riga {
margin-bottom: 0;
}
.esp_hero {
box-sizing: border-box;
height: 909px;
padding-top: 533px;
padding-left: 18px;
}
.esp_hero.wpb_column.vc_column_container {
position: static;
}
.esp_hero_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.esp_hero_media .vcex-image-img {
display: block;
}
.esp_hero_titolo {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.esp_hero_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.esp_hero_occhiello {
position: relative;
z-index: 2;
margin-top: -53px;
margin-bottom: 0;
margin-left: 861px;
}
.esp_hero_occhiello p {
margin: 0;
}
.esp_hero_titolo,
.esp_hero_occhiello {
max-width: 100%;
}
.esp_iframe_riga {
margin-top: 191px;
margin-bottom: 160px;
}
.esp_iframe > .vc_column-inner > .wpb_wrapper {
width: 1347px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.esp_iframe_nota {
display: flex;
box-sizing: border-box;
align-items: center;
justify-content: center;
min-height: 1248px;
margin: 0;
}
.esp_iframe_nota p {
display: none;
margin: 0;
}
body.admin-bar .esp_iframe_nota {
border: 1px dashed rgba(122, 42, 42, 0.45);
border-radius: 13px;
}
body.admin-bar .esp_iframe_nota p {
display: block;
}
@media screen and (max-width: 1023px) {
.esp_hero {
display: flex;
box-sizing: border-box;
height: 520px;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
padding-left: 0;
}
.esp_hero .vcex-image.esp_hero_media .vcex-image-img {
height: 520px;
}
.esp_hero .esp_hero_titolo {
width: auto !important;
}
.esp_hero_titolo h1 {
font-size: 31px;
line-height: 36px;
}
.esp_hero .esp_hero_occhiello {
width: auto !important;
margin-top: 24px;
margin-left: 0;
font-size: 12px !important;
line-height: 18px !important;
}
.esp_iframe_riga {
margin-top: 96px;
margin-bottom: 106px;
}
.esp_iframe_nota {
min-height: 624px;
}
}
body.page-id-110 .vini_hero_riga.vini_hero_riga {
margin-bottom: 0;
}
.vini_hero {
box-sizing: border-box;
height: 903px;
padding-top: 533px;
padding-left: 18px;
}
.vini_hero.wpb_column.vc_column_container {
position: static;
}
.vini_hero_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.vini_hero_media .vcex-image-img {
display: block;
}
.vini_hero_titolo {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.vini_hero_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.vini_hero_occhiello {
position: relative;
z-index: 2;
margin-top: -54px;
margin-bottom: 0;
margin-left: 236px;
}
.vini_hero_occhiello p {
margin: 0;
}
.vini_hero_titolo,
.vini_hero_occhiello {
max-width: 100%;
}
.vini_indice_riga {
margin-top: 113px;
margin-right: -11px;
margin-bottom: 0;
margin-left: -11px;
}
.vini_indice_riga > .wpb_column.vini_indice_card > .vc_column-inner {
padding-right: 11px;
padding-left: 11px;
}
.vini_indice_card > .vc_column-inner > .wpb_wrapper {
display: flex;
box-sizing: border-box;
min-height: 264px;
flex-direction: column;
padding-top: 40px;
background-color: #FFFFFF;
}
.vini_indice_titolo h3 {
margin: 0;
font-size: 28px;
line-height: 34px;
}
.vini_indice_sottotitolo {
margin-top: 8px;
}
.vini_indice_sottotitolo p {
margin: 0;
}
.vini_indice_card .theme-button-wrap {
margin-top: 32px;
}
.vini_indice_card .theme-button {
display: inline-flex;
box-sizing: border-box;
width: 120px;
height: 39px;
align-items: center;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.vini_indice_card > .vc_column-inner > .wpb_wrapper {
position: relative;
/* 25/09/2026: spazio riservato al bottone ancorato in basso (32 + 39 + aria) */
padding-bottom: 88px;
}
.vini_indice_card .theme-button-wrap {
position: absolute;
/* era top: 166px, tarato sull'italiano: con un sottotitolo di tre righe il
bottone finiva addosso al testo. Ancorato in basso, uguale su tutte le card. */
top: auto;
bottom: 32px;
right: 0;
left: 0;
margin-top: 0;
}
}
.bottone_giu .vcex-button-icon img {
transform: rotate(135deg);
}
.vini_cat_riga {
scroll-margin-top: 124px;
}
@media screen and (max-width: 1023px) {
.vini_cat_riga {
scroll-margin-top: 92px;
}
}
.vini_cat_riga {
margin-bottom: 0;
}
.vini_cat_riga_2 {
margin-top: 202px;
}
.vini_cat_riga_3 {
margin-top: 212px;
}
.vini_cat_occhiello p,
.vini_cat_testo p {
margin: 0;
}
.vini_cat_titolo {
margin-top: 34px;
}
.vini_cat_titolo h2 {
margin: 0;
font-size: 82px;
line-height: 84px;
}
.vini_cat_testo {
margin-top: 32px;
}
.vini_cat_riga_3 .vini_cat_testo {
margin-top: 31px;
}
/* ⛔ Non piu' `.linea-26`: la linea comprende anche il Silvester Chardonnay, che riserva non e'.
Sono i due vini a esserlo — il Silvester Pinot Nero e il For₄neri Riserva Extra Brut. */
.post-648 .entry-media,
.post-310 .entry-media {
position: relative;
}
.post-648 .entry-media::after,
.post-310 .entry-media::after {
content: "riserva";
position: absolute;
z-index: 2;
top: 14px;
left: 14px;
padding: 5px 13px;
border-radius: 40px;
background-color: #7A2A2A;
font-family: "Instrument Sans", sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #FAF9F6;
}
.vini_carosello_riga {
margin-bottom: 0;
}
.vini_carosello_riga_3 {
margin-top: 61px;
margin-bottom: 45px;
}
.vini_carosello_riga .wpb_column.vini_carosello > .vc_column-inner {
box-sizing: border-box;
margin-right: 0;
margin-left: 0;
padding-right: calc(191px + max(0px, 50% - 720px));
padding-left: calc(191px + max(0px, 50% - 720px));
}
/* 2. quando le schede ci stanno tutte, il carosello le lascerebbe a sinistra con mezza fascia
vuota: qui si centrano. Se un domani fossero piu' di quante ne entrano, la pista diventa piu'
larga della fascia e `auto` non centra nulla — lo scorrimento resta quello di prima. */
.vini_carosello_riga_3 .wpex-carousel__stage,
.sv_correlati .wpex-carousel__stage {
margin-right: auto;
margin-left: auto;
}
/* 3. gli 8px di rientro del blocco tolti al solo titolo: senza, «CHARDONNAY» sfora di un pixel
e la Y finisce sotto da sola */
.zan_vino_card .wpex-carousel-slide {
width: 314px;
}
.zan_vino_card .entry-media {
position: relative;
z-index: 2;
margin: 0;
}
.zan_vino_card .entry-media a {
display: block;
}
.zan_vino_card .entry-media img {
display: block;
width: 256px;
height: 456px;
margin-right: auto;
margin-left: auto;
object-fit: cover;
}
.zan_vino_card .entry-details {
position: relative;
z-index: 1;
display: flex;
box-sizing: border-box;
min-height: 260px;
flex-direction: column;
margin-top: -36px;
padding: 40px 8px 0;
}
/* 306 + un filo di crenatura in meno: «CHARDONNAY» e «FOR₄NERI ROSÈ» stanno in riga tutti e due,
e restano 8px dal bordo della scheda. A 299 la Y del Chardonnay finiva sotto da sola. */
.zan_vino_card .entry-title {
width: 306px;
letter-spacing: -0.01em;
margin-right: auto;
margin-left: auto;
font-family: "Michroma", sans-serif;
}
.zan_vino_card .entry-title a {
text-decoration: none;
}
.zan_vino_card .entry-categories {
width: 230px;
margin-right: auto;
margin-left: auto;
line-height: 26px;
}
.zan_vino_card .entry-readmore-wrap {
margin-top: auto;
margin-bottom: 0;
}
.zan_vino_card .entry-readmore {
display: inline-flex;
align-items: center;
}
.zan_vino_card .entry-readmore::after {
display: block;
width: 16px;
height: 16px;
margin-left: 4px;
background: url(../../uploads/zanotelli-ui/icona-freccia-diagonale-scura.svg) center center / 16px 16px no-repeat;
content: "";
}
.zan_vino_card .entry-readmore:hover::after,
.zan_vino_card .entry-readmore:active::after {
filter: invert(1);
}
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav,
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav.disabled {
display: flex;
justify-content: center;
margin-top: 72px;
padding-right: 191px;
gap: 13px;
}
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav.disabled {
visibility: hidden;
}
@media screen and (min-width: 1441px) {
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav,
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav.disabled {
padding-right: calc(100% - 1058px);
}
}
@media screen and (max-width: 1023px) {
.vini_hero {
display: flex;
box-sizing: border-box;
height: 520px;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
padding-left: 0;
}
.vini_hero .vcex-image.vini_hero_media .vcex-image-img {
height: 520px;
}
.vini_hero .vini_hero_titolo {
width: auto !important;
}
.vini_hero_titolo h1 {
font-size: 34px;
line-height: 40px;
}
.vini_hero .vini_hero_occhiello {
width: auto !important;
margin-top: 24px;
margin-left: 0;
font-size: 12px !important;
line-height: 18px !important;
}
.vini_indice_riga {
margin-top: 56px;
margin-right: 0;
margin-left: 0;
}
.vini_indice_riga > .wpb_column.vini_indice_card {
float: none;
width: 100%;
}
.vini_indice_riga > .wpb_column.vini_indice_card > .vc_column-inner {
max-width: 453px;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
}
.vini_indice_riga > .wpb_column.vini_indice_card + .wpb_column.vini_indice_card {
margin-top: 20px;
}
.vini_indice_card > .vc_column-inner > .wpb_wrapper {
min-height: 0;
padding-bottom: 40px;
}
.vini_indice_titolo h3 {
font-size: 24px;
line-height: 30px;
}
.vini_indice_card .vini_indice_titolo,
.vini_indice_card .vini_indice_sottotitolo {
width: auto !important;
max-width: 310px;
}
.vini_cat_riga_2 {
margin-top: 101px;
}
.vini_cat_riga_3 {
margin-top: 106px;
}
.vini_cat_titolo h2 {
font-size: 40px;
line-height: 46px;
}
.vini_cat_titolo {
margin-top: 24px;
}
.vini_cat_testo,
.vini_cat_riga_3 .vini_cat_testo {
width: auto !important;
margin-top: 24px;
}
.vini_carosello_riga_3 {
margin-top: 31px;
margin-bottom: 100px;
}
.vini_carosello_riga .wpb_column.vini_carosello > .vc_column-inner {
padding-right: 20px;
padding-left: 20px;
}
.zan_vino_card .wpex-carousel-slide {
width: 300px;
}
.vini_carosello_pista .wpex-carousel__stage-outer {
padding-left: 25px;
}
.zan_vino_card .entry-media img {
width: 245px;
height: 436px;
}
.zan_vino_card .entry-details {
min-height: 248px;
}
.zan_vino_card .entry-title {
width: auto;
max-width: 302px;
}
/* sul telefono la scheda e' piu' stretta: nemmeno recuperando il rientro «CHARDONNAY» ci sta a
28px, e allora scende a 26 */
.zan_vino_card .wpex-carousel-entry-title,
.zan_vino_card .wpex-carousel-entry-title a {
font-size: 26px !important;
line-height: 32px !important;
}
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav,
.vini_carosello_pista.wpex-carousel .wpex-carousel__nav.disabled {
margin-top: 48px;
padding-right: 0;
}
}
body.page-id-111 .news_fascia_riga.news_fascia_riga {
margin-bottom: 0;
}
.news_fascia_riga {
overflow: hidden;
background-color: #121212;
}
.news_fascia {
box-sizing: border-box;
height: 340px;
padding-top: 190px;
padding-left: 18px;
}
.news_fascia.wpb_column.vc_column_container {
position: static;
}
.news_fascia_decoro {
position: absolute;
z-index: 1;
top: -70px;
right: -110px;
margin: 0;
opacity: 0.22;
pointer-events: none;
}
.news_fascia_decoro .vcex-image-inner,
.news_fascia_decoro .vcex-image-img {
display: block;
width: 620px;
max-width: none;
height: 524px;
}
@media screen and (max-width: 1023px) {
.news_fascia {
height: 320px;
padding-top: 150px;
padding-left: 0;
}
.news_fascia_decoro {
top: -40px;
right: -150px;
}
.news_fascia_decoro .vcex-image-inner,
.news_fascia_decoro .vcex-image-img {
width: 380px;
height: 321px;
}
}
.news_hero {
box-sizing: border-box;
height: 909px;
padding-top: 533px;
padding-left: 18px;
}
.news_hero.wpb_column.vc_column_container {
position: static;
}
.news_hero_riga::before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
pointer-events: none;
}
.news_hero_media {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
}
.news_hero_media .vcex-image-img {
display: block;
}
.news_hero_titolo {
position: relative;
z-index: 2;
margin-bottom: 0;
}
.news_hero_titolo h1 {
margin: 0;
font-size: 76px;
line-height: 84px;
}
.news_hero_occhiello {
position: relative;
z-index: 2;
margin-top: -56px;
margin-bottom: 0;
margin-left: 380px;
}
.news_hero_occhiello p {
margin: 0;
}
.news_hero_titolo,
.news_hero_occhiello {
max-width: 100%;
}
.news_griglia_riga {
margin-top: 191px;
margin-right: 0;
margin-bottom: 200px;
margin-left: 0;
}
.news_griglia > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.news_griglia_cards .wpex-post-cards-loop {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
gap: 82px 29px;
}
.news_griglia_cards .wpex-post-cards-loop::before,
.news_griglia_cards .wpex-post-cards-loop::after {
display: none;
}
.news_griglia_cards .wpex-post-cards-entry {
width: auto;
max-width: 660px;
flex: 0 1 calc((100% - 29px) / 2);
float: none;
margin: 0;
padding: 0;
}
.news_griglia_cards .wpex-post-cards-pagination {
margin-top: 98px;
}
.news_griglia_cards .vcex-loadmore {
display: flex;
justify-content: center;
margin-top: 0;
}
.news_griglia_cards .vcex-loadmore-button {
display: inline-flex;
box-sizing: border-box;
width: 160px;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.news_griglia_cards .vcex-loadmore-button::after {
content: "";
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
margin-left: 4px;
background-image: url(../../uploads/zanotelli-ui/icona-freccia-diagonale-scura.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
}
.news_griglia_cards .vcex-loadmore-button:hover::after,
.news_griglia_cards .vcex-loadmore-button:active::after {
filter: invert(1);
}
.news_card_riga {
position: relative;
overflow: hidden;
/* 22/09/2026: era height: 470px fissa, e un titolo lungo veniva tagliato.
Ora la card cresce col contenuto — come gia' faceva sotto i 1023px — e
min-height tiene l'aspetto di prima quando il testo e' corto.
Il padding in basso riserva la fascia dove data e pulsante sono ancorati. */
height: auto;
min-height: 470px;
padding-bottom: 88px;
margin-right: 0;
margin-left: 0;
border-radius: 13px;
background-color: #FFFFFF;
}
.news_card.wpb_column.vc_column_container {
position: static;
}
.news_card > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.news_card_foto {
margin: 0;
}
.news_card_foto img {
display: block;
width: 100%;
height: 154px;
object-fit: cover;
object-position: center center;
}
.wpex-card a.wpex-card-inner:hover .news_card_titolo,
.wpex-card a.wpex-card-inner:hover .news_card_titolo .vcex-heading-inner {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.news_card_titolo {
display: -webkit-box;
overflow: hidden;
max-width: 570px;
margin: 51px 0 0 32px;
-webkit-box-orient: vertical;
}
.news_card_estratto {
display: -webkit-box;
overflow: hidden;
max-width: 365px;
margin: 16px 0 0 32px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.news_card_estratto p {
margin: 0;
}
.news_card_data {
position: absolute;
bottom: 39px;
left: 32px;
margin: 0;
}
.news_card_cta.vcex-button {
position: absolute;
right: 26px;
bottom: 31px;
box-sizing: border-box;
width: 192px;
}
body.single-post #site-header {
padding-top: 0;
}
.news_occhiello {
margin-bottom: 0;
}
.news_occhiello p {
margin: 0;
}
.news_titolo {
max-width: 785px;
margin-top: 33px;
margin-right: auto;
margin-left: auto;
}
.news_copertina_riga {
margin-top: 48px;
}
.news_copertina_foto {
box-sizing: border-box;
max-width: 1440px;
margin: 0 auto;
padding-right: 16px;
padding-left: 16px;
}
.news_copertina_foto img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1408 / 611;
border-radius: 8px;
object-fit: cover;
object-position: center center;
}
.news_corpo_riga {
margin-top: 127px;
margin-right: 0;
margin-left: 0;
}
.news_corpo_col > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.news_data {
position: absolute;
top: 5px;
left: 109px;
margin: 0;
}
.news_corpo {
margin: 0;
}
.news_corpo_testo {
max-width: 863px;
margin-right: auto;
margin-left: 300px;
}
.news_corpo_testo > .wpb_column > .vc_column-inner,
.news_galleria > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.news_corpo_paragrafi {
margin-bottom: 0;
}
.news_corpo_paragrafi p {
margin: 0 0 28px;
}
.news_corpo_paragrafi p:last-child {
margin-bottom: 0;
}
.news_galleria_riga {
margin-right: 11px;
margin-left: 7px;
}
.news_galleria_pista {
--wpex-carousel-arrows-margin-block: 78px;
--wpex-carousel-arrows-gap: 13px;
}
.news_galleria_pista .wpex-carousel__nav {
margin-left: 4px;
}
.news_galleria_pista .wpex-carousel-entry-media {
display: block;
margin: 0;
}
.news_galleria_pista .wpex-carousel-entry-media img {
display: block;
width: auto;
max-width: none;
height: auto;
border-radius: 8px;
}
.news_correlate_riga {
margin-top: 219px;
margin-right: 0;
margin-bottom: 196px;
margin-left: 0;
}
.news_correlate > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.news_correlate_titolo h2 {
margin: 0;
font-size: 46px;
line-height: 52px;
}
.news_correlate_cards {
padding-left: 26px;
}
.news_correlate_cards .wpex-carousel {
width: 1349px;
max-width: 100%;
}
.news_correlate_cards .wpex-carousel--offset-fix .wpex-carousel__item .wpex-carousel-slide {
width: 100%;
margin-right: 0;
}
.news_correlate_cards .wpex-carousel__nav {
--wpex-carousel-arrows-margin-block: 125px;
--wpex-carousel-arrows-gap: 13px;
}
.news_correlate_cards .wpex-carousel__arrow {
display: flex;
box-sizing: border-box;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid #121212;
border-radius: 40px;
background-color: transparent;
}
.news_correlate_cards .wpex-carousel__arrow img {
display: block;
width: 16px;
height: 16px;
max-width: none;
}
.news_correlate_cards .wpex-carousel__arrow.disabled {
opacity: 0.35;
}
.news_correlate_cards .wpex-carousel__arrow:hover:not(.disabled) {
background-color: #121212;
}
.news_correlate_cards .wpex-carousel__arrow:hover:not(.disabled) img {
filter: invert(1);
}
@media screen and (max-width: 1023px) {
.news_hero {
display: flex;
box-sizing: border-box;
height: 520px;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
padding-left: 0;
}
.news_hero .vcex-image.news_hero_media .vcex-image-img {
height: 520px;
}
.news_fascia .news_hero_titolo {
width: auto !important;
}
.news_hero_titolo h1 {
font-size: 34px;
line-height: 40px;
}
.news_fascia .news_hero_occhiello {
width: auto !important;
margin-top: 24px;
margin-left: 0;
font-size: 12px !important;
line-height: 18px !important;
}
.news_griglia_riga {
margin-top: 95px;
margin-bottom: 95px;
}
.news_griglia_cards .wpex-post-cards-loop {
gap: 32px;
}
.news_griglia_cards .wpex-post-cards-entry {
width: 100%;
max-width: none;
flex: 0 0 100%;
}
.news_griglia_cards .wpex-post-cards-pagination {
margin-top: 40px;
}
.news_card_riga {
height: auto;
padding-bottom: 32px;
}
.news_card_foto img {
height: auto;
aspect-ratio: 660 / 154;
}
.news_card_titolo {
max-width: none;
margin: 24px 20px 0;
font-size: 20px !important;
line-height: 26px !important;
}
.news_card_estratto {
max-width: none;
margin: 12px 20px 0;
font-size: 15px !important;
line-height: 24px !important;
}
.news_card_data {
position: static;
margin: 20px 20px 0;
}
.news_card_cta.vcex-button {
display: flex;
position: static;
width: auto;
margin: 16px 20px 0;
}
.news_titolo {
max-width: none;
margin-top: 16px;
font-size: 28px !important;
line-height: 34px !important;
}
.news_copertina_riga {
margin-top: 24px;
}
.news_copertina_foto {
padding-right: 20px;
padding-left: 20px;
}
.news_corpo_riga {
margin-top: 64px;
}
.news_data {
position: static;
margin: 0 0 20px;
}
.news_corpo_testo {
max-width: none;
margin-right: 0;
margin-left: 0;
}
.news_corpo_paragrafi {
font-size: 17px !important;
line-height: 28px !important;
}
.news_corpo_paragrafi p {
margin-bottom: 24px;
}
.news_galleria_riga {
margin-top: 102px;
margin-right: 0;
margin-left: 0;
}
.news_galleria_pista {
--wpex-carousel-arrows-margin-block: 39px;
}
.news_galleria_pista .wpex-carousel__nav {
margin-left: 0;
}
.news_galleria_pista .wpex-carousel-entry-media img {
max-width: calc(100vw - 40px);
}
.news_correlate_riga {
margin-top: 110px;
margin-bottom: 98px;
}
.news_correlate_titolo {
margin-bottom: 53px;
}
.news_correlate_titolo h2 {
font-size: 28px;
line-height: 34px;
}
.news_correlate_cards {
padding-left: 0;
}
.news_correlate_cards .wpex-carousel {
width: 100%;
}
.news_correlate_cards .wpex-carousel__nav {
--wpex-carousel-arrows-margin-block: 40px;
}
}
body.single-vino .sv_testata_riga.sv_testata_riga {
margin-top: 0;
margin-bottom: 0;
}
body.single-vino #content-wrap {
padding-top: 220px;
padding-bottom: 0;
}
.dp_riga {
display: flex;
align-items: flex-start;
margin-bottom: 200px;
padding-top: 199px;
}
.dp_riga > .wpb_column.dp_col_foto {
width: 561px;
max-width: 561px;
flex: 0 0 561px;
}
.dp_riga > .wpb_column.dp_col_testo {
width: auto;
max-width: none;
flex: 1 1 auto;
}
.dp_col_foto > .vc_column-inner {
padding-right: 0;
padding-left: 217px;
}
.dp_col_testo > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.dp_foto .vcex-image-inner {
display: block;
width: 215px;
height: 633px;
}
.dp_foto .vcex-image-img {
display: block;
width: 100%;
max-width: none;
height: 100%;
object-fit: contain;
object-position: 50% 0;
}
.dp_foto_orizzontale .vcex-image-inner {
width: 300px;
height: auto;
}
.dp_foto_orizzontale .vcex-image-img {
height: auto;
border-radius: 8px;
}
.dp_titolo {
margin-top: 43px;
}
.dp_titolo h1 {
margin: 0;
}
.dp_descrizione {
max-width: 371px;
margin-top: 27px;
}
.dp_descrizione p {
margin: 0;
}
/* Un prodotto a due varianti: ogni descrizione ha il suo sottotitolo. */
.dp_descrizione p + h3 {
margin-top: 27px;
}
.dp_descrizione h3 {
margin: 0 0 8px;
font-family: 'Michroma', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
}
/* Due bottiglie affiancate. Senza la seconda foto il gruppo non si crea nemmeno: e' il
markup a cambiare, non solo lo stile. Il `:has` toglie il rientro pensato per una sola
bottiglia; dove non fosse supportato le foto restano piu' strette, non rotte. */
.dp_col_foto > .vc_column-inner:has(.dp_foto_gruppo) {
padding-left: 0;
}
.dp_foto_gruppo {
display: flex;
gap: 32px;
align-items: flex-start;
}
.dp_foto_gruppo .dp_foto {
flex: 1 1 0;
min-width: 0;
}
.dp_foto_gruppo .dp_foto .vcex-image-inner {
width: 100%;
height: 520px;
}
.dp_campo {
max-width: 427px;
margin-top: 44px;
}
.dp_campo_etichetta {
display: block;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #121212;
}
.dp_campo_valore {
display: flex;
box-sizing: border-box;
height: 57px;
align-items: center;
margin-top: 24px;
padding-right: 18px;
padding-left: 18px;
border: 1px solid #D9CAC8;
border-radius: 8px;
font-family: "Instrument Sans", sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
color: #121212;
}
@media screen and (max-width: 1023px) {
.dp_riga {
display: block;
margin-bottom: 100px;
padding-top: 140px;
}
.dp_riga > .wpb_column.dp_col_foto,
.dp_riga > .wpb_column.dp_col_testo {
width: 100%;
max-width: none;
float: none;
}
.dp_col_foto > .vc_column-inner {
padding-left: 0;
}
.dp_foto {
text-align: center;
}
.dp_foto .vcex-image-inner {
height: 420px;
margin-right: auto;
margin-left: auto;
}
.dp_foto_gruppo {
gap: 16px;
justify-content: center;
}
.dp_foto_gruppo .dp_foto .vcex-image-inner {
height: 300px;
}
.dp_foto_orizzontale .vcex-image-inner {
width: 100%;
max-width: 344px;
height: auto;
}
.dp_titolo {
margin-top: 40px;
}
.dp_titolo h1 {
font-size: 30px !important;
line-height: 36px !important;
}
.dp_descrizione,
.dp_campo {
max-width: none;
}
}
.sv_occhiello p {
margin: 0;
}
.sv_titolo .vcex-page-title__heading {
margin: 0;
}
.sv_prodotto_riga {
margin-top: 36px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.sv_prodotto_riga > .wpb_column > .vc_column-inner {
padding-right: 0;
padding-left: 0;
}
.sv_prodotto_riga > .wpb_column.sv_col_sx {
width: 20.357143%;
margin-left: 8.142857%;
}
.sv_prodotto_riga > .wpb_column.sv_col_centro {
width: 42.5%;
}
.sv_prodotto_riga > .wpb_column.sv_col_dx {
width: 20.357143%;
}
.sv_col_centro > .vc_column-inner {
position: relative;
}
.sv_decoro {
position: absolute;
z-index: 0;
top: 124px;
left: 5.546218%;
display: flex;
width: 97.142857%;
margin: 0;
}
.sv_decoro .vcex-image-img {
display: block;
width: 100%;
height: auto;
max-width: none;
}
.sv_bottiglia {
position: relative;
z-index: 1;
display: flex;
width: 77.142857%;
margin: 0 0 0 11.932773%;
}
.sv_bottiglia .vcex-image-img {
display: block;
width: 100%;
height: auto;
}
.sv_meta_label {
margin-top: 172px;
}
.sv_meta_label p,
.sv_meta_valore p,
.sv_tech_titolo p,
.sv_tech_k p,
.sv_tech_v p {
margin: 0;
}
.sv_meta_valore {
height: 26px;
margin-top: 4px;
}
.sv_col_sx .sv_meta_label,
.sv_col_sx .sv_meta_valore {
width: 47.719298%;
margin-left: 3.157895%;
}
.sv_col_dx .sv_meta_label,
.sv_col_dx .sv_meta_valore {
width: 82.105263%;
margin-left: 15.438596%;
}
.sv_tech_k {
margin-top: 19px;
padding-top: 16px;
border-top: 1px solid rgba(122, 42, 42, 0.3);
}
.sv_tech_v {
margin-top: 3px;
}
.sv_col_sx .sv_tech_k_primo {
margin-top: 609px;
}
.sv_col_dx .sv_tech_k_primo {
margin-top: 609px;
}
.sv_acquista {
padding-top: 9px;
padding-bottom: 9px;
}
@media screen and (min-width: 1024px) {
.sv_titolo {
margin-top: 44px;
}
.sv_tech_titolo {
margin-top: 329px;
}
.sv_pdf {
margin-top: 88px;
}
.sv_acquista {
margin-top: 84px;
}
}
.sv_acquista.sv_acquista:hover,
.sv_acquista.sv_acquista:active {
border-color: #FAF9F6;
}
.sv_correlati_riga {
margin-top: 67px;
margin-bottom: 311px;
}
.sv_correlati_titolo h2 {
margin: 0;
font-size: 46px;
line-height: 52px;
}
.sv_correlati_pista {
margin-top: 96px;
}
.sv_correlati_pista .wpex-row {
display: flex;
box-sizing: border-box;
width: 1062px;
justify-content: space-between;
gap: 0;
margin: 0 auto;
}
.sv_correlati_pista .wpex-row::before,
.sv_correlati_pista .wpex-row::after {
display: none;
}
.sv_correlati_pista .vcex-post-type-entry {
float: none;
width: 314px;
margin: 0;
padding: 0;
}
.sv_correlati_pista .entry-inner {
margin: 0;
}
@media screen and (max-width: 1023px) {
body.single-vino #content-wrap {
padding-top: 110px;
}
.sv_meta_valore {
height: auto;
}
.sv_titolo .vcex-page-title__heading {
font-size: 34px !important;
line-height: 40px !important;
}
.sv_prodotto_riga {
display: flex;
flex-direction: column;
margin-top: 24px;
}
.sv_prodotto_riga > .wpb_column.sv_col_centro {
width: 100%;
order: 1;
margin-left: 0;
}
.sv_prodotto_riga > .wpb_column.sv_col_sx {
width: 100%;
order: 2;
margin-left: 0;
}
.sv_prodotto_riga > .wpb_column.sv_col_dx {
width: 100%;
order: 3;
margin-left: 0;
}
.sv_prodotto_riga > .wpb_column.sv_col_sx,
.sv_prodotto_riga > .wpb_column.sv_col_dx,
.sv_prodotto_riga > .wpb_column.sv_col_sx > .vc_column-inner,
.sv_prodotto_riga > .wpb_column.sv_col_dx > .vc_column-inner,
.sv_prodotto_riga > .wpb_column.sv_col_sx > .vc_column-inner > .wpb_wrapper,
.sv_prodotto_riga > .wpb_column.sv_col_dx > .vc_column-inner > .wpb_wrapper {
display: contents;
}
.sv_prodotto_riga .sv_meta_label,
.sv_prodotto_riga .sv_meta_valore {
order: 2;
}
.sv_prodotto_riga .sv_tech_titolo {
order: 3;
}
.sv_prodotto_riga .sv_tech_k,
.sv_prodotto_riga .sv_tech_v {
order: 4;
}
.sv_prodotto_riga .sv_tech_titolo,
.sv_prodotto_riga .sv_tech_k,
.sv_prodotto_riga .sv_tech_v {
text-align: center !important;
}
.sv_prodotto_riga .sv_pdf,
.sv_prodotto_riga .sv_acquista {
order: 5;
}
.sv_bottiglia {
width: 370px;
margin: 0 auto;
}
.sv_bottiglia.sv_bottiglia .vcex-image-img.vcex-image-img {
width: 370px;
height: auto;
}
.sv_decoro {
top: 65px;
right: 0;
left: 0;
width: 347px;
margin-right: auto;
margin-left: auto;
}
.sv_decoro .vcex-image-img {
width: 347px;
height: 115px;
}
.sv_col_sx .sv_meta_label,
.sv_col_dx .sv_meta_label {
width: auto;
margin-top: 24px;
margin-left: 0;
}
.sv_col_sx .sv_meta_valore,
.sv_col_dx .sv_meta_valore {
width: auto;
margin-left: 0;
}
.sv_tech_k {
margin-top: 17px;
padding-top: 14px;
font-size: 18px !important;
line-height: 26px !important;
}
.sv_col_sx .sv_tech_k_primo {
margin-top: 24px;
}
.sv_col_dx .sv_tech_k_primo {
margin-top: 24px;
}
.sv_correlati_riga {
margin-top: 33px;
margin-bottom: 156px;
}
.sv_correlati_titolo h2 {
font-size: 28px;
line-height: 34px;
}
.sv_correlati_pista {
margin-top: 48px;
}
.sv_correlati_pista .wpex-row {
width: auto;
flex-direction: column;
align-items: center;
}
.sv_correlati_pista .vcex-post-type-entry {
width: 300px;
}
.sv_correlati_pista .vcex-post-type-entry + .vcex-post-type-entry {
margin-top: 32px;
}
}
@media screen and (min-width: 1201px) {
body.single-vino .sv_col_centro > .vc_column-inner {
height: 1962px;
}
body.single-vino .sv_col_centro > .vc_column-inner > .wpb_wrapper {
height: 100%;
}
body.single-vino .sv_bottiglia {
position: sticky;
top: 0;
height: 100vh;
align-items: center;
justify-content: center;
pointer-events: none;
}
body.single-vino .sv_bottiglia .vcex-image-img {
position: relative;
top: 44px;
width: auto;
height: min(880px, calc(100vh - 108px));
}
html.sv_bottiglia_viva .sv_col_centro .sv_bottiglia .vcex-image-inner {
position: absolute;
top: 0;
left: 50%;
width: 200%;
max-width: none;
transform: translateX(-50%) scale(1);
transform-origin: 50% 0;
will-change: transform;
}
html.sv_bottiglia_viva .sv_col_centro .sv_bottiglia .vcex-image-img {
position: static;
top: auto;
width: 100%;
height: auto;
max-width: none;
}
}
.vini_hero_riga .vini_hero .vini_hero_media .vcex-image-img {
object-position: center 20%;
}
.hero_riga,
.hero_riga .hero_video,
.hero_riga .hero_video .hero_media .vcex-image-img,
.az_hero_riga,
.az_hero_riga .az_hero,
.az_hero_riga .az_hero .az_hero_media .vcex-image-img,
.hero_territorio_riga,
.hero_territorio_riga .hero_territorio,
.hero_territorio_riga .hero_territorio .hero_territorio_media .vcex-image-img,
.esp_hero_riga,
.esp_hero_riga .esp_hero,
.esp_hero_riga .esp_hero .esp_hero_media .vcex-image-img,
.vini_hero_riga,
.vini_hero_riga .vini_hero,
.vini_hero_riga .vini_hero .vini_hero_media .vcex-image-img,
.news_hero_riga,
.news_hero_riga .news_hero,
.news_hero_riga .news_hero .news_hero_media .vcex-image-img {
max-height: 100vh;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.hero_riga,
.hero_riga .hero_video,
.hero_riga .hero_video .hero_media .vcex-image-img,
.az_hero_riga,
.az_hero_riga .az_hero,
.az_hero_riga .az_hero .az_hero_media .vcex-image-img,
.hero_territorio_riga,
.hero_territorio_riga .hero_territorio,
.hero_territorio_riga .hero_territorio .hero_territorio_media .vcex-image-img,
.esp_hero_riga,
.esp_hero_riga .esp_hero,
.esp_hero_riga .esp_hero .esp_hero_media .vcex-image-img,
.vini_hero_riga,
.vini_hero_riga .vini_hero,
.vini_hero_riga .vini_hero .vini_hero_media .vcex-image-img,
.news_hero_riga,
.news_hero_riga .news_hero,
.news_hero_riga .news_hero .news_hero_media .vcex-image-img {
max-height: calc(100vh / tan(atan2(100vw, 1440px)));
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.hero_riga .hero_video,
.az_hero_riga .az_hero,
.hero_territorio_riga .hero_territorio,
.esp_hero_riga .esp_hero,
.vini_hero_riga .vini_hero,
.news_hero_riga .news_hero {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-top: 0;
}
.hero_riga .hero_video {
padding-bottom: 114px;
}
.az_hero_riga .az_hero {
padding-bottom: 224px;
}
.hero_territorio_riga .hero_territorio {
padding-bottom: 205px;
}
.esp_hero_riga .esp_hero {
padding-bottom: 145px;
}
.vini_hero_riga .vini_hero {
padding-bottom: 224px;
}
.news_hero_riga .news_hero {
padding-bottom: 312px;
}
}
@media screen and (min-width: 1441px) {
.hero_riga.hero_riga,
.hero_riga .hero_video .hero_media .vcex-image-img {
height: auto;
aspect-ratio: 1440 / 897;
}
.az_hero_riga.az_hero_riga,
.az_hero_riga .az_hero .az_hero_media .vcex-image-img,
.hero_territorio_riga.hero_territorio_riga,
.hero_territorio_riga .hero_territorio .hero_territorio_media .vcex-image-img,
.vini_hero_riga.vini_hero_riga,
.vini_hero_riga .vini_hero .vini_hero_media .vcex-image-img {
height: auto;
aspect-ratio: 1440 / 903;
}
.esp_hero_riga.esp_hero_riga,
.esp_hero_riga .esp_hero .esp_hero_media .vcex-image-img,
.news_hero_riga.news_hero_riga,
.news_hero_riga .news_hero .news_hero_media .vcex-image-img {
height: auto;
aspect-ratio: 1440 / 909;
}
.hero_riga .hero_video,
.az_hero_riga .az_hero,
.hero_territorio_riga .hero_territorio,
.esp_hero_riga .esp_hero,
.vini_hero_riga .vini_hero,
.news_hero_riga .news_hero {
height: 100%;
padding-top: 0;
}
.hero_riga .hero_video > .vc_column-inner,
.hero_riga .hero_video > .vc_column-inner > .wpb_wrapper,
.az_hero_riga .az_hero > .vc_column-inner,
.az_hero_riga .az_hero > .vc_column-inner > .wpb_wrapper,
.hero_territorio_riga .hero_territorio > .vc_column-inner,
.hero_territorio_riga .hero_territorio > .vc_column-inner > .wpb_wrapper,
.esp_hero_riga .esp_hero > .vc_column-inner,
.esp_hero_riga .esp_hero > .vc_column-inner > .wpb_wrapper,
.vini_hero_riga .vini_hero > .vc_column-inner,
.vini_hero_riga .vini_hero > .vc_column-inner > .wpb_wrapper,
.news_hero_riga .news_hero > .vc_column-inner,
.news_hero_riga .news_hero > .vc_column-inner > .wpb_wrapper {
height: 100%;
}
.hero_riga .hero_video > .vc_column-inner > .wpb_wrapper::before,
.az_hero_riga .az_hero > .vc_column-inner > .wpb_wrapper::before,
.hero_territorio_riga .hero_territorio > .vc_column-inner > .wpb_wrapper::before,
.esp_hero_riga .esp_hero > .vc_column-inner > .wpb_wrapper::before,
.vini_hero_riga .vini_hero > .vc_column-inner > .wpb_wrapper::before,
.news_hero_riga .news_hero > .vc_column-inner > .wpb_wrapper::before {
content: "";
display: block;
}
.hero_riga .hero_video > .vc_column-inner > .wpb_wrapper::before {
height: 59.9777035%;
}
.az_hero_riga .az_hero > .vc_column-inner > .wpb_wrapper::before,
.hero_territorio_riga .hero_territorio > .vc_column-inner > .wpb_wrapper::before,
.vini_hero_riga .vini_hero > .vc_column-inner > .wpb_wrapper::before {
height: 59.0254706%;
}
.esp_hero_riga .esp_hero > .vc_column-inner > .wpb_wrapper::before,
.news_hero_riga .news_hero > .vc_column-inner > .wpb_wrapper::before {
height: 58.6358636%;
}
}
@media screen and (max-width: 767px) {
.sv_bottiglia {
width: 273px;
}
.sv_bottiglia.sv_bottiglia .vcex-image-img.vcex-image-img {
width: 273px;
height: auto;
}
}
@media screen and (max-width: 1023px) {
.sv_correlati_pista .wpex-carousel-slide {
width: calc(100vw - 40px);
}
}
/* =====================================================================
Revisione cliente del 17/09/2026
===================================================================== */
/* Vini: bottone «Scopri» simmetrico (stesso rientro a destra e a sinistra, freccia compresa) */
.zan_vino_card .entry-readmore {
padding-right: 18px;
padding-left: 18px;
justify-content: center;
}
/* Vini: il Rosè su tre righe da desktop →
nel filtro del titolo (zanotelli-core, class-zan-vini-card.php) */
/* Home: «Succo di mela» su una riga (il blocco nasce a 230px dal plugin) */
.altri_titolo {
width: 340px !important;
}
/* Esperienze: l'occhiello accostato all'ultima riga del titolo («IL SEGNO») */
.esp_hero_occhiello {
margin-left: 560px;
}
/* Contatti: meno aria sopra al titolo e un'area messaggio più contenuta */
.contatti_intro_riga.ptd220 {
padding-top: 140px;
}
.contatti_form .contatti_campo_messaggio textarea {
height: 140px;
}
/* Azienda, tappa 1970: le tre foto impilate in verticale (da telefono restano com'erano) */
.az_tappa_04 {
min-height: 470px;
}
.az_foto_4b {
top: 154px;
left: 0;
}
.az_foto_4c {
top: 308px;
left: 0;
}
@media screen and (max-width: 1023px) {
/* Home: video dell'hero centrato da telefono */
.hero_media video.vcex-image-img {
object-position: 50% 50%;
}
/* Vini, Rosè da telefono: senza il
di desktop, la larghezza lo porta a tre righe da sola */
.zan_vino_card .post-636 .entry-title {
max-width: 255px;
}
.altri_titolo {
width: 100% !important;
}
.az_tappa_04 {
min-height: 0;
}
.az_foto_4b,
.az_foto_4c {
top: auto;
}
.contatti_intro_riga.ptd220 {
padding-top: 90px;
}
}
/* ============================================================
Storia, 18/09/2026 (cliente): le foto delle tappe allineate al titolo
— la cima della prima foto alla riga dell'anno («1860», «DAL 1970»…),
le altre foto della stessa tappa in colonna sotto. Solo da desktop:
da telefono le foto sono già in flusso sotto al testo.
============================================================ */
@media screen and (min-width: 1024px) {
.az_foto_1a,
.az_foto_1b {
top: 32px;
}
.az_foto_2a,
.az_foto_2b {
top: 29px;
}
.az_foto_3a {
top: 0;
}
.az_foto_3b {
top: 270px;
}
.az_foto_4a {
top: 110px;
}
.az_foto_4b {
top: 264px;
}
.az_foto_4c {
top: 418px;
}
.az_tappa_04 {
min-height: 580px;
}
.az_foto_5a {
top: 0;
}
}
/* ============================================================
Footer, 22/09/2026 (cliente): la fascia dei loghi di consorzi e associazioni.
Sta in cima al footer builder, su fondo crema a tutta larghezza — i loghi restano
nei loro colori (Fiemme Cembra, che il cliente manda in negativo, è reso in positivo).
============================================================ */
#footer-builder .footer_loghi_riga {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-bottom: 56px;
padding: 32px calc(50vw - 50%);
background-color: #FAF9F6;
}
#footer-builder .footer_loghi > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 56px;
}
#footer-builder .footer_logo {
margin: 0;
}
#footer-builder .footer_logo .vcex-image-img {
display: block;
width: auto;
max-width: 100%;
}
#footer-builder .footer_logo_trentodoc .vcex-image-img {
height: 46px;
}
#footer-builder .footer_logo_fiemme .vcex-image-img {
height: 62px;
}
#footer-builder .footer_logo_fivi .vcex-image-img,
#footer-builder .footer_logo_trentino .vcex-image-img {
height: 72px;
}
@media screen and (max-width: 767px) {
#footer-builder .footer_loghi_riga {
margin-bottom: 40px;
padding-top: 24px;
padding-bottom: 24px;
}
#footer-builder .footer_loghi > .vc_column-inner > .wpb_wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
justify-items: center;
gap: 28px 20px;
}
#footer-builder .footer_logo_trentodoc .vcex-image-img {
height: 36px;
}
#footer-builder .footer_logo_fiemme .vcex-image-img {
height: 48px;
}
#footer-builder .footer_logo_fivi .vcex-image-img,
#footer-builder .footer_logo_trentino .vcex-image-img {
height: 56px;
}
}
/* ============================================================
Hero: titoli e sottotitoli in inglese — 22/09/2026
I sottotitoli degli hero sono agganciati all'ultima riga del titolo con un
rientro fisso in pixel, tarato uno per uno sulle stringhe ITALIANE:
236px per «i nostri vini», 861px per «esperienze che lasciano il segno»,
e cosi' via. I titoli inglesi sono piu' lunghi, vanno a capo in un altro
punto, e il sottotitolo finisce sopra al titolo.
In inglese l'aggancio si toglie e il sottotitolo va sotto: regge qualunque
lunghezza del testo, anche se domani la copy cambia. L'italiano resta com'e'.
============================================================ */
.wpml-language-en-us .hero_occhiello,
.wpml-language-en-us .hero_territorio_occhiello,
.wpml-language-en-us .az_hero_occhiello,
.wpml-language-en-us .esp_hero_occhiello,
.wpml-language-en-us .vini_hero_occhiello,
.wpml-language-en-us .news_hero_occhiello {
margin-top: 18px;
margin-left: 0;
}
/* Il page builder stringe la colonna del titolo con un margine destro fisso
(485px sulla pagina Esperienze), tarato sui titoli italiani. In inglese
«UNFORGETTABLE» da sola misura 951px contro i 897px disponibili, quindi il
browser la spezza a meta'. Tolto il margine, la parola ci sta intera e il
corpo del carattere resta 76px come in italiano. !important perche' il
margine arriva dallo stile inline del builder. */
.wpml-language-en-us .hero_titolo,
.wpml-language-en-us .hero_territorio_titolo,
.wpml-language-en-us .az_hero_titolo,
.wpml-language-en-us .esp_hero_titolo,
.wpml-language-en-us .vini_hero_titolo,
.wpml-language-en-us .news_hero_titolo {
margin-right: 0 !important;
/* la larghezza arriva dallo stile inline del builder (897px sulla pagina
Esperienze): in inglese la si lascia libera, cosi' la riga puo' usare
tutto lo spazio della colonna e la parola non va spezzata. */
width: auto !important;
max-width: 100%;
}
/* Il tema padre imposta word-break: break-word, che spezza le parole a meta'
quando non ci stanno. Nei titoli hero si va a capo fra le parole, mai dentro. */
.hero_titolo h1,
.hero_territorio_titolo h1,
.az_hero_titolo h1,
.esp_hero_titolo h1,
.vini_hero_titolo h1,
.news_hero_titolo h1 {
word-break: normal;
overflow-wrap: break-word;
}
/* ============================================================
Card news: tutte alla stessa altezza — 22/09/2026
La card cresce col proprio contenuto, ma nella stessa fila tutte si
pareggiano alla piu' alta, cosi' la griglia resta allineata.
============================================================ */
/* La griglia del tema pareggia gia' le card della stessa fila: sono tutte
elementi flex e si stirano. Quello che non si stirava e' la riga dentro la
card, che si dimensionava sul proprio contenuto. Facendola crescere dentro
il genitore, la card piu' alta detta l'altezza a tutta la fila. */
.wpex-card-inner:has(.news_card_riga) {
align-items: stretch;
}
.news_card_riga {
/* .wpex-card-inner e' un flex in COLONNA, quindi l'asse principale e' quello
verticale: flex-grow riempie l'altezza. La larghezza non viene toccata
perche' flex-basis resta auto e il max-width del titolo e' invariato. */
flex-grow: 1;
}
/* ============================================================
Inglese, 25/09/2026 — tre punti della revisione del cliente.
============================================================ */
/* Hero Esperienze su mobile: a 31px «UNFORGETTABLE» misura ~359px in una
colonna da 335px e si spezza a meta' parola. A 28px ci sta intera. */
@media screen and (max-width: 1023px) {
.wpml-language-en-us .esp_hero_titolo h1 {
/* a 28px «UNFORGETTABLE» misura 350px in 335: a 24px ne misura 300 */
font-size: 24px;
line-height: 29px;
}
}
/* Territorio: il decoro a pennello e' ancorato a top: 808px, tarato sulla
lunghezza del paragrafo italiano. Quello inglese e' piu' lungo e ci finisce
sotto. In inglese il decoro scende, e il titolo «A Landscape Shaped by
People» (4 righe a 82px in 477px) scala a 64px per stare su 3 righe. */
/* (il decoro non viene piu' spostato per lingua: sta sotto ai contenuti via z-index, vedi sotto) */
@media screen and (min-width: 1024px) {
.wpml-language-en-us .paesaggio_titolo h2 {
font-size: 64px;
line-height: 68px;
}
}
@media screen and (max-width: 1023px) {
/* stesso corpo della versione italiana su mobile (30px): «Landscape» ci sta larga */
.wpml-language-en-us .paesaggio_titolo h2 {
font-size: 30px;
line-height: 34px;
}
}
/* Tappa «La pergola Schiava» (Our Story): la frase inglese diventa un
sottotitolo sotto il titolo, un po' piu' piccolo, stesso carattere e colore. */
.az_tappa_titolo .az_tappa_sottotitolo {
margin: 10px 0 0;
font-size: 30px;
line-height: 36px;
}
@media screen and (max-width: 1023px) {
.az_tappa_titolo .az_tappa_sottotitolo {
font-size: 20px;
line-height: 26px;
}
}
/* ============================================================
Selettore lingua, proposta B — 25/09/2026
Pill doppia «IT | EN»: la lingua attiva piena, l'altra a contorno. Sostituisce
il globo, che non si capiva. La voce non ha piu' la classe voce_icona, quindi
eredita bordo e forma delle altre voci; qui si spegne solo l'icona di sfondo.
============================================================ */
#site-navigation .main-navigation-ul > li.voce_lingua > a > .link-inner,
#site-header-sticky-wrapper:not(.is-sticky) #site-header.overlay-header.dark-style .main-navigation-ul > li.voce_lingua > a > .link-inner {
width: auto;
height: auto;
padding: 2px;
background-image: none;
}
.voce_lingua .lingua_pill {
display: inline-flex;
align-items: center;
gap: 2px;
}
.voce_lingua .lingua_attiva,
.voce_lingua .lingua_altra {
padding: 5px 9px;
border-radius: 999px;
line-height: 1;
}
/* Il nome esteso resta nel DOM per gli screen reader (la pill e' aria-hidden),
ma non si vede. */
.voce_lingua .lingua_nome {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
/* ============================================================
Giro 3 — 25/09/2026
============================================================ */
/* Selettore lingua B: nella pastiglia piena il testo prende il colore opposto.
L'header e' white-style (testo chiaro) su tutte le pagine viste: pastiglia
chiara, testo scuro. Se un giorno c'e' un header dark-style, l'inverso. */
.voce_lingua .lingua_attiva {
/* colori espliciti: con currentColor lo sfondo seguiva il colore del testo
appena impostato, e la sigla spariva (scuro su scuro). */
background: #FAF9F6;
color: #121212;
}
#site-header.dark-style .voce_lingua .lingua_attiva {
background: #121212;
color: #FAF9F6;
}
/* Decoro a pennello: deve stare SOTTO ai contenuti in tutto il sito. Il decoro
e' gia' a z-index 0; tutto cio' che gli sta accanto nella stessa riga sale a 1. */
.vc_row:has(.paesaggio_decoro) .wpb_text_column,
.vc_row:has(.paesaggio_decoro) .vcex-module:not(.paesaggio_decoro),
.vc_row:has(.paesaggio_decoro) .vcex-image:not(.paesaggio_decoro) {
position: relative;
z-index: 1;
}
/* Articolo news su desktop: copertina e foto nel corpo erano a tutta larghezza.
Su mobile restano com'erano. */
@media screen and (min-width: 1024px) {
body.single-post .vcex-post-media img {
max-height: 480px;
width: 100%;
object-fit: cover;
}
body.single-post .wpex-carousel-entry-media img {
display: block;
width: auto;
max-width: 100%;
max-height: 560px;
margin: 0 auto;
}
}
/* Copertina «Our Wines» / «I nostri vini»: velo scuro sulla sinistra, sotto al
titolo, che cosi' si legge sulla foto. */
.vini_hero_media {
position: absolute;
}
.vini_hero_media::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.30) 42%, rgba(0, 0, 0, 0) 72%);
}
/* Bottone «DISCOVER» delle card linea: aveva width fissa a 120px, tarata su
«SCOPRI»; in inglese testo e freccia andavano su due righe. Larghezza libera
con lo stesso minimo, e mai a capo. In italiano non cambia nulla. */
.bottone_giu.vcex-button {
width: auto !important;
min-width: 120px;
white-space: nowrap;
}
.bottone_giu .vcex-button-inner {
flex-wrap: nowrap;
gap: 8px;
}
/* Copertina dell'articolo: non a tutta larghezza, ma larga come il testo,
con gli angoli delle card news. Solo desktop. */
@media screen and (min-width: 1024px) {
body.single-post .vcex-post-media img {
display: block;
max-width: 1000px;
max-height: 420px;
margin: 0 auto;
border-radius: 13px;
}
}
/* ============================================================
Selettore lingua nel menu mobile — 25/09/2026
Nel menu a schermo intero era una voce come le altre («English» a 35px).
Qui si stacca dall'elenco con una linea sottile e diventa la stessa pill
del desktop, in versione da tocco: cornice crema, sigla attiva piena.
============================================================ */
.full-screen-overlay-nav .voce_lingua {
position: relative;
margin-top: 26px;
padding-top: 26px;
}
.full-screen-overlay-nav .voce_lingua::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 40px;
height: 1px;
background: rgba(250, 249, 246, 0.35);
transform: translateX(-50%);
}
.full-screen-overlay-nav .voce_lingua > a {
display: inline-flex;
padding: 0;
line-height: 1;
}
.full-screen-overlay-nav .voce_lingua .lingua_pill {
display: inline-flex;
align-items: center;
gap: 3px;
padding: 3px;
border: 1px solid rgba(250, 249, 246, 0.55);
border-radius: 999px;
font: 500 14px / 1 "Instrument Sans", sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.full-screen-overlay-nav .voce_lingua .lingua_attiva,
.full-screen-overlay-nav .voce_lingua .lingua_altra {
padding: 11px 18px;
border-radius: 999px;
}
.full-screen-overlay-nav .voce_lingua .lingua_attiva {
background: #FAF9F6;
color: #121212;
}
.full-screen-overlay-nav .voce_lingua .lingua_altra {
color: #FAF9F6;
}
/* ============================================================
Azienda, tappa 1970 (az_tappa_04): le tre foto — 25/09/2026
Erano impilate a left: 0, cioe' sul bordo del contenitore da 1440px (sullo
schermo, il bordo dello schermo), con il testo che rientra di 670px: un
margine che non allineava con nulla. Ora partono da 122px, lo stesso rientro
del testo nelle tappe speculari, e crescono a 320x215 (erano 205x138).
Solo desktop: da telefono restano come prima. Per tornare indietro basta
togliere questo blocco.
============================================================ */
@media screen and (min-width: 1024px) {
.az_tappa_04 {
min-height: 700px;
}
.az_foto_4a,
.az_foto_4b,
.az_foto_4c {
left: 122px;
}
.az_foto_4a { top: 0; }
.az_foto_4b { top: 231px; }
.az_foto_4c { top: 462px; }
.az_foto_4a .vcex-image-inner,
.az_foto_4b .vcex-image-inner,
.az_foto_4c .vcex-image-inner {
width: 320px;
height: 215px;
}
}
/* Footer: logo Val di Cembra, aggiunto il 25/09/2026 (formato verticale). */
#footer-builder .footer_logo_valdicembra .vcex-image-img {
height: 84px;
}
@media screen and (max-width: 767px) {
#footer-builder .footer_logo_valdicembra .vcex-image-img {
height: 64px;
}
}
/* Copertina Cervim (allegato 821, 07/10/2026). Nelle card della pagina News la foto è
ritagliata a circa 4,3:1 al centro, e la medaglia in alto a destra perdeva la parte alta.
Solo per questa foto, la card ne mostra la parte alta. Per rimuovere: cancellare il blocco. */
.vcex-post-media img[src*="cervim-2026-copertina-vigneti"] {
object-position: 50% 0;
}
/* Ruota dei cugini, tempi (07/10/2026). Quelli del tema sono 1800ms per la crescita e 1290ms
di attesa prima della descrizione: il cliente li ha trovati troppo lenti.
Desktop: lo spicchio cresce in 450ms e la descrizione compare mentre finisce di crescere.
Sotto i 1024px larghezza e margini si muovono insieme, solo più rapidi: separarli fa
saltare lo spicchio. Per tornare ai tempi del tema: cancellare questo blocco. */
@media screen and (min-width: 1024px) {
.cerchio_quadrante {
transition: width 450ms cubic-bezier(0.2, 0.7, 0.2, 1), height 450ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.cerchio_quadrante::after {
transition: opacity 450ms ease;
}
.cerchio_testo {
transition: opacity 200ms ease 0ms;
}
.cerchio_quadrante_as:hover ~ .cerchio_voce_as .cerchio_testo,
.cerchio_quadrante_ad:hover ~ .cerchio_voce_ad .cerchio_testo,
.cerchio_quadrante_bs:hover ~ .cerchio_voce_bs .cerchio_testo,
.cerchio_quadrante_bd:hover ~ .cerchio_voce_bd .cerchio_testo {
transition-duration: 300ms;
transition-delay: 180ms;
}
}
@media screen and (max-width: 1023px) {
.cerchio_quadrante {
transition: width 400ms ease-in-out, margin 400ms ease-in-out;
}
}
/* Copertina del Team Spiller (allegato 961, 07/10/2026). Come per il Cervim: le card della
pagina News ritagliano la foto a circa 4,3:1, e al centro il ragazzo più alto perdeva la testa.
Al 25% entrano i quattro volti e il logo sul muro. Per rimuovere: cancellare il blocco. */
.vcex-post-media img[src*="team-spiller-curling-copertina"] {
object-position: 50% 25%;
}
/* Galleria in fondo agli articoli (07/10/2026), chiesta dal cliente per l'articolo del Team
Spiller: la foto sotto il mouse resta piena, le altre si rimpiccioliscono un poco e si
attenuano, così quella guardata risalta. Non si ingrandisce quella guardata perché il
carosello taglia tutto ciò che esce dalla sua altezza. Solo con un mouse e da 1024px:
sul telefono si vede una foto alla volta. Per rimuovere: cancellare il blocco. */
@media (hover: hover) and (min-width: 1024px) {
.news_galleria_pista .wpex-carousel-entry-media {
transition: transform 450ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 450ms ease;
}
.news_galleria_pista:has(.wpex-carousel-slide:hover) .wpex-carousel-entry-media {
transform: scale(0.93);
opacity: 0.8;
}
.news_galleria_pista .wpex-carousel-slide:hover .wpex-carousel-entry-media {
transform: none;
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.news_galleria_pista .wpex-carousel-entry-media {
transition: none;
}
}
/* Logo Cembrani D.O.C. nel footer (07/10/2026), primo della fascia come chiesto dal cliente.
Verticale come quello della Val di Cembra, quindi stessa altezza. */
#footer-builder .footer_logo_cembrani .vcex-image-img {
height: 84px;
}
@media screen and (max-width: 767px) {
#footer-builder .footer_logo_cembrani .vcex-image-img {
height: 64px;
}
}