@import "custom-animation.css";
html {
  scroll-behavior: smooth;
}
.aicod-row{
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-right: calc(1.5rem * -.5);
  margin-left: calc(1.5rem * -.5);
/*  white-space: normal;*/
}
.aicod-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-top: 0;
}
.aicod-col {
    flex: 1 0 0%;
}
@media (min-width:992px){
  .aicod-col {
    flex: 1 0 0%;
  }
  .col-spacing{
    padding-right: 4vw;
  }
}
.aicod-col-12 {
    flex: 0 0 auto;
    width: 100%;
}
@media (min-width: 768px){
  .aicod-col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
  }
  .aicod-col-md-8 {
      flex: 0 0 auto;
      width: 66.66666666%;
  }
  .aicod-col-md-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
  }
  .aicod-col-md-7 {
      flex: 0 0 auto;
      width: 58.333333333%;
  }
}
@media (min-width: 768px){
  .aicod-col-md-3 {
      flex: 0 0 auto;
      width: 50%;
  }
}
@media (min-width: 992px){
  .aicod-col-md-3 {
      flex: 0 0 auto;
      width: 25%;
  }
}
.correlati-item.correlati-acc{
  padding: 0 3%;
}


.single .post-content {
  width: 100%;
  margin: auto;
  padding: 5.5vh 11.7vw 8vh;
  white-space: pre-wrap;
}
@media (min-width: 48em){
  .single .post-content {
      padding: 0;
      padding: 8.5vh 6.8vw;
  }
}
@media (min-width: 64.0625em){
  .single .post-content {
       padding: 13.5vh 7.7vw 11.7vh; 
  }
}

/* testata Hero più bassa */
.hero_small{
  height: 60vh;
}
@media (min-width: 48em){
  .hero_small {
      height: 26vw;
  } 
}
@media (min-width: 64.0625em){
  .hero_small {
      height: 24vw;
  }
}

/* testata Hero ancora più bassa */
.hero_smaller{
  height:25vh;
}
@media (min-width: 48em){
  .hero_smaller {
      height: 26vw;
  } 
}
@media (min-width: 64.0625em){
  .hero_smaller {
      height: 24vw;
  }
}
@media(max-width:600px){
  .hero_smaller .heading--hero{
    font-size: 28px;
    padding:0 20px;
  }
}



.bottone{
  display: inline-block;
  text-decoration:none;
  vertical-align: middle;
  padding: 23px 0;
}
.bottone:hover{
    color: #000;
    background-color: #fff;
    border-color: #000;
}
.paragrafo{
  white-space: normal;
}
.embed-wrapper{
  height: 100%;
  min-height: 700px;
}
.embed-wrapper iframe{
/*  max-width: 750px*/
}
.embed-wrapper .popup-content__iframe{
    margin-top: 0;
    margin-bottom: 0;
/*    height: 100%!important;*/
/*  height:auto;*/
}

/*Esperienze 2023*/
.hero_esperienze-logo{
  width: 200px; 
  height: auto;
}
.page--experience2023 .experience-sections{
  padding-right: 0;
}

