body {
scroll-behavior: smooth;
position: relative;
font-family: "Momo Trust Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
color:#555;
}

/* Prata Regular */
@font-face {
  font-family: "Prata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Prata-Regular.ttf') format('truetype');
}

/* Momo */
@font-face {
  font-family: 'Momo Trust Sans';
  src: url('../fonts/MomoTrustSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* Per i font variabili */
  font-display: swap;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('../fonts/MaterialSymbolsOutlined.ttf') format('truetype');
    font-weight: 100 700;
    font-style: normal;
    font-display: swap;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 100;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Classe base per le icone */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  
  /* Valori di default */
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

/* Varianti di peso */
.material-symbols-outlined.weight-100 {
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.weight-200 {
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.weight-300 {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.weight-700 {
  font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24;
}

/* Varianti filled */
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

iframe {
  width: 80%;
  aspect-ratio: 4 / 3;
  border: 0;
}

.grecaptcha-badge { 
visibility: hidden; 
}

.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 2rem;  /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
}

hr {
margin-top:2rem;
padding-top:2rem;
border-top:1px solid rgba(138,8,8,1);
}

hr .bianco {
margin-top:1rem;
padding-top:1rem;
border-top:1px solid #fff;
}

.mini {
margin-top:2rem;
padding-top:2rem;
border-top:2px solid rgba(233,80,14,.5);
}

.icon {
color:rgba(233, 80, 14, 1);
margin-right:.5rem;
}

a, a:hover {
color:inherit;
text-decoration:none;
}

.contenuto a {
color:rgba(138,8,8,1);
text-decoration:none;
}

img {
width:100%;
height:auto;
}

b, strong, .bold {
font-weight:800;
}

/* TIPOGRAFIA */

h1,h2 {
font-family: "Prata", serif;
font-weight:400;
line-height:1;
margin:2rem 0;
}

h3, h4, h5, h6 {
font-weight:700;
line-height:1;
margin:2rem 0;
}

h1 {
font-size:5rem
}
h2 {
font-size:3.25rem
}
.contenuto h2 {
font-size:2.5rem;
line-height:1.1;
}
h3 {
font-size:1.5rem
}
h4 {
font-size:1.15rem
}

.grande {
font-size:1.5rem;line-height:120%
}
.medio {
font-size:1.25rem;line-height:120%
}

.lite {
font-weight:300;
}
.medium {
font-weight:500;
}

.indice {
font-size:5rem;
font-weight:800;
line-height:.8;
}

.claimhome {
font-size:2.5rem;
line-height:1;
}

.legenda {
font-size:.8rem;
font-weight:600;
}

@media only screen and (max-width: 768px) {
h1 {font-size:3rem}
h2 {font-size:2rem}
.grande{font-size:1.2rem}
}


/* COLORI */

.sangio {
color:rgba(138,8,8,1);
}
.sangiobg {
background-color:rgba(138,8,8,1);
}

.bianco {
color:#fff;
}
.biancobg {
background-color:#fff;
}

.chiaro {
color:#eee;
}
.chiarobg {
background-color:#eee;
}

.scuro {
color:#555;
}
.scurobg {
background-color:#555;
}

/* Navigation */

nav {
height:15vh;
background-color:rgba(150, 100, 50, .2);
}

.logo img {
height:4rem;
border-radius:1rem;
}

.name {
font-weight:800;
font-size:1.25rem;
line-height:1;
padding-top:.5rem;
}

/* Header */

header {
position: relative;
padding-top:5vh;
background-color:rgba(150, 100, 50, .2);
width:100%;
}

header .container {
position: relative;
z-index: 2;
}

/* Heroes */

.herohome {
position:relative;
height:70vh;
border-radius:.5rem;
width:100%;
}

@media (max-width: 768px) {
.herohome {
height:100%;padding:10vh 0;
background-size: auto 100% !important;
background-attachment: scroll !important;
}
}

/* CONTENT */

.sezione {
position:relative;
padding: 15vh 0;
}

.sezioneinter {
position:relative;
padding: 5vh 0;
}

.content {
position:relative;
padding: 10vh 0;
}

.content h1 {font-size:2rem;}
.content h2 {font-size:1.5rem; line-height:1.2}
.content h3 {font-size:1.25rem;}

.articolo {
position:relative;
padding: 10vh 0;
}

.articolo h1 {font-size:3rem;}
.articolo h2 {font-size:2rem}
.articolo h3 {font-size:1.5rem;}
.articolo h4 {font-size:1.25rem;}

.articolo img {
margin:2rem 0;border-radius:1rem;
}

.articolo a {
text-decoration:underline;
font-weight:500;
}

.breve {
padding:10vh 0 0 0;
}

.breve ul {
font-size:1.25rem;
list-style-type: none;
margin:0;
padding:0;
}

.breve .intro {
font-size:1.5rem;
font-weight:600;
line-height:1.2;
}


.dettagli {
margin:4rem 0;
padding:2rem 4rem;
background-color: rgba(240,230,230,.5);
border-radius:1rem;
}

.dettagli p {
font-size:.9rem;
}

.forse {font-size:3rem;font-weight:800;line-height:.9;}

.immagine {
height:20vh;
margin:1rem 0;
border-radius:.25rem;
}

.opere .wp-caption img {
border-right:1px solid #ccc;
padding-right:3rem;
cursor: zoom-in;
}

.opere .wp-caption {
display:flex;
width:100% !important;
margin-bottom:3rem;
}

.opere .wp-caption-text {
margin-top: auto;margin-bottom:0;
padding: 0 3rem;
font-size:.8rem;
line-height:1;
width:40%;
}

/* appuntamenti */

.appuntamento {
transition: 0.25s;
padding-right:5rem;
}

@media (max-width: 768px) {
.appuntamento {padding-right:1rem;}
}

.appuntamento .immagine {
height:25vh;
}

.appuntamento .data {
font-size:.9rem;
font-weight:600;
padding:1rem 0;
border-bottom:1px solid rgba(150,100,50,.2);
}

/* BARS */

.bar {
border-left:1px solid rgba(233,80,14,.5);
padding:2rem 5rem;
}

/* colori */

.eventi {border:1px solid #eee;}
.visite {border:1px solid #eee;}
.incontri {border:1px solid #eee;}
.degustazioni {border:1px solid #eee;}
.team {border:1px solid #eee;}

/* BTN */

.mega {
border:1px solid #E9500E;
font-size:1.5rem;
padding:1rem 2rem;
background:transparent;
color:#E9500E;
}

/* MORE BIANCO */

.morebianco, .morebianco:hover {
padding:.5rem 1rem;
transition: 0.25s;
color:#555;
font-weight:400;
font-size:1rem;
border:1px solid #555;
border-radius:.25rem;
}

.morebianco span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.25s;
}

.morebianco span:after {
font-family: 'Material Symbols Outlined';
content: '\e5c8';
position: absolute;
opacity: 0;
top: 0;
right: 0;
transition: 0.25s;
font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.morebianco:hover span {
left:0;
padding-right: 2rem;
color:#555;
}

.morebianco:hover span:after {
opacity: 1;
right: 0;
color:#555;
}

.morebianco:hover span:before {
opacity: 0;
right: 0;
color:#555;
}

/* PRENOTA */

.prenota {
margin-top:2.5rem;
background-color:rgba(138,8,8,1);
padding:.5rem 1rem;
transition: 0.25s;
color:#fff!important;
font-weight:600;
font-size:1rem;
border:1px solid rgba(138,8,8,1);
border-radius:.25rem;
}

.prenota:hover {
background-color:transparent;
padding:.5rem 1rem;
transition: 0.25s;
color:rgba(138,8,8,1);
font-weight:400;
font-size:1rem;
border:1px solid rgba(138,8,8,1);
border-radius:.25rem;
font-weight:600;
}

.prenota span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.25s;
}

.prenota span:after {
font-family: 'Material Symbols Outlined';
content: '\f1e1';
position: absolute;
opacity: 0;
top: 0;
right: 0;
transition: 0.25s;
font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.prenota:hover span {
left:0;
padding-right: 2rem;
color:rgba(138,8,8,1);
}

.prenota:hover span:after {
opacity: 1;
right: 0;
}

.prenota:hover span:before {
opacity: 0;
right: 0;
color:rgba(138,8,8,1);
}

/* FOOT */

footer {
background-color:rgba(138,8,8,1);
padding:10vh 0;
position:relative;
color:#fff;
line-height:1;
}