:root{--colore-chiaro:#555;--colore-sfondo:#333;--colore-evidenza:#ccc;--colore-testo:#888;--colore-scuro:#1f1f1f;--font-titoli:"Hepta Slab", serif;--font-testo:"Montserrat", sans-serif}*{box-sizing:border-box}img{height:auto}html,body{box-sizing:border-box;scroll-behavior:smooth;background-color:var(--colore-sfondo);color:var(--colore-testo);font-family:var(--font-testo);margin:0;padding:0}header{background-color:peru;height:50vh;position:relative;& .slideshow{width:100%;height:100%;position:absolute;overflow:hidden}& .slideshow-image{background:50%/cover no-repeat;width:100%;height:100%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}& h1{z-index:99;text-align:center;background-color:#000000bf;border-radius:15px;width:350px;padding:.8em 1.5em;font-size:2em;font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1em 2em -1em #00000080;@media (width<=700px){width:180px}& #casa_bianca{@media (width<=700px){width:70%}}& small{text-transform:lowercase;font-size:.5em;display:block;&:first-child{border-bottom:1px solid #00000040;padding-bottom:.5em}&:last-child{border-top:1px solid #ffffff40;padding-top:.5em}}}}.button{background:var(--colore-scuro);color:var(--colore-evidenza);white-space:nowrap;text-align:center;border:0;border:1px solid var(--colore-testo);cursor:pointer;border-radius:.25rem;padding:.5rem .9rem;font-size:1.2em;line-height:1.5;text-decoration:none;transition:all .2s;display:block;&:hover,&:focus{background:var(--colore-testo);color:var(--colore-sfondo)}&:active{transform:scale(.99)}}.vmail{width:25ch;margin:1rem auto}#chi-siamo{grid-column-gap:50px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:4em;display:grid;& div{margin-bottom:2em;& img{width:100%}& h2{color:var(--colore-evidenza);text-transform:uppercase;line-height:.5em;@media (width<=700px){font-size:1.1em}}& h3{color:peru;line-height:1em;font-family:var(--font-titoli);font-size:1.1em;@media (width<=700px){font-size:.8em}}& p{text-align:justify;font-size:1.1em;line-height:1.5}}}#cat-vini{grid-template-columns:repeat(auto-fit,minmax(400px,50%));grid-template-areas:"selezionami immagine""selezionami scheda";display:grid;@media (width<=700px){grid-template-columns:1fr;grid-template-areas:"selezionami""immagine""scheda"}& .elencoVini{background-color:var(--colore-scuro);grid-area:selezionami;& h2{text-align:center}& .iconevini{grid-gap:.8em;grid-template-columns:repeat(3,1fr);margin:1em;padding:1em;display:grid;& .vico{appearance:none;font:inherit;color:inherit;background:0 0;border:0;padding:0;display:block;& img{width:100%}cursor:pointer;&:hover{& img{transition:transform .2s ease-in-out;transform:scale(.95)}}&:focus-visible{outline-offset:2px;outline:3px solid peru}&[aria-selected=true] img{filter:drop-shadow(0 0 6px #00000059);transform:scale(.95)}}}@media (width<=700px){& .iconevini{display:none}}& .listaVini{background-color:var(--colore-chiaro);text-align:center;width:100%;font-size:1em;display:none;position:relative;& select{color:#fff;width:100%;height:50px;font-family:var(--font-titoli);background:peru;border:none;padding:1em 2em;font-weight:700}}@media (width<=700px){& .listaVini{display:block}}}& .imagoBott{background-color:#fff;grid-area:immagine;min-height:400px;max-height:600px;& .bottimag{width:100%}}& .schedaVino{background-color:#fff;grid-area:scheda;& h3{font-family:var(--font-titoli);color:peru;margin-bottom:0;margin-left:1.9em;font-size:1.5em}& h4,& p{margin:.3em 3em 1em}& p{text-align:justify;line-height:1.5}& .button-v{color:var(--colore-scuro);white-space:nowrap;text-align:center;border:2px solid var(--colore-testo);cursor:pointer;background:#fff;border-radius:.25rem;margin:.5rem 3rem;padding:.5rem .9rem;font-size:1.2em;line-height:1.5;text-decoration:none;transition:all .2s;display:block;&:hover,&:focus{background:var(--colore-scuro);color:#fff}&:active{transform:scale(.99)}}}}#intervallo{background:image-set("/img/elementi/webp/menzione_vino.webp" 1x type("image/webp"),"/img/elementi/menzione_vino.jpg" 1x type("image/jpeg")) 50%;& .griddo{text-align:center;background:var(--colore-sfondo);opacity:.8;place-items:center;min-height:350px;padding:4em;display:grid}& h2{color:#fff;margin-bottom:.1em;font-size:4em;&:before{content:"";background:url(/img/svg/ico_bicchiere.svg) 50% no-repeat;width:150px;height:150px;margin:0 auto;display:block}@media (width<=700px){font-size:2em}}& p{color:var(--colore-evidenza)}}#partners{background-color:#fff;flex-flow:wrap;justify-content:space-around;align-items:center;min-height:250px;padding:1em;display:flex;& .partner{& img{width:100px;height:100px;margin:0 1em}}}#info-plus{grid-column-gap:2em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:4em 4em 0;display:grid;& div{margin-bottom:4em;& h2{text-transform:uppercase;color:var(--colore-evidenza);font-size:1em;&:after{content:"";background-color:var(--colore-evidenza);width:100%;height:1px;margin-top:1em;display:block}}& p{font-size:.8em}& .orari{color:var(--colore-evidenza);margin-bottom:.5em;padding-left:1.5em;font-weight:700;display:block;position:relative;&:before{content:url(/img/svg/ico_clock.svg);width:1em;height:1em;margin-right:1em;position:absolute;top:.1em;left:-.05em}}& .laGall{grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;display:grid;& img{opacity:.7;width:100%;&:hover,&:focus{opacity:1;cursor:pointer}transition:opacity .3s}}}}#blog{margin:1em 3em 3em;& h2{text-align:center}& a{color:orange;transition:opacity .3s;&:hover{opacity:.3;text-decoration:none}}& img{width:100%}& .leNews{grid-gap:3em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}}#contatti{& .tel-nolink{color:peru;text-decoration:none;&:hover{color:#960a5a}}& h2{text-align:center;color:var(--colore-evidenza);font-size:1.8em;font-weight:700;@media (width<=700px){font-size:1em}}& #contattoForm{& h3{text-align:center;margin:0 auto}& form{width:70%;margin:3em auto;@media (width>=700px){grid-gap:20px;grid-template-columns:1fr 1fr;display:grid}& .full-w{grid-column:1/3}& label{color:var(--colore-evidenza);text-transform:uppercase;margin-top:3em;display:block}& input,& textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #fff;width:100%;padding:1em;font-family:Montserrat;line-height:1.5;&:focus{border-bottom:1px solid orange}}& button{text-transform:uppercase;border-radius:10px;width:100%;padding:1em;font-family:Montserrat;font-weight:800}& .hidd{display:none!important}& .form-group{& .text-help{color:#dc1d34;font-size:1.1em;font-weight:700}}}}}#map{width:100%;height:700px}footer{background:var(--colore-scuro);grid-template-columns:minmax(150px,500px) minmax(100px,500px);justify-content:space-between;padding:2em;font-size:.7em;display:grid;& span{display:block}& a{color:var(--colore-evidenza);&:hover{color:#960a5a}}& #social{flex-direction:row;justify-self:end;padding:0 5px;display:flex;& a{opacity:.5;width:2.7em;height:2.7em;margin:0 7px;display:block}& .insta{background:url(/img/svg/ico_instagram.svg) 50% no-repeat}& .faceb{background:url(/img/svg/ico_facebook.svg) 50% no-repeat}}}.nav-wrapper{z-index:100;background-color:#3f3f3f;width:100%;position:-webkit-sticky;position:sticky;top:0}.navbar{grid-template-columns:1fr 3fr;align-items:center;height:60px;display:grid;overflow:hidden}.navbar img{justify-self:start;width:auto;height:45px;margin-left:20px}.navbar ul{grid-template-columns:repeat(6,1fr);justify-self:end;list-style:none;display:grid}.nav-mob{color:#ccc;text-transform:uppercase;padding-left:15px;font-size:.8rem;text-decoration:none;transition:color .3s ease-out;display:block}.nav-mob:hover{color:peru}.linklang{color:#e0e0e0;font-weight:900}.no-search{transition:transform .7s ease-in-out;transform:translate(0)}.menu-toggle .bar{-o-transition:all .3s ease-in-out;background-color:#ccc;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu-toggle{appearance:none;color:inherit;font:inherit;background:0 0;border:0;justify-self:end;margin-right:25px;padding:0;display:none;&:focus-visible{outline-offset:4px;outline:3px solid peru}}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:first-child{-webkit-transform:translateY(8px)rotate(45deg);-ms-transform:translateY(8px)rotate(45deg);-o-transform:translateY(8px)rotate(45deg);transform:translateY(8px)rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px)rotate(-45deg);-ms-transform:translateY(-8px)rotate(-45deg);-o-transform:translateY(-8px)rotate(-45deg);transform:translateY(-8px)rotate(-45deg)}@media only screen and (width<=720px){.navbar ul{text-align:center;background-color:#585858f7;flex-direction:column;justify-content:start;width:100%;height:100vh;margin-top:0;padding:0;display:flex;position:absolute;top:50px;overflow:hidden;transform:translate(-101%)}.navbar li{padding:15px}.navbar li:first-child{margin-top:50px}.navbar li a{font-size:1rem}.menu-toggle,.bar{cursor:pointer;display:block}.mobile-nav{transform:translate(0%)!important}}.lightbox{z-index:999;text-align:center;background:#000c;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.lightbox img{max-width:90%;max-height:80%;margin-top:2%}.lightbox:target{outline:none;display:block}schede-vino{display:contents}html:not(.no-js) [data-vino-pannello]:not([data-attivo]){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pagina-servizio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:6rem 1.5rem;display:flex;& h1,& h2{margin:0;font-size:2.4em;font-weight:600}& p{max-width:34em;margin:0}& .lingua+.lingua{border-top:1px solid var(--colore-chiaro);padding-top:2.5rem}& .lingua{flex-direction:column;align-items:center;gap:1rem;display:flex}& .logo-servizio{width:260px;max-width:60vw;height:auto;margin-bottom:1rem}}