.bg-prenotazione{
  background-image:url(../images/bg-prenotazione.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center center;
  white-space: normal!important;
}
.blocco-embed-prenotazione{
  max-width: 1150px;
  margin: 0 auto;
}
.blocco-prenota{
/*  padding:0 10%;*/
  /*display: flex;
  flex-wrap: wrap;
  flex-direction: column;*/
  white-space: normal;
  text-align: center;
}
.blocco-prenota + .blocco-prenota{
  margin-top: 7.5%;
}
.heading-multilinea{
  white-space: pre-wrap;
}

/*esperienze correlati*/
.testata-correlati{
  padding:100px;
}
@media (max-width:767px){
  .testata-correlati{
    padding:50px;
  }
}
.testata-correlati .wrapper{
  text-align: center;
}
.testata-correlati h2{
  margin-bottom:0;
}
.elenco-correlati {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
/*    margin-top: 7.65%;*/
    margin-bottom: 5.65%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 48em){
  .elenco-correlati {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6%;
    padding-right: 6%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.elenco-correlati .aicod-row{
  width: 100%;
}
.correlati-item{
  padding:0 6%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.correlati-text-wrapper{
  margin:7.5% 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.correlati-top{
  margin-bottom:7.5%;
}
.correlati-bottom{
  margin-top:auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 48em){
  .correlati-bottom{
    margin-bottom:60px;
  }
}
.correlati-bottom .distanza .icon{
  display: inline-block;
  vertical-align: middle;
}
.correlati-bottom .disatanza span{
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.correlati-image-wrapper{
  overflow: hidden;
}
.correlati-image-wrapper img{
  -webkit-transition: -webkit-transform 1.4s ease-in-out;
  transition: -webkit-transform 1.4s ease-in-out;
  transition: transform 1.4s ease-in-out;
  transition: transform 1.4s ease-in-out,-webkit-transform 1.4s ease-in-out;
}
.correlati-image-wrapper:hover img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: -webkit-transform 5s ease-in-out;
  transition: -webkit-transform 5s ease-in-out;
  transition: transform 5s ease-in-out;
  transition: transform 5s ease-in-out,-webkit-transform 5s ease-in-out;
}
.correlati-item{
  opacity:0;
}
.correlati-item.correlato-animated--active{
  opacity: 1;
  -webkit-transition: opacity 1.4s ease;
  transition: opacity 1.4s ease;
}


.experience-filter .wine-filter__content{
  padding: 7.5% 0 9.5%;
  flex-direction: column;
}
.experience-filter .filter-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
/*  padding-top:50px;*/
}
.esperienze-main-filters{
  width: 368px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -180px;
   -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.esperienze-main-filters.open{
  left:30%;
}
.esperienze-main-filters.open .main_filters_esperienze{
  text-align: left;
}
.main_filters_esperienze{
  opacity: 0;
  z-index: -1;
}
.main_filters_esperienze.animated, .main_filters_esperienze.animation-ended {
    opacity: 1;
    z-index: 100;
}
.main_filters_esperienze.selected{
  color: #a18e56;
}

.esperienze-sub-filters{
  width: 20%;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  margin-left: -10%;
  opacity: 0;
  z-index: -1;
/*  padding:4rem 0;*/
   -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.esperienze-sub-filters.animated, .esperienze-sub-filters.animation-ended{
  opacity: 1;
  z-index: 100;
}
.esperienze-sub-filters-item{
  display: block;
  font-size: 26px;
  cursor: pointer;
  background: transparent;
  border: 0;
  /*    font-size: 20px;*/
  padding: 0;
  margin-bottom: 1rem;
  width: 100%;
  text-align: left;
  -webkit-transition: color .7s ease,width 1s ease-out;
  transition: color .7s ease,width 1s ease-out;
  color: #000;
  text-decoration: none;
  opacity: 0;
  z-index: -1;
  position: relative;
   -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.esperienze-sub-filters-item.animated, .esperienze-sub-filters-item.animation-ended{
  opacity: 1;
  z-index: 1;
}

.experience-filter .wine-sub-filters .jspContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.experience-filter .jspPane{
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;*/
  position: relative;
}

.filter-description{
  font-size: 26px;
  text-align: center;
  margin:0 4rem 25px;
}


@media (min-width: 48em){
  .experience-filter .jspContainer {
      -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(16%,#000),color-stop(84%,#000),to(transparent));
      -webkit-mask-image: linear-gradient(transparent,#000 16%,#000 84%,transparent);
      mask-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(16%,#000),color-stop(84%,#000),to(transparent));
      mask-image: linear-gradient(transparent,#000 16%,#000 84%,transparent);
  }
}
.page--esperienza2023 .site-content section,
.page--experience2023 .site-content section {
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 1000ms ease-out;
}
.page--esperienza2023 section.container-mappa, .page--esperienza2023 section.experience-filter {
  opacity: 1;
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.page--experience2023 section.container-mappa, .page--experience2023 section.experience-filter {
  opacity: 1;
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page--esperienza2023 section.hidden,
.page--experience2023 section.hidden {
  opacity: 0;
  z-index: -1;
  /*position: relative;*/
}
.page--esperienza2023 section.container-mappa2,
.page--experience2023 section.container-mappa2 {
  opacity: 1;
  position:relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  overflow: hidden;
}
.post-content p + h3, .post-content p + h2, .post-content p + h4{
  margin-top:7.5%;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}

.selettore-visualizzazione{
  position:fixed;
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  /* flex-flow: row nowrap; */ 
  flex-direction: row; 
  flex-wrap: nowrap; 
  align-content: flex-start;
  bottom:0;
  left: 0;
  z-index: 50;
  width: 100%;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(10px);
  gap: 5px;
}
.selettore-visualizzazione2 {
  position:absolute;
  z-index: 1010;
}
.selettore-visualizzazione-mob { 
  position:fixed;  
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  /* flex-flow: row nowrap; */ 
  flex-direction: row; 
  flex-wrap: nowrap; 
  align-content: flex-start;
  top:84px;
  left: 0;
  z-index: 50;
  width: 100%;
  background: #F1EDEA;
  /* backdrop-filter: blur(10px); */
  gap: 5px;
}
.selettore-visualizzazione-mob2 { 
  position:absolute;
  top:0;
  z-index: 1000;
}
.selettore-visualizzazione-mob .map-switch {
  width: 100%;
}


.tipi-visualizzazione {
  /* min-width: 300px; */
  list-style: none ;
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
}
/* .tipi-visualizzazione.embedd-pagina {
  min-width: unset;  
  justify-content: flex-start;
} */
.tipi-visualizzazione li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 8px 20px;
  font-family: Lato,sans-serif; 
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  letter-spacing: 2px;
  color:#B0A192;  
  text-transform: uppercase;  
}
.tipi-visualizzazione li.filtro-center {
  border-left: 1px solid #B0A192;
  border-right: 1px solid #B0A192;
}
.tipi-visualizzazione.embedd-pagina li.filtro-center {
  border-right: none;
}
.tipi-visualizzazione li:hover,
.tipi-visualizzazione li.active{
  color:#fff;
}
.tipi-visualizzazione li svg {
  margin-right: 5px;
}
.tipi-visualizzazione li svg path {
  fill:#B0A192;
}
.tipi-visualizzazione li:hover svg path,
.tipi-visualizzazione li.active svg path {
  fill:#fff;
}
.selettore-visualizzazione .tipi-visualizzazione .mondo svg path {
  stroke:#B0A192;
  fill: none;
}
.selettore-visualizzazione .tipi-visualizzazione .mondo:hover svg path,
.selettore-visualizzazione .tipi-visualizzazione .mondo.active svg path {
  stroke:#fff;
  fill: none;
}
.selettore-visualizzazione-mob .tipi-visualizzazione{
  justify-content: center;
}

.selettore-visualizzazione-mob .tipi-visualizzazione li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 2px 20px;
  font-family: Lato,sans-serif; 
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  letter-spacing: 2px;
  color:#000;  
  text-transform: uppercase;
}
.selettore-visualizzazione-mob .tipi-visualizzazione li:hover,
.selettore-visualizzazione-mob .tipi-visualizzazione li.active{
  color:#ACA173;
}
.selettore-visualizzazione-mob .tipi-visualizzazione li svg {
  margin-right: 5px;
}
.selettore-visualizzazione-mob .tipi-visualizzazione li svg path {
  fill:#000;
}
.selettore-visualizzazione-mob .tipi-visualizzazione li:hover svg path,
.selettore-visualizzazione-mob .tipi-visualizzazione li.active svg path {
  fill:#ACA173;
}
.selettore-visualizzazione-mob .tipi-visualizzazione .mondo svg path {
  stroke:#000;
  fill: none;
}
.selettore-visualizzazione-mob .tipi-visualizzazione .mondo:hover svg path,
.selettore-visualizzazione-mob .tipi-visualizzazione .mondo.active svg path {
  stroke:#ACA173;
  fill: none;
}
.experience__video-wrapper{
  z-index: 0;
}

section.container-mappa{
  width: 100%;
  /* height: 100%!important; */
  background: #000;
}
section.container-mappa2{
  width: 100%;
  /* height: 100vh!important; */
  background: #000;
}

/** MIC 3D **/
/** MIC 3D **/
/** MIC 3D **/
/*html,
body
{
    overflow: hidden;
}*/
.page-id-16341,
.page-id-16342,
.page-id-16343 {
  overflow: hidden;
}
.webgl
{
    position: fixed;
    top: 0;
    left: 0;
    outline: none;
}
.webgl.webgl2
{
    position: relative;
    top: 0;
    left: 0;
    outline: none;
}
.point {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
}
.switch-point
{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
}
.point .label {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #302f2d;
    /* background: -moz-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); */
    /*background: radial-gradient(circle, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
    border: 2px solid #ecdfd3;
    color: #000;
    
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    font-size: 14px;
    cursor:pointer;
    transform: scale(0, 0);
    transition: transform 0.3s;
    /* -webkit-box-shadow:0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
    animation: glow 5s ease-in-out infinite;
    -webkit-animation: glow 5s ease-in-out infinite;
    -moz-animation: glow 5s ease-in-out infinite;
     */
}


/* .point:hover .label {
  top: -22px;
  left: -22px;
  width: 44px;
  height: 44px;
} */
.point.clicked {
  z-index: 1000;
}
.point:hover {
  z-index: 500;
}
.point.clicked .label {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
   /* background: -moz-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); */
  /*background: radial-gradient(circle, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
  border: 2px solid #fff;

  cursor:pointer;
  /* transform: scale(0, 0);
  transition: transform 0.3s; */
  -webkit-box-shadow:0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  animation: glow 5s ease-in-out infinite;
  -webkit-animation: glow 5s ease-in-out infinite;
  -moz-animation: glow 5s ease-in-out infinite;
  transition: .3s;
    
}
@media (min-width: 1101px){
  .point:hover .label {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
   /* background: -moz-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); */
  /*background: radial-gradient(circle, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);*/
  border: 2px solid #fff;

  cursor:pointer;
  /* transform: scale(0, 0);
  transition: transform 0.3s; */
  -webkit-box-shadow:0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  animation: glow 5s ease-in-out infinite;
  -webkit-animation: glow 5s ease-in-out infinite;
  -moz-animation: glow 5s ease-in-out infinite;
  transition: .3s;
    
}
}
/* @keyframes glow {
    from {
        -webkit-box-shadow:0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
        -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
        box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
    }
    75% {
        background: #ffffff;
        box-shadow: 0 0 10px 5px #fffff0;
      }
    to {
        -webkit-box-shadow:0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
        -moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
        box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.5), 0px 0px 5px 3px rgba(255,255,255,0.8);
    }
  } */


.point.visible .label {
    transform: scale(1, 1);
}

.city {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: none;
  pointer-events: none;  
}
.city.visible {
  display: block;
}
.label-txt {
  position: absolute;
  top: -7px;
  left: 10px;
  font-family: Lato,sans-serif; 
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.2px;
  color:#FFF;  
  text-transform: uppercase;
  opacity: .5;
  cursor: default;
}
.city-left .label-txt {
  left: unset;
  right: 9px;
}
.city .label {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  /* border: 2px solid #5e5d48;  */
}
.city.no-city .label {
  display: none;
  /* border: 2px solid #5e5d48;  */
}
.no-city .label-txt {  
  font-family: Bodoni\ 72,serif; 
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: none;
  opacity: 1;
}
.switch-point .label {
  /* --t:1px;   Thickness */
  /* --l:19px;  size of the symbol */
  /*--s:5px;   space around the symbol */
  /*--c1:#666;  Plus color*/
  /*--c2:#fff;  background color*/
  position: absolute;
  top: -10px;
  left: -10px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  /* background: #FFF;  */
  /* border: 2px solid #FFF; */
  /* color: #000; */

  display:inline-block;
  /* width:var(19px);
  height:var(19px); */
  padding:5px;
  box-sizing:border-box; /*Remove this if you don't want space to be included in the size*/
  
  background:
    linear-gradient(#666 0 0) content-box,
    linear-gradient(#666 0 0) content-box,
    #FFF;
  background-position:center;
  background-size: 100% 1px,1px 100%;
  background-repeat:no-repeat;
  -webkit-box-shadow:0px 0px 1px 1px rgba(255,255,255,0.5), 0px 0px 0px 1px rgba(255,255,255,0.8);
  /* -moz-box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.5), 0px 0px 1px 1px rgba(255,255,255,0.8); */
  box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.5), 0px 0px 0px 1px rgba(255,255,255,0.8);
  animation: glow 5s ease-in-out infinite;
  -webkit-animation: glow 5s ease-in-out infinite;
  -moz-animation: glow 5s ease-in-out infinite;

  /*transition: .3s;
   text-align: center;
  line-height: 20px;
  font-weight: 400;
  font-size: 14px; */
  cursor:pointer;
  transform: scale(0, 0);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
}
/* .switch-point .label::before {
  display: block;
  content: '+';
} */
.switch-point .label-txt {
  display: none;
  font-family: Bodoni\ 72,serif;
  text-transform: none;
  font-size: 20px;
  opacity: 1;
  font-weight: 400;
  top: -9px;
  left: 18px;
}
.switch-point.visible .label-txt {
  display: block;
}
.switch-point.visible .label {
  transform: scale(1, 1);
}
.switch-point:hover .label,
.switch-point.clicked .label {
  -webkit-box-shadow:0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  /* -moz-box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8); */
  box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5), 0px 0px 5px 1px rgba(255,255,255,0.8);
  animation: glow 5s ease-in-out infinite;
  -webkit-animation: glow 5s ease-in-out infinite;
  -moz-animation: glow 5s ease-in-out infinite;
  transition: 0.3s;
  -moz-transition: 0.3s;
}
.switch-point:hover .label-txt {
   opacity: 1;
   transition: 0.3s;
}
.label .plus {
  width: 10px;
  height: 2px;
  background-color: black;
  position: absolute;
}

.label .plus::before {
  content: "";
  width: 2px;
  height: 10px;
  background-color: black;
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateY(-50%);
}

.label .plus::after {
  content: "";
  width: 10px;
  height: 2px;
  background-color: black;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
/* .point .text {
    position: absolute;
    top: -40px;
    left: 40px;
    width: 200px;
    padding: 20px;
    border-radius: 3px;
    background: #fff;
    border: 2px solid #d3cbc1;
    color: #000;
    line-height: 1.3em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
} */


/* .pointx2 .label {    
    top: -15px;
    left: -15px;
    width: 30px;
    height: 30px;
}
.pointx2:hover .label {    
    top: -17px;
    left: -17px;
    width: 34px;
    height: 34px;
} */

svg {
    pointer-events: all;
  }
  /* canvas {
background-color: #f00;
  } */
  .map-menu {
    display: block;
    position: absolute;
    top: 160px;
    left: 60px;
    z-index: 10000;
  }
  .map-menu .hidden{
    display: none;
  }
  
  .map-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10000;
    background-color: white;
    padding: 20px;
    opacity: 1;
    display: none;
  } 
  /* .point .city {
    position: absolute;
    right: Calc( 100% + 30px );
    top: -11px;    
  }
  .point .city.city-r {    
    left:  30px;
  }
  .tosca_point .city,
  .point .city,
  .ita_point .city {
      display: none;
  }
  .tosca_point.visible .city,
  .point.visible .city,
  .ita_point.visible .city {
      display: block;
  } */

  #a-pop {
    position: fixed;    
    z-index: 10000;
    background-color: #fff;
    border: 2px solid #E1DBC9;
    padding: 0;
    opacity: 0;
    min-width: 320px;
    visibility: hidden;
    top: inherit;
    /* -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out; */
    
  }
  #a-pop-mob {    
    visibility: hidden;
  }
  #a-pop-scroll {
    padding: 0 10px;
    display: flex;    
    flex-direction: column;
    max-height: 314px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #a-pop-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #aaa; /* or add it to the track */
    position: absolute;
   right: 0;
  }
  #a-pop-scroll::-webkit-scrollbar-thumb {
    background: #E1DBC9; /* or add it to the track */
  }
  #over-map-mob {
    display: none;
  }
  @media (max-width: 1100px){
    #over-map-mob {
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.7);
      position: absolute;
      z-index: 10000;
    }
    #over-map-mob.hidden {
      display: none;
    }
    #over-map-mob h3  {
      position: sticky;
      top: 160px;
      text-align: center;
      font-family: Lato,sans-serif;
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      letter-spacing: 2px;
      color: #fff;
      text-transform: uppercase;
    }
    .map-menu{
      display: none;
    } 
    .a-pop-mob-close {
      position: absolute;
      right: 15px;
      top: 50px;
    }
    .a-pop-mob-tit {
      font-size: 24px;
      font-weight: 400;
      letter-spacing: 1px;
    }
    #a-pop-mob {
      position: absolute;      
      z-index: 1100;
      background-color: #F8F5F2;
      /* border: 2px solid #E1DBC9; */
      padding: 20px;
      opacity: 0;
      visibility: hidden;
      bottom: 50px;
      width: 100%;
      transform: none;
    }
    #a-pop-scroll-mob {
      padding: 0 10px 0 0;
      display: flex;    
      flex-direction: column;
      max-height: 314px;
      overflow-y: auto;
      overflow-x: hidden;
    }
    #a-pop-scroll-mob::after{
      width: 1px;
      height: 100%;
      background-color: #000;
    }
    
    #a-pop-scroll-mob::-webkit-scrollbar {
      width: 3px;
      background-color: #000;
      /* border-left: 2px solid #F8F5F2;
      border-right: 1px solid #000; */
      position: absolute;
      right: 0;
      /* background-clip: content-box; */
    }
    #a-pop-scroll-mob::-webkit-scrollbar-track {
      -webkit-box-shadow: unset 0 0 0px rgba(0,0,0,0.3);
    }
    #a-pop-scroll-mob::-webkit-scrollbar-thumb {
      background: #9E8E5D; /* or add it to the track */
    }
    .a-pop-box-mob {
      display: flex;  
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: normal;
      align-items: end;
      align-content: end;
      padding: 10px;
      border: 2px solid #E1DBC9;
      margin-bottom: 20px;
      background-color: #fff;
    }
    .a-pop-title-mob {
      font-size: 19px;
      font-weight: 400;
      /* margin-top: 5px;
      margin-bottom: 10px; */
      letter-spacing: 1px;
      color: initial;
      text-decoration: none;
    }
    #a-pop-mob .section-link__text {
      font-size: 8px;
      margin-top: 2px;
    }
    .a-pop-label-box-mob {
      position: absolute;
      font-size: 16px;
      top: -15px;
      /* right: 20px; */
      background-color: #000;
      padding: 3px 15px;
    }
    #a-pop-mob .section-link__line {
      height: .8rem;
      width: .8rem;
    }
    .a-pop-mob-box {
      margin-left: auto;
      margin-right: auto;
      max-width: 700px;
    }

    .page--esperienza2023 section.container-mappa, .page--esperienza2023 section.experience-filter {
      opacity: 1;
      position:absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }
  }
  
  .a-pop-box {
    display: flex;  
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: end;
    align-content: end;
    padding: 10px 0;
  }
  
  .a-pop-title {
    font-size: 23px;
    font-weight: 400;
    /* margin-top: 5px;
    margin-bottom: 10px; */
    letter-spacing: 1px;
    color: initial;
    text-decoration: none;
  }
  .a-pop-body,
  .a-pop-body {
    padding-left: 24px;
  }
  
  #a-pop .section-link__line {
    height: 1rem;
    width: 1rem;
  }

  #a-pop .section-link__text {
    font-size: 10px;
    margin-top: 2px;
  }
  #a-pop-mob .section-link__decoration,
  #a-pop .section-link__decoration {
    margin-right: 6px;
  }
  .a-pop-link-mob,
  .a-pop-link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 5px;
  }
  
  .a-pop-label-box {
    position: absolute;
    font-size: 16px;
    top: -15px;
    right: -15px;
    background-color: #000;
    padding: 3px 15px;
  }
  .a-pop-label,
  .a-pop-label-mob {
    margin: 0;
    color: #fff;
  }
  .a-pop-label-mob span,
  .a-pop-label span {
    font-size: 14px;
    /* margin-left: 5px; */
    letter-spacing: 2px;
    font-weight: 400;
  }
  .a-pop-geo-mob,
  .a-pop-geo {
    font-family: Lato,sans-serif;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 10px;
    text-transform: uppercase;
    color: #1D1D1D;
  }
  .a-pop-geo-mob {
    font-size: 9px;
  }
  .a-pop-geo-mob span,
  .a-pop-geo span {   
    color: #707070;
  }
  
  #a-pop-cont-ex .a-pop-box {
    border-top: thin solid #ddd;
    /* content:'';
  position: absolute;
  background-color: pink;
  width: 30%;
  height: 3px;
  top: 0;
  left:0; */
  } 
  #a-pop-cont-ex-mob .a-pop-box-mob {
    /* border-top: thin solid #ddd; */
   
  } 
  .a-pop-imgbox {
    width: 84px;
    aspect-ratio: auto 84 / 84;
    height: 84px;
    position: relative;
  }
  .a-pop-logo {
    display: block;
    object-fit: contain;
    position: absolute;
    top: 10px;
    top: 0;
    padding: 5px;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
    /* transition: opacity 0.2s ease; 
    background-color: rgba(0,0,0,.6);*/
  }
  
  .a-pop-logobg {
    display: block;
    position: absolute;
    background-color: #000;
    width: 84px;    
    height: 84px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
  }
  /* -- */
  .a-pop-imgbox:hover .a-pop-logo{
    opacity: 1;
    transition: opacity 0.3s ease-out;
  }
  .a-pop-img-mob,
  .a-pop-img{
    object-fit: cover;
    pointer-events: none;
  }
  .a-pop-imgbox:hover .a-pop-logobg{
    opacity: .6;
    transition: opacity 0.3s ease-out;
  }
 
  .a-pop-logo-mob {
    display: block;
    object-fit: contain;
    position: absolute;
    padding: 10px;
    pointer-events: none;
    opacity: 0;
    z-index: 100;
  }
  
  .a-pop-logo-mob.hidden,
  .a-pop-logobg.hidden,
  .a-pop-logo.hidden {
    display: none;
  }

  .a-pop-box-link {
    color: initial;
    cursor: pointer;
    text-decoration: none;
  }
  .tipi-filtri{
    list-style: none ;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
  }
  .tipi-filtri li{
    display: inline-block;
    text-align: center;
    /* font-size: 20px; */
    text-transform: uppercase;
    /* color:#fff; */
    /* width: min-content; */
    padding:10px;
  }
  .tipi-filtri li.active{
    color:#fff;
  }
  .tipi-filtri li br {
    display: none;    
  }
  @media (min-width: 1100px) and (max-width: 1450px){
    .tipi-filtri li{     
      white-space: nowrap;
    }
    .tipi-filtri li br {
      display: block;    
    }
  }
  .map-filter {
    flex-grow:1;
    opacity: 1;
    z-index: 1;
    max-width: 1350px;
  }
  .map-filter.hidden {
    opacity: 0;
    z-index: -1;
  }

  .map-filter-mob {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1110;
    width: 100%;
    /* background-color: #F1EDEA; */
  }
  .map-filter-mob.hidden {
    display: none;
    z-index: 1000;
  }
  .filter-menu-mob {
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    background-color: #F1EDEA;
  }
  .filter-menu-mob.hidden {
    display: none;
  }
  .experience-btn-mob {
    width: 100%;
    position: absolute;
    display: flex;
    bottom: 0;
    justify-content: center; 
    align-items: center; 
    /* flex-flow: row nowrap; */ 
    flex-direction: row; 
    flex-wrap: nowrap; 
    align-content: flex-start;  
    z-index: 1000;
    background: rgba(0,0,0,0.7);
    backdrop-filter: blur(10px);
  }
  .experience-btn-mob #x-close {
    display: none;
  }
  .experience-btn-mob.open #x-close{
    display: block;
  }
  .experience-btn-mob #x-open {
    display: block;
  }
  .experience-btn-mob.open #x-open{
    display: none;
  }
  .experience-btn-mob p {
    display: inline-block;
    padding: 8px 10px;
    font-family: Lato,sans-serif; 
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    letter-spacing: 2px;
    color:#fff;  
    text-transform: uppercase;
  }
  .experience-btn-mob.open p {
    color: #ACA173;
  }
  .icon_box {
    width: 18px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .filtro-mappa {
    font-family: Lato,sans-serif; 
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: default;
    letter-spacing: 2px;
    color:#FFF;  
    text-transform: uppercase;
    opacity:.2;
  }
  .filtro-mappa.visible {
    opacity:1;
    color:#B0A192; 
    cursor: pointer;
  }
  .filtro-mappa.visible:hover {
    color: #fff;
  }
  .switchmap-btn {
    font-family: Lato,sans-serif; 
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    letter-spacing: 2px;
    color:#FFF;  
    text-transform: uppercase;
    display: flex;
    align-items: center;
  }
  .switchmap-btn svg {
    margin-right: 10px;
  }
  
.point-red {
  position: absolute;
  width: 10px;
  height: 10px;
  /* background-color: red; */
  z-index: 100;
  top: 50%;
    left: 50%;
}
.section-link.a-pop-link .section-link__text{color:#a18e56; font-weight: 700;}
.section-link.a-pop-link .section-link__line{border-color:#a18e56;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out}
.section-link.a-pop-link .plus.section-link__circle .plus-circle,
.section-link.a-pop-link .plus.section-link__circle .plus-line{stroke:#a18e56;-webkit-transition:stroke .3s ease-out;transition:stroke .3s ease-out}

.section-link.a-pop-link:hover .section-link__line{border-color:#000;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out}
.section-link.a-pop-link:hover .plus.section-link__circle .plus-circle,
.section-link.a-pop-link:hover .plus.section-link__circle .plus-line{stroke:#000;-webkit-transition:stroke .3s ease-out;transition:stroke .3s ease-out}
.section-link.a-pop-link:hover .section-link__text{color:#000; font-weight: 700;}

.section-link.a-pop-link-mob .section-link__text{color:#a18e56; font-weight: 400;}
.section-link.a-pop-link-mob .section-link__line{border-color:#a18e56;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out}
.section-link.a-pop-link-mob .plus.section-link__circle .plus-circle,
.section-link.a-pop-link-mob .plus.section-link__circle .plus-line{stroke:#a18e56;-webkit-transition:stroke .3s ease-out;transition:stroke .3s ease-out}

.section-link.a-pop-link-mob:hover .section-link__line{border-color:#000;-webkit-transition:border-color .3s ease-out;transition:border-color .3s ease-out}
.section-link.a-pop-link-mob:hover .plus.section-link__circle .plus-circle,
.section-link.a-pop-link-mob:hover .plus.section-link__circle .plus-line{stroke:#000;-webkit-transition:stroke .3s ease-out;transition:stroke .3s ease-out}
.section-link.a-pop-link-mob:hover .section-link__text{color:#000; font-weight: 400;}

.accordionMenu{
  width: 100%;
  margin: 0 auto;
  padding: 30px;
}
.accordionMenu input[type=radio]{
  display: none;
}
.accordionMenu label{
  display: block;
  height: 50px;
  line-height: 47px;
  padding: 0 25px 0 10px;
  text-align: center;
  /* background: #000; */
  font-size: 28px;
  color: #000;
  position: relative;
  cursor: pointer;
  /* border-bottom: 1px solid #e6e6e6; */
}
.accordionMenu label svg{
  margin: 0 0 4px 10px;
}

/* .accordionMenu label::after{
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} */
/* .accordionMenu .content{
  max-height: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}

.accordionMenu input[type=radio]:checked + label:after{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordionMenu input[type=radio]:checked + label{
  color:#ACA173;
}
.accordionMenu input[type=radio]:checked + label svg path {
  fill:#ACA173;
}
.accordionMenu input[type=radio]:checked + label svg rect {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordionMenu input[type=radio]:checked + label + .content{
  max-height: 2000px;
  height: auto;
} */

.tipi-filtri-mob{
  list-style: none ;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 25px;
}
.tipi-filtri-mob li{
  display: inline-block;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  color:#000;
  padding:10px;
}

.tipi-filtri-mob .filtro-mappa {
  font-family: Lato,sans-serif; 
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 15px;
  cursor: pointer;
  letter-spacing: 2px;
  color:#000;  
  text-transform: uppercase;
  /* border-bottom: 0.5px solid #DDD; */
  opacity:.2;
}
.tipi-filtri-mob .filtro-mappa.visible {
  opacity:1;
  color:#000; 
}
.tipi-filtri-mob .filtro-mappa.visible:hover {
  color: #ACA173;
}
.tipi-filtri-mob .filtro-mappa.active {
  color:#ACA173;
}

.tipi-filtri-mob hr {
  width: 100%;
  border: none;
  border-top: 1px solid #e6e5e1;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1024px){
  .selettore-visualizzazione-mob {   
    top:104px;
  }
}
@media (min-width: 1025px) and (max-width: 1449px){
  .selettore-visualizzazione-mob {   
    top:132px;
  }
}


@media (max-width: 390px){
  .tipi-visualizzazione {
    padding: 0;
  }
  .selettore-visualizzazione-mob .tipi-visualizzazione li {
    padding: 2px 13px;    
  }
}
@media (min-width: 1450px){
  .selettore-visualizzazione .map-switch { 
    display: block;
  }
  .selettore-visualizzazione-mob .map-switch { 
    display: none;
  }
}
@media (max-width: 1449px){
  .selettore-visualizzazione .map-switch { 
    display: none;
  }
  .selettore-visualizzazione-mob .map-switch { 
    display: block;
  }
  .map-filter {
    max-width: none;
  }
}
@media (max-width: 1023px){
  .selettore-visualizzazione { 
    display: none;
  } 
  /* .filter-menu-mob {
    display: block;
  }   */
}
@media (min-width: 1024px){
  /* .selettore-visualizzazione-mob{ 
  display: none;
  }*/
  /* .selettore-visualizzazione { 
    display: block;
  }  */
  /* .filter-menu-mob {
    display: none;
  }  */
}

#blocco-wide-degustazioni .tabs-section__copy{
    display: none;
}
#blocco-wide-degustazioni .tabs-list .tabs-section__copy{
    display: block;
}
#blocco-wide-degustazioni .tabs-list__item-internal{
  max-width: 50%;
  margin: 0 auto;
}
#blocco-wide-degustazioni .paragraph--primary-color, #blocco-wide-degustazioni .heading--primary-color{
  color:#fff;
}
#blocco-wide-degustazioni .realted-text .paragraph--primary-color, #blocco-wide-degustazioni .realted-text .heading--primary-color{
  color: inherit;
}
.degustazione-button {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.degustazione-button:hover, .degustazione-button:focus {
    color: #fff;
    background-color: #a18e56;
    border-color: #a18e56;
}
#blocco-wide-degustazioni .section-wrapper{
  background-color: #f7f7f7;
}
#blocco-wide-degustazioni .related .aicod-row{
  justify-content: center;
}
@media (max-width:767px){
  .special-tenuta-menu__item{
    margin: 4.5% 0;
    padding: 5px;
  }
}

/*Cookiebot*/
.cookie-placeholder{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  flex-direction: column;
  background-color:#e6e6e6;
  background-color:#ededed;
  padding:50px 30px;
  font-size: 18px;
}
.cookie-placeholder a{
  text-decoration:underline!important;
  color: #a18e56;
}
iframe:not([data-cookieblock-src])+.cookie-placeholder, iframe:not([data-cookieblock-src])+.cookie-placeholder-responsive-wrapper{display:none;}

.fluid-width-video-wrapper .cookie-placeholder{
  position: absolute;
  top: 0;
  height: 100%;
}
/*END Cookiebot*/

.patch-prenotazione{
  position: fixed;
  left: -55px;
  top: 50%;
  background-color: #fff;
  z-index: 50;
  transform: rotate(-90deg);
  width: 150px;
  height: 40px;
  border: 1px solid #000;
  text-align: center;
  line-height: 40px;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
}
.patch-prenotazione:hover, .patch-prenotazione:focus{
  background-color: #000;
  color:#fff;
}
body.popup-open{
  overflow: hidden;
}
body.popup-open header{
  top:-200px;
  transform: none!important;
}
.site-header{
   -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  top: 0;
}

@media (min-width: 48em) {
    .blocks-container .experience-section:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .blocks-container .experience-section:nth-child(2n) .experience-section__image-wrapper {
         -webkit-transform: none; 
         transform: none; 
         left: auto; 
    }
    .blocks-container .experience-section.image-text-section--reversed .experience-section__image-wrapper{
      left: 0;
    }
    .blocks-container .experience-section.image-text-section--reversed {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.hamburger-logo-parita-genere {
    position: absolute;
    z-index: 2;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    padding: 0;
    border: 0;
    background: none;
    opacity: .8;
    bottom: 11.6vw;
    right: 3vw;
    width: 12vw;
    opacity: 0;
    text-align: right;
}
@media (min-width: 48em) {
    .hamburger-logo-parita-genere {
        bottom: 2vw;
        right: 2.6vw;
    }
}
.hamburger-logo-parita-genere img {
    max-width: 100%;
    max-height: 50px;
}
.hamburger-logo-programma-sviluppo img{
  max-height: 80px;
}

.footer__link:not(:last-child) {
    margin-right: 0;
}
.footer__link:not(:first-child) {
    margin-left: .7em;
}
.footer__link:not(:last-child):after{
  content: none;
}
.footer__link:not(:first-child):before {
    content: "|";
    margin-right: .7em;
}

#popup-riscuoti-voucher .popup-content__copy .popup-content{
  display: flex;
  flex-direction: column;
}
.section-wrapper.z-index-2{
  z-index: 2;
}