@import url('../font/fonts.css');
body { background-color: #F6F5EE; margin:0px; padding:0px; font-family: 'Poppins',Arial,sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5em; color: #434748;}
h1 { font-size: 45px; line-height: 1.18em; font-family: 'Alpaca Scarlett Demo',Arial,sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom: 0px;}
h2 { font-size: 30px; line-height: 1.5em; font-weight: 500;}
.alpaca { font-family: 'Alpaca Scarlett Demo',Arial,sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.06em;}
strong { font-weight: 500;}
a { color: #434748; transition: color .3s; }
a:hover { color: #adbf00;}
figure { margin:0px !important; line-height: 0;}
.button { cursor: pointer; text-decoration: none; transition: filter .3s; padding: 15px 30px 5px 30px; border:1px solid; border-radius: 10px; width:auto; display:inline-block; font-family: 'Alpaca Scarlett Demo',Arial,sans-serif;  text-transform: uppercase;}
.button:hover { filter: invert(1);}
.wrapper .has-small-font-size { font-size: 15px !important; line-height: 1.18em;}
.wrapper .has-medium-font-size { font-size: 30px !important; line-height: 1.18em; }
.wrapper .has-large-font-size { font-size: 45px !important; line-height: 1.18em;margin-bottom: 0px;}
.wrapper .has-x-large-font-size {font-size: 100px !important; line-height: 1em; margin-bottom: 0px;}
.wrapper h1 { padding-left: 140px; padding-top: 120px; }
.wp-block-embed.alignfull iframe { width:100%; aspect-ratio: 16 / 9; height:auto; }
.wrapper .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { min-height: 20px; line-height: 13px;}
.wrapper .wp-block-button__link { border-radius:10px; }

header#top { position: fixed; top:0px; left:0px; width: calc( 100% - 280px ); background-color: #FFFFFF; padding: 0 140px; height:100px; padding-top:20px;  display:flex; z-index:500; }
header #logo, header #logo img { width:220px; height:auto; }
header a { color: #434748; text-decoration: none; }

.menu-supporto { position:absolute; right:140px; top:0px; font-size: 15px; }
.menu-supporto a { color: #989996;}
.menu-supporto li { display: inline-block; margin-left: 40px;}
.menu-supporto .meteo a { background-image: url(../images/sappada-dolomiti-meteo.svg);}
.menu-supporto .webcam a { background-image: url(../images/sappada-dolomiti-webcam.svg); }
.menu-supporto a { background-repeat: no-repeat; padding-left: 28px; background-size: contain;}
#navbarSite {margin-left: auto; margin-right: 0px;  }
#navbarSite ul.menu-header { margin:0px; padding: 0px; list-style: none; padding-top: 35px; }
#navbarSite ul.menu-header li { display:inline-block; min-width: 180px; text-align: center; border-right: 2px solid #989996; line-height: 40px; padding-left: 20px; padding-right: 20px; }
#navbarSite ul.menu-header li a.open, #navbarSite ul.menu-header li.current-menu-item a {color: #adbf00;}
#navbarSite ul.menu-header li.mobile, .mobile { display:none; }

.navbar-toggler { cursor: pointer; display:none; margin-top:15px; padding-right:50px; position: relative; margin-right: 0px; height:80px; border:0px; background-color: transparent; font-size: 20px; line-height: 78px; color: #434748; margin-left:30px; }
.navbar-toggler span.navbar-toggler-icon { border-top:3px solid #000; transition: border-top .3s; display: block; position: absolute; height: 0px; width:23px;  opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.navbar-toggler span:nth-child(2) {  top: 30px; }
.navbar-toggler span:nth-child(3) { top:38px; }
.navbar-toggler span:nth-child(4) { top:46px;  }
.navbar-toggler.open span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);top:38px; }
.navbar-toggler.open span:nth-child(3), .navbar-toggler.open span:nth-child(4) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);top:38px  }
.navbar-toggler.open .navbar-toggler-icon { border-top:3px solid #000; }
.navbar-toggler.desktop { display:block; padding-right: 0px;}
.navbar-toggler a { display: block;padding-right: 50px;}

#language { transition: top .5s; width:50px; position:absolute; right: 40px; top:56px; overflow: hidden; font-size: 12px; letter-spacing: 0.15em;  text-align: center;  }
#language .wpml-ls-legacy-list-horizontal { padding:0px;}
#language ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; width:50px;   }
#language ul li { height:40px; width:40px; line-height: 44px; text-align: center; border: 1px solid; border-radius: 50%; margin-bottom: 10px; background-color: #fff;  }
#language .wpml-ls-legacy-list-horizontal a { padding:0px; display: block; line-height: 44px; height: 44px; }
#language ul li { order:2; opacity:0; transition: opacity .4s;   }
#language ul li.wpml-ls-current-language { order:1; opacity:1; }
#language:hover ul li { opacity:1; }
#language:hover { top:5px; }
#language ul li:hover { background-color: #000; color: #fff; border-color: #000;  }
#language ul li:hover a {  color: #fff; }
#language:hover ul li.wpml-ls-current-language { background-color: #434748; }
#language:hover ul li.wpml-ls-current-language  a { color: #fff; }

#telefono { padding-left:48px; position:absolute; top: 20px; font-size: 15px; color: #989996;   }
#telefono a { color: #989996; }

#breadcrumbs { position:absolute; left:140px; top:120px; z-index:300; }
#breadcrumbs a { text-decoration: none; }

body .wp-block-columns { padding: 0px 140px; margin-bottom:0px; }
#descrizione .wp-block-columns, body .wp-block-columns .wp-block-columns { padding:0px; }

.menu-open { display: flex; background-color:  #F7F6F0; position: fixed; top:100px; left:0px; z-index:400; width:100%; font-weight: 400;}
.menu-open .immagine { width:34%; float:right; background-repeat: no-repeat; background-size: cover; }

.menu-open .menu-strutture { padding:80px 0px; padding-bottom: 20px;  width:66%; min-height: 500px; }
.menu-open  .menu-strutture ul { padding:0px 40px; padding-bottom: 80px; padding-left:140px; margin:0px; list-style: none; overflow: auto; clear: both; }
.menu-open  .menu-strutture li { list-style: none; padding:0px; margin:0px; font-size: 20px; width:calc( 50% - 16px ); margin-right:16px; float: left;  }
.menu-open  a { text-decoration: none;   }
.menu-open  .menu-strutture li li { line-height: 55px; font-size: 35px; margin:0px; border-bottom:1px solid  #989996; width:100%; float:none;  }
.menu-open .menu-strutture li a { color: #989996; }
.menu-open  .menu-strutture li li a { color: #434748; }
.menu-open .menu-strutture li li a:hover { color: #adbf00; }
.menu-open  .menu-strutture ul ul { padding: 0px;}
.menu-open  p { padding: 0px 140px; padding-left:140px; margin: 0px;}
.menu-open  p a { border-bottom: 1px solid;}
.menu-open .close { display: none;}

.menu-open { max-height: 0px; overflow: hidden;  transition: min-height .3s, max-height .3s;  }
.menu-open.open {  max-height: 800px; -webkit-box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17);
    box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17);}
/* home */
.home h3 { font-weight: 400; margin-top:0px; font-size: 30px; line-height: 1.18em;}
.home h2 { font-family: 'Alpaca Scarlett Demo',Arial,sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom: 0px; font-size: 45px; line-height: 1.18em;}

.home .wrapper figure.wp-block-video:first-child {  height: calc( 100vh - 100px ); overflow: hidden;}
.home .wrapper figure video { height: calc( 100vh - 100px ); width: 100%; object-fit: cover; object-position: center; }

#testata-home { position: absolute; bottom: 200px; left:0px; color: #fff; }
#testata-home h1 { font-size: 100px; margin:0px; line-height: 1em;  }
#testata-home h2 { padding-left:140px; margin: 0px; line-height: 1em; }

/* pagina */
.navigation { display: flex;}
.navigation .previous, .navigation .next { flex-basis: 50%; max-width: 50%; position:relative;  }
.navigation figure { height:100%; }
.navigation figure img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.navigation a { position: absolute; top:0px; left:0px;  padding:0px 10%; width: 80%; height: 100%; display:flex; align-items: center; justify-content: center;
    background-color: rgba(0,0,0,.6); color: #fff; text-decoration: none; font-size:45px; line-height: 1em; text-align: center;
    }
    .navigation a::before { content:''; width: 30px; height:30px;
        background-image:url('..//images/freccia.svg'); background-repeat: no-repeat; background-size: 40px; background-position: center 68%;
    width:60px; height: 40px; position: absolute; left: 50%; margin-left: -30px; bottom:30%; }
    .navigation .previous a::before { transform: rotate(180deg)}

/* Categoria */
.wrapper { padding-top:100px; overflow-x:hidden;}

#testata, #testata figure {  max-height: 70vh; overflow: hidden; position:relative; }
#testata::after { content:''; background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%); position: absolute; bottom:0px; left:0px; width: 100%; height: 60%; }
#testata video { object-fit: cover; object-position: center; width:100%; height: 70vh;}
#testata h1 { position: absolute; z-index: 100; bottom:60px; left: 140px; color: #fff; font-size:80px; padding-left: 0px;}
#testata img {object-fit: cover; object-position: center; width:100%; height: 70vh;}
/* attivita */
.single-attivita h3 { font-family: 'Alpaca Scarlett Demo',Arial,sans-serif; font-weight: normal; text-transform: uppercase; }
#attivita-back { text-align: center; padding-bottom: 100px; padding-top:100px; margin:0px;}
.single-attivita .wrapper ul { margin:0px; padding: 0px; list-style: none; border-bottom: 1px solid #989996; }
.single-attivita .wrapper ul li { border-top:1px solid #989996; padding-top:5px; padding-bottom: 5px; }
.single-attivita .wrapper ul a { text-decoration: none; color:#adbf00 }
.single-attivita .wrapper ul a:hover { color: #434748; }


/* Categoria struttura */
.localita { padding:32px; }
.localita h2 { margin-left: 8px; margin-right: 8px;margin-bottom:20px;  font-weight: 500; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid; }
.elenco-strutture { display: flex; flex-wrap: wrap; }
.elenco-strutture article { flex-basis: calc( 25% - 16px ); max-width: calc( 25% - 16px ); padding: 0px 8px; }
.elenco-strutture article figure { width:100%; }
.elenco-strutture article img { width:100%; height: auto; border-radius: 20px; opacity:.5;}
.elenco-strutture article a { border-radius: 20px; position:relative; display:flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;text-align: center; background-color: #000; }
.elenco-strutture article h3 { position: absolute; bottom: calc( 20% + 20px ); font-size: 35px; color: #fff; width:80%; line-height: 1em; }
.elenco-strutture article a p.button { position: absolute; bottom: 10px; color: #fff; padding: 6px 20px 3px 20px; font-size: 15px;}
.elenco-strutture article  { font-size: 18px; line-height: 1.2em; margin-bottom: 40px;}
.elenco-strutture .mappa { color: #989996; background-image: url('../images/pin.svg');  background-repeat: no-repeat; background-size: 17px; padding-left: 25px;}
.tax-categoria_struttura h1 { color: #ADBF00;}
.tax-categoria_struttura .descrizione { padding: 0px 40px; padding-top:100px; }

.tax-categoria_struttura .acf-map { margin-top:100px;}

.tax-categoria_struttura h1, .tax-categoria_struttura .descrizione { clear: both; }
.tax-categoria_struttura .titolo { padding-left: 140px;
    padding-top: 120px; color: #ADBF00;     font-size: 45px; line-height: 1.18em; margin:0px; }

/* Single struttura */
.acf-map {
    width: 100%;
    height: 500px;
}

.acf-map img {
   max-width: inherit !important;
}

.single-struttura h1 { color: #ADBF00; margin-bottom:0px ; }
h1 sup { font-size: 20px;}
.single-struttura .mappa { margin-top: 0px; margin-left: 140px;   background-image: url('../images/pin.svg');  background-repeat: no-repeat; background-size: contain; padding-left: 30px;}
.single-struttura #mappa { width:33%; float:left;}
.single-struttura #mappa .acf-map { height:370px; border-radius: 10px; }
.single-struttura #gallery { width:66%; float:right;}
.single-struttura #gallery img { margin-right: 16px; border-radius: 10px; }
#gallery .slick-arrow, #elenco-strutture .gallery .slick-arrow { transition: opacity .3s; cursor: pointer; transform:rotate(180deg); background-image:url('..//images/freccia.svg'); background-repeat: no-repeat; background-size: 40px; background-position: center; position:absolute; width:20%; height: 100%; top:0px; left: 0px; z-index:100; background-color: transparent; border: none; text-indent: -10000px;}
#gallery .slick-arrow.slick-next, #elenco-strutture .gallery .slick-arrow.slick-next { left:auto; right:0px; transform: rotate(0);}
#gallery .slick-arrow:hover, #elenco-strutture .gallery .slick-arrow:hover { opacity: .5;}
#elenco-strutture .gallery .slick-arrow.slick-prev { display: none !important;}
#elenco-strutture .gallery .slick-arrow.slick-next { background-position: right 20px bottom 20px; }

.single-post #contenuti, .single-struttura #contenuti  { padding: 20px 0px; clear: both; overflow: auto;  }
.single-post #contenuti #info , .single-struttura #contenuti #info { width: calc( 33% - 140px ); float:left; padding-left: 140px; }
.single-post #contenuti #descrizione , .single-struttura #contenuti #descrizione { width:calc( 66% - 140px ); float:right; padding-right: 140px; }
.single-struttura #attivita-back, .single-post #attivita-back { clear: both;}
.single-struttura #contenuti #info h2, .single-post #contenuti #info h2 { font-size: 20px; color: #989996; text-transform: uppercase; }
.single-struttura #contenuti #info p { margin:0px; }
.single-struttura #contenuti #info p.telefono {background-image: url('../images/phone.svg'); }
.single-struttura #contenuti #info p.email {background-image: url('../images/mail.svg'); }
.single-struttura #contenuti #info p.sito {background-image: url('../images/link.svg'); }

.single-struttura #contenuti #info p.icona { margin-left: -30px; padding-left: 30px; background-repeat: no-repeat; background-size: 20px; background-position: left center}
.single-struttura #contenuti #info p.icona a { text-decoration: none;}
.single-struttura #contenuti #info p { margin-bottom: 5px;}

.single-struttura #info .button { background-color: #ADBF00; border-color: #ADBF00; color: #F7F6F0; transition: all .3s; margin-bottom: 30px; }
.single-struttura #info .button:hover { filter: none; background-color: transparent; color:#ADBF00 }
.single-struttura button.mail { border:none; background-color: transparent; margin:0px; padding:0px; font-family: 'Poppins',Arial,sans-serif; font-weight: 300; font-size: 20px; line-height: 1.5em; color: #434748; }

#fascia-prenota { clear:both; margin-top: 40px;; height:50px; line-height: 50px; border-top:1px solid #D4D4D4; padding:5px 0px; border-bottom: 1px solid #D4D4D4; font-weight: 500; text-transform: uppercase; color: #989996;  }
#fascia-prenota .button { float:right; background-color: transparent; color: #A3B700;  padding: 0px 20px;
    font-size: 15px; line-height: 40px; padding-top: 7px; }
    .single-struttura #prenota, .single-offerta #prenota { padding:20px; background-color: #E8EABF; border-top:1px solid; border-radius: 0 0 20px 20px; margin-bottom:40px; font-size:15px;}
    .single-struttura #prenota p, .single-offerta #prenota p{ width:100%; margin-bottom:20px; margin: 0px; }
    .single-struttura #prenota input.datepicker, .single-struttura #prenota .ospiti ,
    .single-offerta #prenota input.datepicker, .single-offerta #prenota .ospiti { width:30%; float:left; margin-right: 1%;}
    .single-struttura #prenota .ospiti input, .single-offerta #prenota .ospiti input { width:50%; float:right;}
    .single-struttura #prenota .ospiti .numbers,  .single-offerta #prenota .ospiti .numbers { display: inline-block; width:70%; float:right; }
    .single-struttura .numbers span, .single-struttura #prenota input[type="submit"], .single-struttura #eta input.active,
    .single-offerta .numbers span, .single-offerta #prenota input[type="submit"], .single-offerta #eta input.active { color: #434748; }

    #stanze .camera .blink { animation: blk .7s ease-in-out infinite; opacity: .5; }

@keyframes blk {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}

.extra  { font-size: 15px; padding-top:100px; clear: both; }
.extra h2 { margin:0px; font-size: 20px; line-height: 30px; color: #989996; text-transform: uppercase; }
.extra button { font-family: 'Poppins',Arial,sans-serif;  border:none; text-align: left;color: #989996;   background-color: transparent; border-top:1px solid; border-bottom: 1px solid; width:100%; }
.extra .servizi ul { margin:0px; padding: 0px; list-style: none; border-top:1px solid #E1E0DB; }
.extra .servizi ul li { border-bottom:1px solid #E1E0DB; }

/* stanze in pagina */
#stanze .camera { display:flex; flex-wrap: wrap; border-bottom:1px solid #E1E0DB; margin-bottom: 20px; }
#stanze .camera .col { width: calc( 50% - 8px ); padding:8px; }
#stanze .camera .col:nth-child(odd) { padding-left:0px;}
#stanze .camera .col:nth-child(even) { padding-right:0px;}
#stanze .slick-slide { border-radius: 20px; overflow: hidden; }
#stanze .slick-slide img { width: 100%; height: auto; }

#stanze .slick-arrow { transition: opacity .3s; cursor: pointer; transform:rotate(180deg); background-image:url('..//images/freccia.svg'); background-repeat: no-repeat; background-size: 40px; background-position: center; position:absolute; width:20%; height: 20%; bottom:0px; left: 0px; z-index:100; background-color: transparent; border: none; text-indent: -10000px;}
#stanze .slick-arrow.slick-next { left:auto; right:0px; transform: rotate(0);}
#stanze .gallery .slick-arrow:hover { opacity: .5;}
#stanze .slick-arrow.slick-prev { display: none !important;}
#stanze .slick-arrow.slick-next { background-position: right 20px bottom 20px; }

#stanze .camera .col { font-size: 15px; line-height: 20px;}
#stanze .camera h3 { font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; margin-bottom:0px; }
#stanze .camera p { margin-top:0px;}
#stanze .camera .max { margin-top:5px; text-transform: uppercase;}
#stanze .camera .tariffa p, #stanze .camera .prezzi p { width:50%; float:left; }
#stanze .camera .tariffa select {margin-bottom:15px; width:50%; float:right; border:none; border-bottom: 1px solid; background-color: transparent; font-family: 'Poppins',Arial,sans-serif; font-weight: 300;}
#stanze .camera .prezzi p { text-align:right; font-size: 20px; font-weight: 500;}
#stanze .camera .prezzi button { float:right; padding:5px 20px 2px 20px; background-color: transparent; border-color: #ADBF00; color: #ADBF00;}

/* modulo in pagina */
.modulo { width:calc( 90vw - 50px ); left:5vw; padding-left:10px; top:100px; }
.modulo form { display: flex; flex-wrap: wrap; font-size:13px;   }
.modulo form .col { width:50%;}
.modulo form p.intestazione { font-size: 15px; text-transform: uppercase; margin:0px; border-bottom: 1px solid; width:97.5%; margin: 0 0 0 2.5%; color: #989996; font-weight: 500; }
.bordo { border-top:1px solid #D4D4D4;; border-bottom: 1px solid #D4D4D4; width:97.5%; margin: 20px 0 20px 2.5%;}
.modulo form .col .row { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0px 5%; }
.row .col { flex: 1 1 0; width: 0; }
.modulo .wpcf7 p  { margin:10px 0px; }

.modulo .wpcf7 p .wpcf7-form-control-wrap input, .modulo .wpcf7 p .wpcf7-form-control-wrap select, 
.modulo .wpcf7 p .wpcf7-form-control-wrap textarea { border-bottom:1px solid; border-radius: 0px; font-size: 13px; }
.modulo .wpcf7 p .wpcf7-form-control-wrap textarea { height:150px;}
.modulo .wpcf7 .wpcf7-acceptance { font-size: 13px; }
.modulo .wpcf7 p .wpcf7-form-control-wrap .wpcf7-list-item input { position:relative; top:4px; margin-right: 5px;}

.modulo .warning { color: #D84B21; font-weight: 500;}
.modulo .wpcf7 form .wpcf7-response-output { width:45%; margin-right:0px; margin-left:auto; text-align:center; border-radius: 10px; font-weight:500; text-transform:uppercase; }

/* pagina strutture */
.page-template-page-strutture .wrapper, .tax-categoria_struttura .wrapper { overflow:auto; }
#elenco-filtri { width:33%; float:left;}
#elenco-strutture {width:calc( 67% - 160px ); float:left; margin-left:20px; }
#elenco-strutture article { display:flex; flex-wrap:wrap; }
#elenco-strutture article .immagine {flex-basis: 50%; width:50%;border-radius: 20px;  }
#elenco-strutture article .immagine .gallery { overflow: hidden;border-radius: 20px; }
#elenco-strutture article .immagine .gallery img { width:100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;}
#elenco-strutture article  { font-size: 15px; line-height: 20px; }
#elenco-strutture article a { text-decoration: none; }
#elenco-strutture article .contenuti { flex-basis:calc( 50% - 16px ); width:calc( 50% - 16px ); margin-left:16px; }
#elenco-strutture article .contenuti h2 { font-size: 30px; font-weight: 400; color: #ADBF00; margin:0px;   }
#elenco-strutture article .contenuti h2 sup { font-size: 15px;}
#elenco-strutture article .contenuti h2 .icona { display: inline-block; width: 30px; height: 30px; float: right; margin-top: 15px;}
#elenco-strutture article .contenuti .mappa { margin:0px; font-size: 18px; color: #989996; }
#elenco-strutture article { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #8D8E8B; }
#elenco-strutture article .contenuti { display: flex; flex-wrap:wrap; flex-direction: column; }
#elenco-strutture article .button { font-size: 15px; padding-top:6px; padding-bottom: 3px; color: #8D8E8B;  }
#elenco-strutture article .contenuti .more { margin-top: auto; margin-bottom: 0px;}


#elenco-strutture article { display:none; }
#elenco-strutture article.active-localita.active-categoria.active-servizio { display:flex; }

/* modulo prenotazione */

ul#strutture-p  { margin:0px; padding:0px; list-style: none; margin-top:15px; }
ul#strutture-p li { display:inline-block; font-size:20px; margin-right:20px; font-weight: 500; text-transform: uppercase; }
ul#strutture-p a { text-decoration: none; }
ul#strutture-p li span { font-size:10px;}
ul#strutture-p li::after { content: ' / '; margin-left:20px; }
ul#strutture-p li:last-child::after { content:'';}


#prenota { padding: 30px; padding-left:140px; background-color: #ADBF00; border-radius: 0 10px 10px 0;}
#prenota input { width:calc( 100% - 40px ); border:none; padding: 5px 20px; font-family: 'Poppins',Arial,sans-serif;color: #434748; border-radius: 10px; }
#prenota #datepicker { position:relative; }
#prenota .daterangepicker.show-calendar .drp-calendar.right { display:none !important; }
#prenota .ospiti { width:47.5%; float: left; margin: 0px 2.5% 0px 0px;  }
#prenota .ospiti input { padding-right: 10px; width: calc( 100% - 30px ); }
#prenota #bambini.ospiti { margin-right:0px; margin-left: 2.5%; }
#prenota input[type="submit"] { margin-top: 20px; width:100%; background-color: transparent; border:1px solid; color: #fff; cursor: pointer; transition: all .3s; }
#prenota input[type="submit"]:hover { background-color: #fff; border-color: #fff; color:#434748;}
#prenota p { font-weight: 500; margin-bottom:0px; }
#prenota h2 { font-size: 25px; color:#fff; margin-bottom:0px; }

#elenco-filtri .button-accordion { display:none; }
#elenco-filtri .block-accordion { padding-left:140px; color: #989996; padding-right: 40px; }
#elenco-filtri .block-accordion ul { margin:0px; padding: 0px; list-style: none; }
#elenco-filtri .block-accordion ul li { font-size: 15px; cursor: pointer }
#elenco-filtri .block-accordion ul li::before { background-color: #fff; content:''; border:1px solid; display: block; width: 13px; height: 13px; float: left; margin-right: 5px; margin-top: 6px; border-radius: 3px; }
#elenco-filtri .block-accordion ul li:hover::before, #elenco-filtri .block-accordion ul li.active::before { background-color: #A0B0C6; }
#elenco-filtri .block-accordion ul li:hover, #elenco-filtri .block-accordion ul li.active { color:#434748; }
#elenco-filtri .filtro-cont p { margin-bottom: 0px; font-weight: 500;}
#elenco-filtri .filtro-cont { border-bottom: 1px solid ; padding-bottom: 20px; }

#elenco-filtri .filtro-cont.reset { font-size:15px; text-transform: uppercase; font-weight:bold; color:#adbf00; cursor:pointer; }

#elenco-filtri  #prenota form { margin-bottom: 40px;}
.numbers span { cursor:pointer; display:inline-block; font-size:13px; width:10%; text-align: center; aspect-ratio:1/1; border:1px solid; border-radius:5px; color: #fff; }
.numbers span.active, .numbers span:hover { background-color: #fff; border-color: #fff;color: #434748; }
#eta { padding-top:10px; clear: both; overflow: hidden; max-height: 0px; transition: max-height .3s; }
#eta.active { max-height: 110px;}
#eta input { display:none; font-size:13px; width:5.5%; text-align: center;  border:1px solid; border-radius:5px; color: #fff; background-color: transparent; }
#eta input.active {display:inline-block; }

#centro { padding-top:20px; padding-bottom: 20px;}
#centro a { color: #fff; text-decoration: none; margin-bottom: 0px; }
#centro p { margin:0px; } 
#centro p.telefono {background-image: url('../images/phone.svg'); }
#centro p.email {background-image: url('../images/mail.svg'); }
#centro p.icona { margin-left: -30px; padding-left: 30px; background-repeat: no-repeat; background-size: 20px; background-position: left center}

#elenco-strutture article p { width:100%; text-transform: uppercase; margin: 5px 0px; color: #989996; }
#elenco-strutture article .stanze { display: flex; flex-wrap: wrap; margin-left:-8px; margin-right: -8px; }
#elenco-strutture article .stanze .camera { flex-basis: calc( 33% - 16px ); max-width: calc( 33% - 16px ); margin: 0 8px; position:relative;  border-radius:20px; background-color: #000; line-height: 0; }
#elenco-strutture article .stanze img {  max-width: 100%; height: auto; border-radius:20px; opacity: .8; }
#elenco-strutture article .stanze .camera h3 { position:absolute; top: 0px; left: 20px; color: #fff; font-size:15px; line-height: 18px; width: calc( 100% - 40px ); }
#elenco-strutture article .stanze .camera .cont { position: absolute; bottom:0px; left: 20px; width: calc( 100% - 40px ); font-size:15px; line-height: 18px; color: #fff;  }
#elenco-strutture article .stanze .camera .cont p, #elenco-strutture article .stanze .camera .cont a {color: #fff;   }
#elenco-strutture article .stanze .camera .cont p.max { float:left; width: 50%;}
#elenco-strutture article .stanze .camera .cont p.prezzo { font-weight: 500; font-size: 20px; width: calc( 50% - 20px ); float: right; text-align: right; padding-left: 20px; }

/* pagina eventi */
#elenco-eventi { padding: 40px 32px; display: flex; flex-direction: row; flex-wrap: wrap; }
#elenco-eventi article {flex-basis: calc( 20% - 16px ); width: calc( 25% - 16px ); padding:8px; margin-bottom: 40px;  }
#elenco-eventi article img { max-width: 100%; height: auto; border-radius: 20px;  order:1; width:100%;  }
#elenco-eventi article h2 { font-size: 20px; line-height: 22px; margin:0px; order:3; }
#elenco-eventi article .data { font-size: 15px; line-height: 18px; color: #989996;  margin:0px; order:2;  }
#elenco-eventi article  a { display: flex; flex-wrap:wrap; flex-direction: column; text-decoration: none;}
#elenco-eventi article figure { position:relative; margin-bottom: 10px !important; overflow: hidden; border-radius: 20px;}
#elenco-eventi article figure .data-img { position: absolute; top:0px; left:0px; padding: 20px; color: #fff; width: calc( 100% - 40px ); height: calc( 100% - 40px );border-radius: 20px; font-size: 40px; line-height: 40px; display: flex;  align-items: flex-end; margin:0px; background-color: rgba(0,0,0,.2);  }

.single-post #contenuti #info { padding:0px; width:  33%;}
.single-post #contenuti #info img { width:100%; height: auto;  border-radius: 0px 10px 10px 0px;}
.single-post h1 {  font-size: 40px; margin-bottom: 0px; }

.post-categories { margin:0px; padding: 0px; list-style: none; padding-left:140px;color: #ADBF00;  }
.post-categories li { display: inline-block; margin-right: 5px; }
.post-categories li::after { content:' / '; padding-left:5px;}
.post-categories li:last-child::after { content:''; }
.post-categories a { color: #ADBF00; text-decoration: none; }
.post-categories a:hover { border-bottom: 1px solid; }

.single-post #date { padding: 0px 140px; margin-bottom:60px; color:#989996;  }
.single-post #date ul { margin:0px; padding: 0px; list-style: none; border-top:1px solid;}
.single-post #date ul li { border-bottom:1px solid #989996; height:40px; line-height: 40px; }
.single-post #date h2 { font-size:20px; text-transform: uppercase; margin-bottom:0px; }

/* form */
.wpcf7 p { display: flex; flex-wrap:wrap; }
.wpcf7 p .wpcf7-form-control-wrap { display: inline-block; width: 50%; flex-basis: 50%;}
.wpcf7 p .wpcf7-form-control-wrap input, .wpcf7 p .wpcf7-form-control-wrap textarea { width: calc( 100% - 36px ); font-size: 20px; font-family: 'Poppins',Arial,sans-serif; font-weight: 300; border:none; border-radius: 10px; padding: 5px 10px; }
.wpcf7 p .wpcf7-form-control-wrap[data-name="messaggio"] { width:100%; flex-basis: 100%;}
.wpcf7 p { display: flex; flex-wrap:wrap; }
.wpcf7 p .wpcf7-form-control-wrap { display: inline-block; width: 50%; flex-basis: 50%;}
.wpcf7 p .wpcf7-form-control-wrap .wpcf7-list-item input { width:15px; }
.wpcf7 .wpcf7-acceptance { font-size: 15px; }
.wpcf7 p input[type="submit"] { border-radius: 20px; font-size: 20px; text-transform: uppercase; font-family: 'Alpaca Scarlett Demo',Arial,sans-serif;  padding: 10px 30px 3px 40px; letter-spacing: 0.2em; border:none; background-color: #ADBF00; color: #fff;text-align: center;   }

/* form pagina */
.wpcf7 .row { display: flex; width:100%; flex-wrap: wrap; flex-direction: row; }
.wpcf7 .row input, .wpcf7 .row p, .wpcf7 .row span { display:block; width:100%; }
.wpcf7 .row .col { width:25%;}
.wpcf7 .row select { width: calc( 100% - 36px ); font-size: 20px; font-family: 'Poppins',Arial,sans-serif; font-weight: 300; border: none; border-radius: 10px; padding: 5px 10px;}
.wpcf7 .row.privacy .col , .wpcf7 .row .row .col { width:50%;}
.wpcf7 .row input[type="checkbox"] { width:15px; float:left; }
.wpcf7 .row input[type="submit"] { width:auto; float:right; }

/* webcam */
.img-webcam img { width:100%; height:100%; object-fit: center; object-position: center;  }
.img-webcam  canvas, .img-webcam a { height:100% !important; width:100% !important;}
.img-webcam {aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; }

/* offerte */
.offerte-pagina { overflow-x:hidden; }
.offerte-pagina h2 { color:#ADBF00; padding-left: calc( 8.3334% + 140px ); text-transform: none; }
.offerte-pagina h2,.offerte-pagina .sottotitolo  { display: inline;}
.offerte-pagina .sottotitolo { margin-left:20px; }

.offerte-pagina article { width:30vw;}
.offerte-pagina article a { margin:16px; overflow: hidden; display: block; position: relative;   }
.offerte-pagina article a figure {aspect-ratio: 3 / 4; overflow: hidden; border-radius: 20px; background-color: #000; }
.offerte-pagina article a figure img { width:100%; height: 100%; object-fit: cover; object-position: center; opacity: .6;}
.offerte-pagina article a span { z-index:100;position: absolute; top:10px; left:10px; font-weight: 500; color: #F7F6F0;  }
.offerte-pagina article a p.alpaca { margin:0px; position: absolute; bottom:100px; left:20px; font-size: 45px; color: #F7F6F0; line-height: 45px; width: calc( 100% - 40px); }
.offerte-pagina article a p.button { position: absolute; left:20px; bottom: 20px; margin: 0px; color: #F7F6F0}
.offerte-pagina article a span { padding-left: 45px; background-repeat: no-repeat;}
.offerte-pagina article a span sup { font-size: 12px;}

.offerte-pagina article a span.pacchetto { background-image: url('../../../assets/images/pacchetto.svg');}
.offerte-pagina article a span.offerta { background-image: url('../../../assets/images/offerta.svg');}

.offerte-pagina .slick-arrow { background-image: url('../../../assets/images/freccia.svg'); transition: opacity .3s; cursor: pointer; border:none; background-color: transparent; filter:invert(100); text-indent: -10000px; width:40px; height:40px; position:absolute; top: -40px; right: 140px; }
.offerte-pagina .slick-arrow.slick-prev { transform: rotate(180deg); right: 240px;}
.offerte-pagina .slick-arrow:hover { opacity: .3; }

.single-offerta #contenuti { padding: 0px 140px; overflow: auto; margin-bottom:140px; }
.single-offerta #contenuti #struttura { width:30%; float:left; }
.single-offerta #contenuti #struttura img { width:100%; height: auto; border-radius:10px;  }
.single-offerta #contenuti  h2 { color: #ADBF00; margin-bottom:10px; font-weight: 300; margin-top:10px; }
.single-offerta #contenuti  h2 sup { font-size: 20px; }
.single-offerta #contenuti #struttura a:last-child { margin-top:10px;text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 15px; border-top:1px solid #989996; border-bottom:1px solid #989996; width:100%; display: block;}
.single-offerta #contenuti #dettaglio-offerta { width:calc(70% - 30px ); margin-left:30px;  float:left; }
.single-offerta #contenuti #dettaglio-offerta ul { list-style: none; margin: 0px; padding: 0px;  border-bottom: 1px solid #989996;}
.single-offerta #contenuti #dettaglio-offerta ul li { border-top:1px solid #989996;  line-height: 40px;}


/* popup */
body.active .wa__btn_popup_txt { display:none!important;}
#pop-up-icon { position: fixed; right: 100px; bottom:30px; z-index: 100; opacity:0; transition: opacity .3s; }
#pop-up-icon .icon { width:56px; height: 56px; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17);
box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17); text-indent: -10000px;   background-size: 40px; background-position: center; background-repeat: no-repeat; }
body.active #pop-up-icon { opacity:1; }
#pop-up-icon a { width:100%; height: 100%; display:block;}

#pop-up-icon .icon.webcam { background-image: url('../images/sappada-dolomiti-webcam.svg');}
#pop-up-icon .icon.prenota { background-image: url('../images/calendario-prenota.svg');}

/* prenotazione in page */
.home #prenota.page {z-index:200;  position: absolute; bottom:90px;  }
.home #prenota.page.open { position: fixed; }
#prenota.page { z-index:200;  left:0px; width:calc( 100% - 340px ); margin-left:140px; padding:10px 30px; border-radius: 20px; background-color: rgba(255,255,255,.8); }
#prenota.page  p { margin:0px; font-size: 15px; }
#prenota.page form { display:flex; flex-wrap: wrap; margin-top:10px;  }
#prenota.page form .col, #prenota.page form .arrivo, #prenota.page form input[type="submit"] { width:calc( 20% - 10px ); margin-right:10px; }
#prenota.page form .ospiti{ width: 10%; margin:0px !important; }
#prenota.page form input[type="submit"]  { margin-right:0px; margin-left: 10px;}
#prenota.page form select, #prenota.page form input { border:none; border-radius: 10px; height:30px; background-color: transparent; }
#prenota.page form .col, #prenota.page form .arrivo, #prenota.page form .ospiti { position:relative; }
#prenota.page form .col::after { content:''; width:1px; height: 30px; background-color: #989996; display:block; position: absolute; right:0px; top:0px; }
#prenota.page form .ospiti span { font-size: 13px; position: absolute; top:-20px; }
#prenota.page input { padding-left:5px;}
#prenota.page form input[type="submit"] { margin-top: 0px; border:1px solid #434748;; color: #434748; text-transform: uppercase; }
#prenota.page form select { text-transform: uppercase; }



#prenota .contatta { position:absolute; right:40px; top:10px; font-weight:300; }

.icon.prenota p { margin:0px; height:100%; cursor:pointer; }
#prenota.page { position: fixed; bottom: -100px; transition: bottom .3s;}
#prenota.page.open { bottom: 90px; background-color: #fff; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.09);
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.09); }
#pop-up-icon .icon { display: inline-block; margin-left: 10px; cursor: pointer;}
#pop-up-icon .icon.meteo { background-size: 55px;}
#pop-up-icon a, #pop-up-icon .open-button { transition: all .3s;  border-radius: 100%;}
#pop-up-icon a:hover, #pop-up-icon a.active, #pop-up-icon .open-button.active, #pop-up-icon .open-button:hover { background-color: #FFD300; mix-blend-mode: multiply; }

#modale-meteo { position:fixed; z-index:100; width: 50%; top:95px; right:0px; height:calc( 100vh - 135px );  background-color: #fff; -webkit-box-shadow: -4px 0px 15px 5px rgba(0,0,0,0.11);
    box-shadow: -4px 0px 15px 5px rgba(0,0,0,0.11); padding:20px; padding-top:40px; transform: translatex(100%); transition: transform .3s; will-change: transform; }
    #modale-meteo.open { transform: translatex(0); }

/* meteo */
#meteo {margin: 0px 40px; padding-bottom: 100px;}
#meteo h2 { text-align: center; margin-bottom: 30px; margin-top:80px; }
table.meteo {  width:100%; border:0px; margin: 0px; text-align: center; border-collapse: collapse; }
table.meteo img { width:60px; height: auto;  vertical-align:middle;  }

table.meteo td, table.meteo th { border:0px; border-bottom:1px solid; padding:0px; margin:0px; }
table.meteo tr:nth-child(even) { background-color: #fff; }
table.meteo tr.past { opacity:.3;}
table.meteo th { font-weight: 500; }

/* 404 */
.strutture-pagina { font-size: 45px; font-weight: 400; padding-right: 40px; margin-bottom:80px;}
.strutture-pagina span.icona { display:inline-block; height: 42px; width: 42px; margin-right: 20px; position:relative; top:3px; }
.strutture-pagina ul { margin:0px; padding: 0px; list-style: none; }
.strutture-pagina li { height: 100px; line-height: 100px; border-bottom:1px solid #989996; }
.strutture-pagina a { text-decoration: none;  }
.strutture-pagina span.count { font-size: 15px; color: #989996; float:right; font-weight: 300;}
.strutture-pagina p a { margin-left:60px; border-bottom: 1px solid;  } 
.strutture-pagina a { transition: color .3s;}
.strutture-pagina a:hover { color: #adbf00;}
.strutture-pagina span.icona img { width:100%; height: 100%; }
.strutture-pagina h2 { margin-top:80px;}

/* footer */
footer { background-color: #fff; font-size: 20px; line-height: 1.18em; background-image: url('../images/sappada-disegno.jpg'); background-size: 1px; }
footer { background-size: contain; background-repeat: no-repeat; background-position: center 100px;}
footer ul { margin:0px; padding: 0px; list-style: none; }
footer ul a { text-decoration: none; font-weight:400; }
footer ul li li a { font-weight:300; }
footer .menu-privacy-container li, footer .menu-privacy-eng-container li, footer .menu-privacy-deu-container li { display: inline-block; font-size: 15px; }
footer .menu-privacy-container li a, footer .menu-privacy-eng-container li a, footer .menu-privacy-deu-container li a {font-weight:300;   }
footer .menu-privacy-container li a, footer .menu-privacy-eng-container li a, footer .menu-privacy-deu-container li a { font-size: 13px; margin-top:40px; color: #ADBF00; }
footer .menu-privacy-container li, footer .menu-privacy-eng-container li, footer .menu-privacy-deu-container li { margin-top:40px;  color: #ADBF00;}
footer .menu-privacy-container li::after, footer .menu-privacy-eng-container li::after, footer .menu-privacy-deu-container li::after { content: ' - '; }
footer .menu-privacy-container li:last-child::after, footer .menu-privacy-eng-container li:last-child::after, footer .menu-privacy-deu-container li:last-child::after { content: ''; }
footer .wpcf7 p input[type="submit"].newsletter { color: #fff; border-radius: 10px; background-color: transparent; border:1px solid; text-transform: none; font-family: 'Poppins',Arial,sans-serif; padding-top:5px; letter-spacing: 0px; font-weight: 300;  }

.iubenda-cs-preferences-link { margin-top:10px; font-size:13px; text-decoration: none;}

.modulo { transition: opacity 1s, transform .5s; opacity:0; position: fixed; background-color: #fff; overflow: hidden; width:70vw; left:15vw; top:100px; height: auto; padding:40px; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.23); border-radius:10px; transform: translateY(-250%); z-index:500;}
.modulo { max-height: calc( 100vh - 200px ); overflow: hidden; }
.modulo .cont-modulo, .modulo #cont-modulo { overflow:scroll; height: calc( 100vh - 200px );}
.modulo form .col .row.privacy { margin:0px;}

.grecaptcha-badge { 
    visibility: hidden;
}

@media screen and ( max-width:1800px){
    header#top { padding:0px 80px; padding-top:20px; width: calc( 100% - 160px );}
    #language { right: 15px; top: 50px;}
    body .wp-block-columns { padding: 0px 80px; }
    .menu-open .menu-strutture ul, .wrapper h1, .tax-categoria_struttura .titolo, #prenota,
    #elenco-filtri .block-accordion, .post-categories { padding-left:80px; }
    #breadcrumbs { left:80px;}
    .single-struttura .mappa {margin-left:80px;}
    .single-post #contenuti #info, .single-struttura #contenuti #info { padding-left:80px; width: calc( 33% - 80px );}
    .single-post #date { padding:0 80px;}
    #testata h1 { left:80px; }

    #elenco-eventi article { flex-basis: calc( 25% - 16px )}
    #navbarSite ul.menu-header li {min-width:120px; }
    #telefono { padding-left:20px;}

    .single-post #contenuti #descrizione, .single-struttura #contenuti #descrizione { width: calc( 66% - 80px ); padding-right: 80px; }
    .menu-open p, #testata-home h2  { padding-left:80px;}

    #prenota.page { width:calc( 100% - 220px ); margin-left:80px;  }
}


@media screen and ( max-width:1550px){
    #navbarSite ul.menu-header, .navbar-toggler { font-size: 17px;}
    #navbarSite ul.menu-header li { min-width: auto;}
}

@media screen and ( max-width:1380px){
    header#top { padding:0px 80px 0px 20px; padding-top:20px; width: calc( 100% - 100px );}
    body .wp-block-columns { padding: 0px 20px; }
    .menu-open .menu-strutture ul, .wrapper h1, .tax-categoria_struttura .titolo, #prenota,
    #elenco-filtri .block-accordion, .post-categories { padding-left:20px; }
    #breadcrumbs { left:20px;}
    .single-struttura .mappa {margin-left:20px;}
    .single-post #contenuti #info, .single-struttura #contenuti #info { padding-left:20px; width: calc( 33% - 20px );}
    .single-post #date { padding:0 20px;}
    #testata h1 { left:20px; }

    #elenco-eventi article { flex-basis: calc( 33% - 16px ); }
    #elenco-eventi { padding: 40px 12px; }

    .elenco-strutture article { flex-basis: calc(33% - 16px ); max-width: calc(33% - 16px );}
    #elenco-strutture#elenco-strutture { width: calc( 67% - 100px ); }
    .single-offerta #contenuti { padding: 0 80px;}
    #testata-home h2  { padding-left:20px; }
    #prenota.page { width:calc( 100% - 100px ); margin-left:20px;  }
}

@media screen and ( max-width:1325px){
    header #logo, header #logo img { width: 180px; padding-top:5px;}
    html[lang="de-DE"] #navbarSite ul.menu-header li { padding-left:10px; padding-right: 10px; }
    html[lang="de-DE"] #navbarSite ul.menu-header, html[lang="de-DE"] .navbar-toggler { font-size: 15px ;}
    #language { top:7px;right: 3px; z-index: 100;  }
    header#top { padding-right:20px; width: calc( 100% - 40px ); }
    .menu-supporto { right: 70px;}
    #language { max-height: 45px; overflow: hidden; }
    #language:hover { max-height: 150px; overflow: hidden; }
    .navbar-toggler { margin-left:10px;}
    .navbar-toggler a { padding-right: 35px; }
}

@media screen and ( max-width:1024px){

    header#top { padding-top:50px; display: block;  }
    .open-modale header#top { -webkit-box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17);
    box-shadow: 1px 5px 15px 5px rgba(0,0,0,0.17); }
    header #logo, header #logo img { width:120px; padding-top:0px;}
    header#top { height:auto; }
    #language { top:45px;}

    #telefono { left:0px; top:0px; width: 50%; border-bottom:1px solid #989996; height:35px; margin-top: 4px; }
    .menu-supporto { text-align:right; padding:0px; padding-right:80px;right:0px; width:100%; border-bottom: 1px solid #989996; margin-bottom:0px; margin-top:5px; padding-bottom:5px; height:35px;}
    .navbar-toggler.desktop { display: none; }
    .navbar-toggler.open-button { display:block; right:80px; height:auto; line-height:30px; top:0px; margin:0px; position:absolute; top:50px; padding-right:40px; }
    #navbarSite { max-height: 0px; height:100vh; transition: max-height .3s; overflow: hidden; width:100%;   }

    #navbarSite.open { max-height:100vh; margin:0px; }
    .navbar-toggler span:nth-child(2) { top:8px;}
    .navbar-toggler span:nth-child(3) { top:15px;}
    .navbar-toggler span:nth-child(4) { top: 22px;}
    .navbar-toggler.open span:nth-child(2),.navbar-toggler.open span:nth-child(3), .navbar-toggler.open span:nth-child(4) { top:14px;}
    #navbarSite ul.menu-header li.mobile, .mobile { display:block; }

    ul.mobile { margin:0px; padding: 0px; }
ul.mobile li { font-size:15px; display:inline-block; margin-right:5px;}
ul.mobile li::after { content: ' / '; }
ul.mobile li:last-child::after { content: ''; }
.mobile ul { margin:0px; padding: 0px; list-style-type: none; }
.mobile ul li { margin:0px; padding: 0px;}
.mobile .wpml-ls-legacy-list-horizontal { padding:0px; border-top:1px solid; padding-top:10px; margin-top:10px;}
.mobile .wpml-ls-legacy-list-horizontal a { padding:0px; margin-right: 10px;}
.mobile .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a { border-bottom:1px solid; }
#navbarSite ul.menu-header { padding-bottom:10px;}

    #navbarSite ul.menu-header li, #navbarSite ul.menu-header { padding-top:0px;display:block; width:100%; text-align: left; padding-left:0px;line-height: 55px; }
    #navbarSite ul.menu-header { font-size:30px;  }
    #navbarSite ul.menu-header li { border-bottom:1px solid; padding-top:10px; }
    #navbarSite ul.menu-header { padding-bottom:20px; }

    .menu-open { transform: translatex(100%); transition: transform .3s; z-index:9999999999; top:0px; width:50%; right:0px; left:auto; height:100vh; max-height: 100vh; }
    .menu-open .menu-strutture { width:100%;}
    .menu-open .immagine { display:none; }
    .menu-open .menu-strutture li { width:100%; }
    .menu-open.open { transform: translatex(0);max-height: 100vh;}
    .menu-open p { padding-left: 20px;}
    .menu-open .menu-strutture li { line-height: 55px; padding-top:10px;}
    .menu-open .menu-strutture { padding-top:32px;}
    .menu-open .menu-strutture ul { padding-bottom: 20px;}
    .menu-open a[title="noLink"] {position:relative; top:20px;}

    body { font-size: 18px; line-height: 26px;}
    .home h2, .navigation a { font-size: 30px; }
    h1 { font-size: 30px; }
    h2, #elenco-strutture article .contenuti h2 { font-size: 25px; }
    .wrapper .has-small-font-size { font-size: 13px !important; line-height: 1.18em;}
    .wrapper .has-medium-font-size { font-size: 25px !important;}
    .wrapper .has-large-font-size { font-size: 30px !important; }
    .wrapper .has-x-large-font-size {font-size: 70px !important;}
    .button { font-size: 15px; }
    #elenco-strutture#elenco-strutture { width: calc( 67% - 40px ); }
    #prenota h2 { font-size: 20px;}

    .single-post #contenuti #info, .single-struttura #contenuti #info { padding-left: 20px; width: calc( 43% - 20px );  }
    .single-post #contenuti #descrizione, .single-struttura #contenuti #descrizione { width: calc( 56% - 20px ); padding-right: 20px; }
    .single-struttura #mappa { width:43%;}
    .single-struttura #gallery { width:56%; }
    .single-struttura #contenuti #info p.icona { margin-left:0px; }
    .elenco-strutture article { flex-basis: calc(50% - 16px ); max-width: calc(50% - 16px ); }
    .single-offerta #contenuti { padding: 0 20px;}
        .wrapper { padding-top:97px;}
        #breadcrumbs {top:90px; font-size: 15px; }
        #testata h1 { bottom:20px; font-size: 60px;}
        .wrapper h1 { padding-top:50px;}
        .navigation a::before { height:30px; background-size: 30px;}

        footer { font-size: 15px;}

        #testata-home h2 { font-size: 45px;}
        .single-struttura #contenuti #info button.mail { font-size: 18px; line-height: 26px; text-align:left; padding:0px;  }

    }

    @media screen and ( max-width:768px){
        .wp-block-spacer { max-height: 20px;}
        .menu-supporto, .menu-open { width:70%;}
        #testata, #testata figure { max-height:  50vh;}

        .single-struttura #mappa, .single-struttura #gallery { width:100%; }
.single-struttura #mappa .acf-map { height: 200px;}
.single-struttura #gallery img { margin:0px; border-radius: 0px;  height:250px; width:auto; }

.single-struttura .wrapper { display:flex; flex-wrap: wrap; }
.single-struttura h1 { order:1; }
.single-struttura .mappa { order:2; width:100%; }
.single-struttura #gallery { order:3; }
.single-struttura #mappa { order:6; }
.single-struttura #contenuti { order:5; }
.single-struttura #attivita-back { order:6;}

.single-post #contenuti #info, .single-struttura #contenuti #info { width:calc( 100% - 40px ); font-size:15px; line-height: 20px; }
.single-struttura #contenuti #info h2, .single-post #contenuti #info h2 { font-size:15px; margin:0px; }
.single-struttura #contenuti #info p.icona { border-top:1px solid#989996; padding-top:4px;}
.single-struttura #contenuti #info div {border-top:1px solid#989996; padding-top:4px; border-bottom:1px solid#989996;  }
.single-post #contenuti #descrizione, .single-struttura #contenuti #descrizione { width:calc( 100% - 40px ); }
#attivita-back { padding:0px; width:100%; border-radius:0px; }
#attivita-back a { border-radius: 0px; width:100%; border:none;  }
.single-struttura #attivita-back a { background-color: #FFD300;  }
.single-post #contenuti #info, .single-struttura #contenuti #info { background-color: #fff; padding-top:20px; padding-bottom:20px; padding-right: 20px; width: calc( 100% - 40px );}
.single-struttura #contenuti { padding-top:0px; }
.single-attivita #gallery img { height:250px; width:auto; }
.navigation a { font-size: 20px; }

#elenco-eventi article { flex-basis: calc( 50% - 16px ); }
.single-struttura #contenuti #info button.mail { font-size: 15px; line-height: 20px;  }


   }



   @media screen and ( max-width:500px){

    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
      }
      html {
        height: -webkit-fill-available;
      }
    .wrapper h1 { width: calc( 100% - 40px );}

a:hover { color: #434748;}

   #telefono strong { display:none; }
    #telefono a { background-image: url('../images/phone.svg');}
    #telefono a{ display:block;  height: 30px; background-repeat: no-repeat;  }
    #telefono a { font-size: 15px; padding-left:35px; background-size: 30px; background-position: center left; line-height: 35px;}
        #telefono,.menu-supporto { width:auto; border:none; transition: top .3s; }

    .menu-supporto li a { text-indent: 100%; white-space: nowrap; overflow: hidden; display:inline-block; width: 30px; height: 30px; }
    .menu-supporto li { margin-left:5px; }
.menu-supporto { padding-right:60px; margin-top:8px;}
.menu-supporto li a { padding: 0px; }
#language { top:5px; right:0px; }
#language ul { width:34px; }
#language ul li { height: 30px; width:30px;}
#language .wpml-ls-legacy-list-horizontal a { width:34px; line-height: 34px; height:34px;}
.navbar-toggler.open-button { right:20px; top:55px; transition: top .3s;}
header#top { transition: padding-top .3s;  padding-bottom:5px;}
.menu-open p { padding-right:20px ;}

body.active #telefono, body.active #language, body.active  .menu-supporto { top: -50px; }
body.active header#top { padding-top:10px; }
body.active .navbar-toggler.open-button { top:15px; }
#navbarSite ul.menu-header, .menu-open  .menu-strutture li li  { font-size: 25px;}
.catalogo-pagina a { font-size: 15px; }
.menu-supporto, .menu-open { width: 90%; }
.menu-open .menu-strutture ul { padding:20px; overflow:hidden; }
.menu-open .menu-strutture li li { line-height: 35px;}
.menu-open .menu-strutture, .menu-open .menu-strutture ul { padding-top: 0px; }
.menu-open .close { position: absolute; right:20px; top:45px; font-size: 30px; display: block;}
.elenco-strutture article { flex-basis: calc(100% - 16px );
    max-width: calc(100% - 16px );}
    .localita { padding: 12px; }
#attivita-back a { padding-left:0px; padding-right: 0px;}
#gallery .slick-arrow, #elenco-strutture .gallery .slick-arrow { display: none!important;}
#testata h1 { font-size:45px; }
.wrapper .has-large-font-size { font-size: 25px !important; }
#breadcrumbs { font-size: 13px;}

.navigation { display:block; }
.navigation .previous, .navigation .next { max-width:100%; }
.navigation .previous { display:none; }
.navigation a::before { bottom:20px}

.single-offerta #contenuti #struttura { width:100%; }
.single-offerta #contenuti #dettaglio-offerta { margin:0px; width:100%;}
.single-offerta #contenuti { display: flex; flex-wrap: wrap;}
.single-offerta #contenuti h2 { order:1; }
.single-offerta #contenuti #struttura { order:3; }
.single-offerta #contenuti h2 { font-size: 20px; margin-top: 30px;}

#elenco-eventi article { flex-basis: calc( 100% - 16px ); width: calc( 100% - 16px ); }
.single-post h1 { font-size: 35px;}
.single-post #date ul { font-size: 13px; line-height: 15px;}
.single-post #date ul li { min-height: 30px; line-height: 15px; padding-top: 15px; height: auto;}

.wpcf7 p .wpcf7-form-control-wrap { width:100%; flex-basis: 100%; }
.wpcf7 p .wpcf7-form-control-wrap input, .wpcf7 p .wpcf7-form-control-wrap textarea { margin-bottom:10px;}
.wpcf7 p input[type="submit"] { margin-top:20px; width:100%; }

.single-struttura h1 { font-size: 25px;}
h1 sup { font-size: 13px;}
.single-struttura .mappa { font-size: 15px; background-size: 15px; padding-left:20px; background-position: left center;}

.button-accordion h2::after { content:'+'; float:right; }
.button-accordion.collapsed h2::after { content:'-'; float:right; }
.extra { padding-top:20px;}
.single-struttura #contenuti #descrizione { padding-top:20px}
.single-struttura #mappa .acf-map { border-radius: 0px;}

#elenco-filtri { width:100%; }
#elenco-strutture#elenco-strutture { width:100%; margin:0px; }
#elenco-strutture article { border-bottom: 0px;}
#elenco-strutture article.active-localita.active-categoria.active-servizio { display: block; }
#elenco-strutture article .immagine { width:100%; }
#elenco-strutture article .contenuti { margin-left:0px; width:calc( 100% - 40px ); padding-left:20px; }
#elenco-strutture article .immagine .gallery { border-radius: 0px; }
.tax-categoria_struttura .descrizione { padding:0px 20px }
#testata-home h1 { font-size: 45px;}
#testata-home { top:120px; bottom:auto;}

#prenota { padding:20px; border-radius:0px; }
#prenota p, #prenota h2 { margin-top:0px; }
.home #prenota.page  { display:none;}


#pop-up-icon .icon.prenota { font-weight: 500; text-transform: uppercase; position:fixed; left:0px; bottom:0px; width:100%; border-radius:0px; margin:0px; text-indent: 0px; text-align: center; background-position: center left 20px; height:40px; background-size: 30px; padding:10px 0px; line-height: 40px; background-color: #FFD300; }
#pop-up-icon, .wa__btn_popup { bottom: 70px !important; }
#modale-meteo { width:calc( 100% - 40px ); top:60px;}
table.meteo img { width:40px; }

#pop-up-icon .icon { width:40px; height:40px;}
#pop-up-icon .icon.meteo { background-size: 45px;}
#pop-up-icon .icon.webcam { background-size: 30px;}
.wa__btn_popup .wa__btn_popup_icon { width:40px !important; height: 40px !important;}
.wa__btn_popup .wa__btn_popup_icon:before {     -webkit-background-size: 25px auto !important; }
#pop-up-icon { right:85px;}

#fascia-prenota { border:0px;height:auto; line-height: 30px; }
#fascia-prenota button { color: #F7F6F0;background-color: #ADBF00; float:none; width:100%; padding:7px 0px; padding-top:15px;  }
#fascia-prenota span { display:none; }

.single-struttura #contenuti #info h2:first-child { display:none; }
.single-struttura #contenuti #info button { width:100%; padding:7px 0px; padding-top:15px;}

.single-struttura #contenuti #info button.mail { font-size: 15px; line-height: 20px;  }
#fascia-prenota .button { width:calc( 100% - 40px ); text-align:center; }
#fascia-prenota button.button { width:100%; float:none;}

footer { padding-bottom:60px; }

.wpcf7 .row { display:block; }
.wpcf7 .row .col, .wpcf7 .row.privacy .col, .wpcf7 .row .row .col { width:100%;}

.single-struttura #gallery.slide img { height: 250px; width: auto; }
.single-struttura #gallery img { width:100%; height: auto;}
.single-struttura #info .button { width:calc( 100% - 60px ); text-align: center;}
#fascia-prenota { margin:0px; margin-top:15px;}

#centro p.icona { background-image:none;}
#elenco-strutture article .immagine .gallery img { border-radius: 0px;}
#elenco-filtri .button-accordion { color: #000; display:block; width:100%; border:none; background-color: transparent;  font-family: 'Poppins',Arial,sans-serif; font-weight: 500; text-align:left; font-size:20px; padding: 10px 0px; }
#elenco-filtri .button-accordion::after { content:'+'; float:right; }
#elenco-filtri .button-accordion.collapsed::after { content:'-';}

#elenco-strutture { display: flex; flex-wrap: wrap; }
#elenco-strutture article { width:100%; flex-basis:100%;  flex-shrink: 0; }
#elenco-strutture article .immagine { width:100%; flex-basis: 100%; }
#elenco-strutture article .contenuti { width:calc( 100% - 40px ); flex-basis:calc( 100% - 40px ); }
.wa__btn_popup { z-index:200 !important;}
.modulo button { background-color: #fff; border-radius:  50%; z-index:100; -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.13);  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.13); padding: 3px 10px; right:15px; }
#testata-home { top:calc( 50vh - 80px );}
}


@media (orientation: portrait) {
    .home .wrapper figure.wp-block-video:first-child {  height: calc( 70vh - 100px ); overflow: hidden;}
    .home .wrapper figure video { height: calc( 70vh - 100px ); width: 100%; object-fit: cover; object-position: center; }
    #testata-home { bottom: calc( 30vh + 150px ); }
    .home #prenota.page { bottom: calc( 20vh + 120px );  }

    .responsive-table { overflow-x: scroll;}
    .responsive-table table {
    table-layout:fixed;
}
.responsive-table table td, .responsive-table table th {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

  }
  @media screen and ( max-width:1024px){
    .strutture-pagina { font-size: 30px;}
    .strutture-pagina li { line-height: 60px; height: 60px; }
.strutture-pagina span.icona { height:30px; width: 30px;}

}

@media screen and ( max-width:500px){

.strutture-pagina { font-size: 25px;}
.strutture-pagina { padding:0px; }
}