/*
Theme Name: LJ 2026
Author: Tree Agency
Author URI: http://www.treeagency.it/
Description: Tema Wordpress di LJ
Version: 1.1
License: GNU General Public License v2 or later
*/
/*Wordpress editor styles start*/
* {
  margin: 0;
  padding: 0;
  text-align: left;
}
.entry-content img {
  margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
}
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
}
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
}
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
}
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
}
/*Wordpress editor styles end*/

/* Font del brand, ospitati in locale (file variabili) */
@font-face {
    font-family: 'Source Serif 4';
    src: url('fonts/SourceSerif4-latin-ext.woff2') format('woff2');
    font-weight: 300 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Source Serif 4';
    src: url('fonts/SourceSerif4-latin.woff2') format('woff2');
    font-weight: 300 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Source Serif 4';
    src: url('fonts/SourceSerif4-Italic-latin-ext.woff2') format('woff2');
    font-weight: 300 600;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Source Serif 4';
    src: url('fonts/SourceSerif4-Italic-latin.woff2') format('woff2');
    font-weight: 300 600;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-latin-ext.woff2') format('woff2');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-latin.woff2') format('woff2');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Pinyon Script';
    src: url('fonts/PinyonScript-latin-ext.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Pinyon Script';
    src: url('fonts/PinyonScript-latin.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Palette: quattro colori, nessun altro */
  --blu-notte: #2B3748;
  --sabbia: #E4DECE;
  --verde: #6B6751;
  --terra: #754437;
  --linea: #B3A68A;
  --card: #EFE9DC;
  --serif: 'Source Serif 4', Georgia, serif;
  --sans: 'Work Sans', Arial, sans-serif;
  --script: 'Pinyon Script', cursive;

  /* Variabili storiche del tema, rimappate sulla nuova palette */
  --color1: var(--blu-notte);
  --color2: var(--sabbia);
  --color3: rgb(43 55 72 / 55%);
  --color4: rgb(43 55 72 / 20%);
  --color4b: rgb(43 55 72 / 30%);
  --color5: rgb(43 55 72 / 80%);
  --color6: rgb(43 55 72 / 0%);
  --color7: rgb(43 55 72 / 75%);
  --color8: rgb(228 222 206 / 0.12);
  --color8b: rgb(228 222 206 / 0.2);
  --color8c: rgb(228 222 206 / 0.5);
  --color9: var(--terra);
  --color10: var(--blu-notte);
  --color11: var(--card);
  --color12: var(--verde);
  --font1: var(--serif);
  --font2: var(--serif);
  --font3: var(--serif);
  --font4: var(--serif);
  --font5: var(--serif);
  --font6: var(--sans);
}
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
body {
  color: var(--color1);
  background-color: var(--color2);
  position: relative;
  font: 400 18px/1.6 var(--serif);
  text-rendering: optimizeLegibility;
  cursor: none;
  display: block !important;      /* <-- toglie grid/flex che centra */
  align-items: initial !important;
  justify-items: initial !important;
  place-items: initial !important;
  align-content: initial !important;
  place-content: initial !important;
  /* -webkit-transition: top .4s cubic-bezier(.25,.46,.45,.94); */
  /* -moz-transition: top .4s cubic-bezier(.25, .46, .45, .94); */
  /* transition: top .4s cubic-bezier(.25,.46,.45,.94); */
  /* background-repeat: repeat; */
}
body.logged-in .main-navbar {
  top: 32px;
}
a {
  cursor: none;
  color: var(--color1);
}
a:hover {
   color: var(--terra);
}
.wrapper {
  position: relative;
  margin: 0 5%;
}
.wrapper2 {
  position: relative;
  margin: 0 10%;
}
.text-right, .text-right * {
  text-align: right !important;
}
.text-center, .text-center * {
  text-align: center !important;
}
.text-center iframe{
  margin:0 auto;
}
.abs {
  position: absolute !important;
}
.z1 {
  z-index: 1;
  position: relative;
}
.z2 {
  z-index: 2;
  position: relative;
}
.z3 {
  z-index: 3;
  position: relative;
}
.z4 {
  z-index: 4;
  position: relative;
}
.z5 {
  z-index: 5;
  position: relative;
}
ul{list-style:none;padding:0;margin:0;}
.blocco-testo ul{
  margin-bottom:2vh;
}
h1 {
  position: relative;
  font: 300 clamp(40px,5vw,64px)/1.05 var(--serif);
  letter-spacing: -.015em;
  color: var(--blu-notte);
}

h2 {
  font: 300 clamp(30px,3.4vw,40px)/1.1 var(--serif);
  letter-spacing: -.01em;
  text-transform: none;
  color: var(--blu-notte);
}
h3 {
  font: 400 clamp(22px,2vw,26px)/1.25 var(--serif);
  letter-spacing: 0;
  text-transform: none;
  color: var(--blu-notte);
}
h1 em, h1 i, h2 em, h2 i, h3 em, h3 i {
  font-style: italic;
}
h2.underline, h3.underline{
  border-bottom:1px solid var(--linea) !important;
  margin-bottom:3vh;
}
h1:has(+ p), h1:has(+ h2), h1:has(+ h3), h2:has(+ p), h2:has(+ h4), h3:has(+ p), h3:has(+ h4), h1:has(+ ul) {
  margin-bottom: 3vh;
}

h4, .eyebrow {
  position: relative;
  font: 500 13px/1.3 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 1vh;
  color: var(--terra);
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.posRel {
  position: relative;
}
.cursor,
.cursor2 {
  pointer-events: none !important;
}

.cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  /* mix-blend-mode: plus-lighter; */
  pointer-events: none;
  z-index: 1000;
}
.cursor:after {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--color10);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  pointer-events: none;
  z-index: 1000;
}
.cursor2 .btn {
  display:inline-block;
  opacity:0;
  transform: scale(0);
}
.cursor2 .btn:after {
  display:none !important;
}

.cursor2 {
  position: fixed;
  width: 4px;
  height: 4px;
  /* mix-blend-mode: soft-light; */
  pointer-events: none;
  z-index: 1001;
}
.cursor2:after {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color1);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  transform-origin: center center;
}

.grow, .grow-small {
  mix-blend-mode: hard-light;
}
.grow:after, .grow-small:after {
  transform: translate(-50%, -50%) scale(2);
  border: none;
}
.grow:not(.cursor2):after, .grow-small:not(.cursor2):after {
  background: var(--color10);
}

.grow-small {
  transform: translate(-50%, -50%) scale(1.5);
}
.show-p .div-show-p {
  opacity:1;
  transform: translate(-50%, 10%) scale(1);
}
.the-arrow {
  width: 35px;
  transition: all 0.2s;
}
.the-arrow.-left {
  position: absolute;
  top: 50%;
  left: 23px;
}
.the-arrow.-left > .shaft {
  width: 0;
  background-color: var(--color2);
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
  width: 0;
  background-color: var(--color2);
}
.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}
.the-arrow.-right {
  top: 0;
  /* position: relative; */
}
.the-arrow.-right > .shaft {
  width: 35px;
  transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
  width: 6px;
  transition-delay: 0.3s;
  transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}
.the-arrow > .shaft {
  background-color: var(--color2);
  display: block;
  height: 1px;
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
  background-color: var(--color2);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}
.the-arrow > .shaft:before {
  transform-origin: top right;
}
.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

.animated-arrow {
  display: inline-block;
  color: var(--sabbia);
  font: 500 13px/1.3 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 15px 26px;
  border-radius: 0;
  margin-top: 2vh;
  margin-right: 10px;
  background: var(--blu-notte);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}
.animated-arrow:hover {
  color: var(--sabbia) !important;
  background-color: var(--terra) !important;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 35px;
  transition-delay: 0.1s;
  background-color: var(--color2);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 6px;
  transition-delay: 0.1s;
  background-color: var(--color2);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
  transform: translateX(50px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}
.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.animated-arrow > .main > .text {
  margin: 0 16px 0 0;
  line-height: 1;
  /* pointer-events: initial; */
}
.animated-arrow > .main > .the-arrow {
  position: relative;
}

.btn.btn-mini {
  font-size: 12px;
  padding: 8px 18px;
  border-radius: 0;
}
.btn.btn-mini2 {
  font-size: 13px;
  padding: 8px 18px;
}
.leaflet-container a {
    color: var(--color1);
}
.leaflet-container .btn {
    color: var(--color2);
}
/* Su foto o fondo scuro: sabbia chiara, testo blu notte */
.inverted .btn, .inverted.btn {
  border: 0;
  background: var(--sabbia);
  color: var(--blu-notte);
}

.main-navbar {
  height: 120px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  pointer-events: none;
  /* display: none; */
}
.main-navbar:before {
  content:'';
position:absolute;
  width:100%;
  bottom:0;
  height:1px;
  left:0;
  background-color: var(--color2);
  z-index:2;
	display:none;
}
.no-topslide .main-navbar {
  height: 10vh;
}
.main-navbar::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 140%;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 1;
    background: linear-gradient(to bottom, var(--color5) 0%, var(--color6) 100%);
    transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 1;
}
@media (max-width: 991px){
  .main-navbar::after {
    height: 100%;
}
  .accordion-button {
    font-size: 18px !important;
}
}
.main-navbar .logo-div, .main-navbar .rif {
  pointer-events:initial;
}
.main-navbar .logo {
  background-repeat: no-repeat !important;
  width: 160px;
  height: 62px;
  left: 3%;
  /* transform: translate(-50%,0); */
  z-index: 3;
  position: absolute;
  background-size: contain !important;
  background-position: center !important;
}
.no-topslide .main-navbar .logo {
  margin-top:10px;
}
.main-navbar .hamburger {
  position: absolute;
  top: 25px;
  left: 10px;
  width: 100px;
  height: 60px;
  z-index: 20;
  pointer-events: initial;
}
.main-navbar .hamburger svg {
  position: relative;
  top: 0;
  left: 0;
  width: 100px;
  height: 60px;
}
.main-navbar .hamburger svg line {
  stroke: var(--color2);
}
.main-navbar .hamburger svg line.line-three {
  /* width: 100%; */
  /* display: none; */
}

.booknow{display:inline-block;margin-right: 10px;top:-80px;right:-30px;float:right;text-align:center;z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.main-navbar .language:before{content:'';height:30px;width:1px;background: var(--color2);position:absolute;left:-5px;top:50%;display: none;transform:translate(0, -63%);}
.sticky.main-navbar .language:before{height:20px;}
.booknow .btn{border: 1px solid var(--color2);margin: 0;padding: 15px 26px;border-radius: 0;background: none;/* width:100%; *//* height:100%; *//* left:0; *//* top:0; *//* bottom:0; */}
.booknow .btn:hover{border: 1px solid var(--color1);}

.booknow a .testo{/* width:80%; *//* left: 0; *//* top: 0; */font-size: 14px;font-family:var(--font1);text-align:center;color: var(--color2);line-height:1;text-transform:uppercase;z-index:2;}
.sticky .booknow a .testo{/* top:50%; *//* left:5%; *//* font-size:18px; */}
.sticky.main-navbar .language a{/* font-size:18px; */}
.booknow .bg{background-color:var(--color9);z-index:1;border-radius:50%;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.booknow a:hover .bg{background-color:var(--color1);transform:scale(1.15);}
.sticky  .booknow a:hover span{/* color:var(--color3); */}
.sticky .booknow:hover{background:transparent;}
.main-navbar .rif{position:absolute;top:75px;left:80px;z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.main-navbar .rif.right{position:absolute;top: 25px;left:initial!important;right: 20px!important;}
.sticky.main-navbar .rif.right{/* top:18px!important; */}
.sticky.main-navbar .rif{top:25px;left:30px;}
@media all and (max-width: 480px){
.booknow{width:100px;text-align:center;}
.booknow a:before{height:21px;top:25px;}
}
.main-navbar .language .language-options li:hover{background: var(--color2);}
.main-navbar .language .language-options li:hover a{color:var(--color1);}
.main-navbar .language{position:relative;float:right;display: block;text-align:center;/* margin: 10px 0 0 0; */min-width: 80px;font-family:var(--sans);font-weight:500;text-transform:uppercase;z-index:3;padding: 2px 10px 0 10px;}
@media (max-width:1440px){
.main-navbar .language{/* z-index:3; *//* padding:1px 10px 0 10px; */}
.main-navbar .language  a{/* font-size:20px!important; *//* height:40px!important; *//* line-height:1!important; */}
.sticky.main-navbar .language  a{/* font-size:18px!important; */}
}
.main-navbar .language a{display: block;width: 100%;height: 100%;line-height:1;padding: 18px 0;color: var(--color2);text-align:center;font-size: 13px;letter-spacing:.14em;text-decoration: none;}
.main-navbar .language a .fa{font-size:15px;}
.main-navbar .language:hover ul{/* display:block; */transform: scaleY(1);}
.main-navbar .language ul a{/* height:25px; */line-height: 1;margin: 0;/* padding: 0; */}
.main-navbar .language .language-options{display: block;position: relative;top: 100%;left:0;width: 99.9%;padding:0;/* height: 0; */transform: scaleY(0);/* overflow: hidden; */transform-origin: top left;-webkit-transition: transform 0.4s cubic-bezier(.4, 0, 0, 1) !important;transition: transform 0.4s cubic-bezier(.4, 0, 0, 1) !important;}
.main-navbar .language .language-options li{width:100%;height: 100%;position: relative;display: block;}
.main-navbar .language .language-options:before{content:'';position:absolute;top:-1px;width:100%;height:1px;background:var(--color1);z-index:2;}
.main-navbar .language .language-options{background:var(--color1);}
.main-navbar .language ul a{color: var(--color2);}
@media only screen and (max-width: 1439px){
.booknow{top:-80px;right:-30px;}
.booknow a .testo{/* width:80%; *//* left:8%; *//* top:53%; *//* font-size:20px; */}
.sticky .booknow a .testo{/* top:50%; *//* left:5%; */}
}
@media only screen and (max-width: 1180px){
.booknow{/* top:-80px; *//* right:-30px; */}
.booknow a .testo{/* width:80%; *//* left:8%; *//* top:53%; */}
.sticky .booknow a .testo{/* top:55%; *//* left:5%; *//* font-size:18px; */}
}
@media only screen and (max-width: 991px){
.booknow{display:none;}
.main-navbar .language{/* display:none; */min-width: 60px;}
.main-navbar .language a,.booknow a,.booknow a span{font-size:12px;}
.main-navbar .language .language-options{/* display:none; *//* position:absolute; *//* left:0; */}
.main-navbar .language .language-options:before{content:'';position:absolute;top:0;width:100%;height:1px;background:var(--color3);z-index:2;}
}


.menuOffCanvas {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  height: 0;
  z-index: 997;
  overflow: hidden;
  background: var(--color2);
  -webkit-transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: height 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.menuOffCanvas-cont::-webkit-scrollbar {
  display: none;
}

.menuOffCanvas .img-cover{
  height:100%;
}

.menuOffCanvas .divBg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.menuOffCanvas .divBg img {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 0;
}
.menuOffCanvas .divBg img.active {
  z-index: 2;
  opacity: 1;
}
.menuOffCanvas .divBg:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(43 55 72 / 45%);
  mix-blend-mode: multiply;
  opacity: 0.85;
  z-index: 2;
}
.menuOffCanvas.is-open{
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* ok: blocca lo scroll del body/overlay */
}

.menuOffCanvas-cont{
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  width: 85%;
  z-index: 2;
  min-height: 0;
  margin: 0 auto;
  flex: 1 1 auto;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 15vh 0 6vh;
}

.menuOffCanvas .divBg,
.menuOffCanvas .divBg::before{
  pointer-events: none;
}

/* ================================
   MOBILE MENU ACCORDION
================================ */

/* Root */
.mm-root {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* LI */
.mm-item {
	list-style: none;
	text-align: center;
	border-bottom: 1px solid var(--color8c);
}

/* Riga principale */
.mm-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px 0;
	width: 100%;
}

/* Link */
.mm-link, .mm-link:hover, .mm-link:focus {
	display: block;
	flex: 1;
	font-size: 20px;
	font-weight: 400;
	color: var(--color2) !important;
	font-family: var(--font1);
	text-align: center;
	text-decoration: none;
	transition: color .2s ease;
}

.mm-link:hover,
.mm-item.active > .mm-row .mm-link {
	 /* Bootstrap primary */
	 text-decoration: underline;
}

/* Bottone caret */
.mm-caret {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 32px;
	height: 32px;

	border: none;
	background: transparent;

	color: var(--blu-notte);

	cursor: pointer;

	transition: color .2s ease;
}

.mm-caret:hover {
	color: var(--terra);
}

/* ================================
   CARET STYLE (CUSTOM CHEVRON)
================================ */

.mm-caret-icon {
	display: inline-block;
	vertical-align: text-top;
	width: 12px;
	height: 12px;
	position: relative;
	top: -3px;
	background: transparent;
	text-indent: -9999px;
	border-top: 1px solid var(--color2, #111);
	border-left: 1px solid var(--color2, #111);
	text-decoration: none;
	color: transparent;
	transform: rotate(-135deg);
	transition: transform .25s ease;
}

/* Pseudo elemento */
.mm-caret-icon::before {
	display: block;

	height: 200%;
	width: 200%;

	margin-left: -50%;
	margin-top: -50%;

	content: "";

	transform: rotate(45deg);
}


/* ================================
   ROTAZIONE QUANDO APERTO
================================ */

/* Metodo 1: quando collapse è aperto */
.mm-submenu-collapse.show
	~ .mm-row
	.mm-caret-icon {
	transform: rotate(45deg);
}


/* Metodo 2 (fallback): via aria-expanded */
.mm-caret[aria-expanded="true"] .mm-caret-icon {
	transform: rotate(45deg);
}


/* Wrapper collapse */
.mm-submenu-collapse {
	padding-bottom: 10px;
}

/* UL submenu */
.mm-submenu {
	margin: 0;
	padding-left: 0 !important;
	/* border-left: 2px solid rgba(0,0,0,0.05); */
}

/* Item submenu */
.mm-submenu .mm-item {
	border: none;
}

/* Riga submenu */
.mm-submenu .mm-row {
	padding: 2px 0;
}

/* Link submenu */
.mm-submenu .mm-link {
	font-size: 15px;
	/* font-weight: 400; */
	font-family: var(--font2);
	/* color: var(--color2); */
}

/* Hover submenu */
.mm-submenu .mm-link:hover {
}


/* ================================
   MULTI LIVELLO (3° livello+)
================================ */

.mm-submenu .mm-submenu {
	padding-left: 15px;
	border-left-color: rgba(0,0,0,0.03);
}

.mm-submenu .mm-submenu .mm-link {
	font-size: 14px;
}


/* ================================
   OFFCANVAS / NAVBAR FIX
================================ */

/* Se usi Offcanvas Bootstrap */
.offcanvas .mm-root {
	padding: 10px 0;
}

/* Rimuove focus blu brutto sui button */
.mm-caret:focus {
	box-shadow: none;
	outline: none;
}


/* ================================
   TOUCH FIX (mobile)
================================ */

@media (hover: none) {

	.mm-link:hover {
		/* color: inherit; */
	}

}

@media only screen and (max-width: 991px) {
  .menuOffCanvas-cont ul li a {
    /* font-size: 20px; */
  }
  .menuOffCanvas-cont ul li {
    padding: .5vh 0;
}
}
}
@-webkit-keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes slideDown {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes slideDown {
  100% {
    opacity: 1;
    -moz-transform: translateY(0%);
  }
}
@keyframes slideDown {
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.top-slide {
  overflow: hidden;
}
.top-slide, .big-carousel, .big-carousel .slick-slide {
  z-index: 1;
  margin: 0 !important;
  position: relative;
}
@media (min-width:992px){
	.top-slide, .big-carousel, .big-carousel .slick-slide {
  height: 100vh;
	}
}
.big-carousel .testo-container {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom:0;
  right:0;
  z-index: 3;
}
.big-carousel .testo-container:not(.noBg) {
  background: var(--color3);
}
.big-carousel .testo {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.big-carousel .testo-container.noBg .testo {
  top: initial;
  bottom: 30%;
  transform: translate(-50%, 0%);
}
.big-carousel .testo-container h1, .big-carousel .testo-container h2, .big-carousel .testo-container h3, .big-carousel .testo-container h4, .big-carousel .testo-container h5, .big-carousel .testo-container p {
  text-align: center;
  color: var(--color2);
  white-space: normal;
  word-wrap: break-word;
  overflow: visible;
  display: block;
  /* margin-bottom: 0vh; */
}
@media (min-width:992px){
}
.big-carousel .slick-slide .img-container:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mix-blend-mode: hard-light;
  background: var(--color4b);
}
.big-carousel .img-container {
    height: 105%;
}
.big-carousel .slick-slide img {
  position: relative;
  z-index: 1;
  transition: all 1200ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1.1, 1.1);
}
.big-carousel .slick-slide.slick-active img {
  transform: scale(1, 1);
}
.slick-nav {
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  border-radius: 50%;
  background: var(--color10);
  transform: translate(0,-50%);
  cursor: none;
}
.slick-nav.prev-arrow {
  left: 5%;
  transform: translate(0,-50%) scaleX(-1);
  z-index: 999;
}
.slick-disabled {background: var(--color8b);pointer-events:none;opacity: .5;}

.slick-disabled.slick-nav i:before, .slick-disabled.slick-nav i:after {
    background: var(--color2);
}

.slick-nav.next-arrow {
  left: auto;
  right: 5%;
}
.slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.slick-nav i:before, .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--color2);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.slick-nav i:before {
  transform: rotate(-40deg);
}
.slick-nav i:after {
  transform: rotate(40deg);
}
.slick-nav:before, .slick-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  border: 1px solid var(--color2);
}
.slick-nav.inverted:before, .slick-nav.inverted:after {
  border: 1px solid var(--color2);
}
.slick-nav.inverted i:before, .slick-nav.inverted i:after {
    background: var(--color2);
}
.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--color2);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}

.dots-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  gap: 20px; /* distanza fra frecce e dots */
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 7vh;
}

.dots-wrapper .prev-arrow,
.dots-wrapper .next-arrow, .dots-wrapper .slick-dots {
  cursor: pointer;
  position:relative;
  right: initial;
  left: initial;
  top: initial;
  bottom: initial;
}
.dots-wrapper .slick-dots {
  width:initial;
  bottom: 22px;
  /* display: none; */
}


.related-carousel .slick-nav, .products-carousel .slick-nav {
   top:50%;
}
.related-carousel .slick-nav.prev-arrow{
  left: -5%;
}
.related-carousel .slick-nav.next-arrow {
  right: -5%;
}
.products-carousel .slick-nav.prev-arrow{
  left: -4%;
}
.products-carousel .slick-nav.next-arrow {
  right: -4%;
}
.related-carousel .slick-nav svg, .products-carousel .slick-nav svg {
  /* color: var(--color1); */
}
.related-carousel .slick-nav i:before, .related-carousel .slick-nav i:after,.products-carousel .slick-nav i:before, .products-carousel .slick-nav i:after {
  /* background: var(--color1); */
}
.related-carousel .slick-nav:before, .related-carousel .slick-nav:after, .products-carousel .slick-nav:before, .products-carousel .slick-nav:after {
  /* border: 2px solid var(--color4); */
}
.related-carousel img{
  aspect-ratio:4/3;
}

.slick-nav.animate svg {
  -webkit-animation: stroke 1s ease forwards 0.3s;
  animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
  animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
  animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
  animation: arrowDown 1.6s ease forwards;
}
@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.reveal img, .reveal:before {
  transform-origin: left;
}
.slick-dots {
  position: absolute;
  bottom: 7vh;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: none !important;
}
.slick-dots > li:only-child {
    display: none;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li {
  height: 23px;
  width: 50px;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li button {
  position: relative;
  opacity: 0.35;
  width: 50px;
  height: 100%;
  padding: 10px 0;
  cursor: none !important;
}
.slick-dots li button:after {
  content:'';
  position: absolute;
  background-color: var(--color2);
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 50px;
  height: 3px;
  /* padding: 10px 0; */
  cursor: none !important;
}
.slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.slick-dots li.slick-active button {
  color: var(--color2);
  opacity: 1;
}
.slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}
#scroll-wrapper {
  position: absolute;
  /* display: table; */
  z-index: 2;
  bottom: 50px;
  right: 0;
  /* width:100%; */
  /* height:100%; */
}
#scroll-wrapper-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
#scroll-down {
  display: block;
  position: relative;
  padding-top: 79px;
  text-align: center;
}
#scroll-title {
  /* display: block; */
  text-transform: uppercase;
  position: relative;
  color: var(--color2);
  font-size: 14px;
  letter-spacing: 0.4em;
  text-align: center;
  transform: rotate(90deg);
  margin-bottom: 75px;
}
#scroll-down::before {
  -webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Safari 4+ */
  -moz-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */
  -o-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */
  animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
  /* IE 10+, Fx 29+ */
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 90px;
  background: var(--color2);
  content: ' ';
}
@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}
.layout-1 img, .layout-5 .img1 img{
  aspect-ratio:3/4;
}
.layout-1 .left .testo{
  padding: 10vh 7vw 10vh 0;
}
.layout-1 .right .testo{
  padding: 10vh 0 10vh 7vw;
}

.layout-2 .big-carousel .testo {
  width: 60%;
}

.wrapper3{position:relative;margin:0 15%;}

@media (max-width:991px){
.wrapper3{position:relative;margin:0 7%;}
  body {
    font-size: 17px;
  }
}
.slider-alloggi .slick-slide{padding:0 1vw;}
.slider-alloggi .slick-list{overflow:initial;}
.slider-alloggi .top-content{position:relative;}

.slider-alloggi .mini-icon{width:25px!important;height:25px;/* display:table-cell; *//* position:relative; *//* vertical-align:middle; */}
.icons span{padding-left:10px;display:table-cell;font-size:15px;vertical-align: middle;line-height: 1;}
.slider-alloggi .icone{position:absolute;top:0;left:0;right:0;padding:2vw;}
.slider-alloggi .icone:after{content:'';position:absolute;width:100%;height:140%;left:0;top:0;pointer-events:none;opacity:1;background:linear-gradient(to bottom,var(--color5) 0%,var(--color6) 100%);transition:all .4s cubic-bezier(.65,.05,.36,1);z-index:1;}
.icons{position:relative;display:inline-block;z-index:2;margin-right:15px;}
.slider-alloggi .icons{color:var(--color2);}
.slider-alloggi .div-pulsanti{position:absolute;bottom:2vw;left:2vw;}
.slider-alloggi img{aspect-ratio:4/3;}
.slider-alloggi .nome-alloggio{position:relative;margin-top:1vw;padding-left:2vw;}
.slider-alloggi .slick-nav.prev-arrow{top:43%;left:-2.8vw;}
.slider-alloggi .slick-nav.next-arrow{top:43%;left:auto;right:-2.8vw;}
.layout-3 .blocco-testo .testo {padding: 40vh 0 5vh !important;}
.layout-3 .img1 *, .layout-3 .img2 * {aspect-ratio:9/16;}
.layout-3 .img1 {
    padding: 4vw;
    /* margin-top:10vh; */
}
.layout-3 .img2 {
    padding-left: 4vw;
}
.bg1 {
  background: var(--color11);
}
.bg2 {
  background: var(--color12);
}



.layout-5 .img2 img{
  aspect-ratio:1;
}
.layout-5 .img2{
  position:absolute;
  width: 70%;
  top: 55%;
}
.layout-5 .left .img2{
  right: -35%;
}
.layout-5 .right .img2{
  left:-25%;
}
.layout-6 {
  /* background: var(--color10); */
  /* overflow:hidden; */
}
.layout-6 *{
  /* color:var(--color2); */
}
.layout-6 .testo {
  padding: 15vh 6vw;
}
#slick-offerte.layout-6 .testo {
  padding: 15vh 6vw;
}
.layout-6 img {
  aspect-ratio:1;
}
.layout-6 .element, .form-container .element {
  background:url('img/element.svg');
  width: 30vw;
  height: 30vw;
  position:absolute;
  top: 65%;
  right: -7vw;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
  opacity: .2;
}
.form-container .element {
  top: -25%;
  right: -7vw;
}
.layout-10 .testo-container {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 3;
    text-align: left;
}
.layout-10 .posRel .testo-container {
    position: absolute;
    width: initial;
    left: calc(var(--bs-gutter-x) * .5);
    right: calc(var(--bs-gutter-x) * .5);
    bottom: 0;
    z-index: 3;
    text-align: left;
}
.layout-10 .testo-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 120%;
    left: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 1;
    background: linear-gradient(to top, var(--color5) 0%, var(--color6) 100%);
    transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 1;
}
.layout-10 .rect-bg {
  width: 150%;
  height: 200%;
  position:absolute;
  z-index:1;
  left: -25%;
  top: 0;
}
.layout-10 .testo-container .testo{
    padding: 5vh 3vw 2vh;
    position: relative;
    margin: 0;
    z-index: 2;
}
.layout-10 a .testo-container .testo{
    padding: 5vh 3vw 1vh;
    position: relative;
    margin: 0;
    z-index: 2;
    transition: all 0.2s;
}

.layout-10 a .testo-container .testo{
  transform: translateY(44px);
}
.layout-10 .testo-container .testo *{
    color: var(--color2) !important;
}
.layout-10 .testo-container .btn{
    color: var(--color2) !important;
    position: relative;
    margin-left: 3vw;
    margin-bottom: 3vw;
    z-index: 2;
    opacity: 0;
    /* visibility: hidden; */
    transform: translateY(44px);
    transition: opacity 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), visibility 0.3s;
}
.layout-10 .slick-slide a:hover .btn, .layout-10 .slick-slide a:hover .testo{
  transform: translateY(0);
  opacity: 1;
  visibility: initial;
}
.layout-10 .pd-right{
  padding-right:5vw !important;
  /* overflow: initial; */
}
.layout-10 img{
    aspect-ratio: 4/5;
}

.layout-10 .slick-slide {
  position:relative;
  margin: 0 .7vw;
  overflow: hidden;
}

.slider-layout10 {
  width: 70vw;
  margin-top: 7vh;
}

.slider-layout10 .slick-list {
  overflow:initial;
}

.layout-10 .next-arrow, .layout-10 .prev-arrow {
  top: 10%;
}
.layout-10 .next-arrow {
  right: -0.5vw;
}
.layout-10 .prev-arrow {
  left: -0.5vw;
}

.slider-layout11 {
  margin:5vh 0;
  padding: 0 1vw;
}
.slider-layout11 .slick-slide{
  padding: 0 1vw;
}
.slider-layout11 img{
  aspect-ratio: 16/9;
}
.slider-layout11 .slick-dots{
  position: relative;
  bottom:0;
  margin-top: 1vh;
}
.slider-layout11 .slick-dots li button:after {
    background-color: var(--color3);
}

.anim-testo p {
  position: relative;
  overflow: hidden;
  /* letter-spacing: .34px; */
}
.anim-testo .split-line {
  overflow: visible;
}

.anim-testo .split-word {
  display: inline-block;
  white-space: nowrap;
}

.anim-testo .split-char {
  display: inline-block;
  overflow: visible !important;
  will-change: transform, opacity;

  padding-left: 0.08em;
  padding-right: 0.08em;

  margin-left: -0.08em;
  margin-right: -0.08em;
}
.anim-testo .split-line,
.anim-testo .split-word {
  overflow: visible !important;
}

.anim-testo h1,
.anim-testo h2,
.anim-testo h3,
.anim-testo h4,
.anim-testo h5,
.anim-testo h6 {
  overflow: visible !important;
}

.anim-testo p:last-of-type {
  margin-bottom:0;
  padding-bottom:0;
}
.grid-images {
  display: inline-block;
  position: relative;
}
.grid-images .image {
  display: inline-block;
  float: left;
  width: 50%;
  /* padding-bottom: 30%; */
  height: 40vh;
  padding-right: 1vw;
  padding-bottom: 1vw;
}
.plyr__video-wrapper.plyr__video-embed {
  height: 100%;
  padding: 0;
  margin: 0;
}
.plyr--video {
  height: 100%;
}
.video-section .plyr--video {
  height: 90%;
}
.plyr__video-embed iframe {
  width: 300% !important;
  margin-left: -100%;
}
.layout-video {
  margin: 10vw 0;
}
.layout-video .video {
  /* height: 80vh; */
  padding: 0 10vw;
}
.blocco-testo li {
    list-style: none;
    margin-left: 0;
    padding-left: 10px;
    text-align: left !important;
}
li .custom-marker {
  margin-right: 9px
}
.layout-4, .layout-5 {
  /* margin: 10vh 0; */
  overflow: hidden;
}
.layout-5 .blocco-testo {
  mix-blend-mode: plus-lighter;
  left: 0;
}
.layout-5.alloggi .posRel {
  margin-bottom:5vh;
}
.layout-5.alloggi .blocco-btn {
  right: 0;
  width: 100%;
  /* float: right; */
}
.layout-5 .left .testo{
  padding: 15vh 15vw 10vh 0;
}
.layout-5 .right .testo{
  padding: 15vh 0 10vh 15vw;
}
.layout-5.alloggi .blocco-testo .testo {
  padding: 3vh 0 !important;
  }
.layout-5.alloggi .blocco-testo {
  top: 3vh !important;
  position: relative !important;
  width: 100%;
}
.layout-5 .blocco-btn {
  bottom: 6vh;
}
.layout-5 .blocco-btn > div {
  padding-right: 4vw;
}
.layout-5.alloggi .blocco-btn > div {
  padding-right: 1vw;
}
.layout-5 .blocco-testo .testo * {
  /* color: var(--color10); */
  /* font-weight: 400; */
}
.layout-5 .reveal:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  mix-blend-mode: hard-light;
  background: var(--color4);
}
.layout-5 .logo {
  height: 36vh;
  width: 15vw;
  position: absolute;
  right: 6vw;
  bottom: 13vh;
  mix-blend-mode: multiply;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
}
.zoom-foto {
  overflow: hidden;
  position: relative;
}
.zoom-foto img {
  aspect-ratio: 4/3;
}
.layout-10 {
  /* margin: 25vh 0; */
}
.anim-testoOriz {
  padding-bottom: 0;
  /* margin: 25vh 0; */
}
.anim-testoOriz h1 {
  padding-bottom: 0;
  margin-bottom: 0;
  transform: scale(1.5);
  /* font-weight: 400; */
}
.anim-testoOriz .split-line:nth-child(even) {
  color: var(--color10);
}
.layout-11 {
  /* margin-top: 20vh; */
  /* margin-bottom: 20vh; */
}
.layout-11 .row1 .blocco-testo {
  mix-blend-mode: plus-lighter;
}
.layout-11 .row1 .blocco-testo h1 {
  transform: scale(1.25);
  color: var(--color10);
}
.layout-11 .row2 {
  margin-top: -5vh;
}
.layout-11 .row2 .anim-testo {
  padding-top: 6vh;
}
.layout-11 .row3 {
  margin-top: -5vh;
}
.layout-11 .row4 {
  margin-top: -5vh;
}
.layout-11 .row5 {
  margin-top: -5vh;
}
.layout-11 .logo {
  height: 30vh;
  width: 13vw;
  position: absolute;
  left: 14vw;
  bottom: 21vh;
  display: none;
  mix-blend-mode: multiply;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
}
.layout-13 {
  margin: 15vh 0;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-3per {
  padding-top: 3vh !important;
}
.pb-3per {
  padding-bottom: 3vh !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pad-4w {
  padding: 4vw !important;
}
.pad-5w {
  padding: 5vw !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mt-3per {
  margin-top: 3%;
}
.mt-5per {
  margin-top: 5%;
}
.mt-7per {
  margin-top: 7%;
}
.mt-10per {
  margin-top: 10%;
}
.mb-3per {
  margin-bottom: 3% !important;
}
.mb-5per {
  margin-bottom: 5% !important;
}
.mb-7per {
  margin-bottom: 7% !important;
}
.mb-10per {
  margin-bottom: 10% !important;
}
.mb-15per {
  margin-bottom: 15% !important;
}
.pt-5per {
  padding-top: 5% !important;
}
.pt-7per {
  padding-top: 7% !important;
}
.pd-left {
  padding-left: 10% !important;
  /* overflow: initial; */
}
.pt-10per {
  padding-top: 10% !important;
}
.pb-5per {
  padding-bottom: 5% !important;
}
.pb-7per {
  padding-bottom: 7% !important;
}
.pb-10per {
  padding-bottom: 10% !important;
}
.pb-15per {
  padding-bottom: 15% !important;
}
@media (max-width: 991px) {
  footer {
    padding-bottom: 46px !important;
  }
}
@media (min-width: 992px) {
  .row-md-flex-center {
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: row;
  }
}
footer .footer-copyright {
  /* border-top: 1px solid var(--color9); */
}
@media (max-width:768px) {
  .footer-social-links, .footer-social-links * {
    text-align: center !important;
  }
}
footer {
  /* background: var(--color10); */
  /* margin-top: 10vh; */
}
footer * {
  /* color: var(--color2) !important; */
}
footer .partners-cont * {
  color: var(--color1) !important;
}
footer a {
  text-decoration: none;
}
footer .line-container .line {
  /* background-color: var(--color9); */
}
footer a:hover {
  color: var(--color1);
  text-decoration: underline;
}
footer .footer-social-links a:hover {
  color: var(--color3);
  text-decoration: underline;
}
footer .footer-social-links a:hover i {
  border-color: var(--color9);
  background: var(--color9);
}
footer .footer-social-links a:hover i:before {
  color: var(--color9) !important;
}
footer .copyright a:hover {
  color: var(--color1);
  text-decoration: underline;
}
footer .logo {
  margin: 0 auto;
  opacity: 1;
  width: 80% !important;
  max-width: 250px;
  /* height: 20vh !important; */
  position: relative;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
@media (max-width: 768px) {
  .xs-text-center, .xs-text-center * {
    text-align: center !important;
  }
  footer .logo {
    background-position: center center !important;
  }
  footer [class*="col-"]:first-child {
    margin-top: 0px;
  }
  .footer-social-links, .footer-social-links * {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .sm-text-center, .sm-text-center * {
    text-align: center !important;
  }
}
.copyright {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}
.footer-social-links {
  width: 100%;
  display: inline-block;
}
.footer-social-links a {
  margin: 0 5px 5px 0;
  display: inline-block;
}
.footer-social-links i {
  font-size: 25px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 47px;
  border-radius: 0;
  color: var(--color9);
  border: 1px solid var(--color9);
  text-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (min-width: 992px) {
  .row-md-flex-center > [class^="col-"], .row-md-flex-center > [class*=" col-"] {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .row-md-flex-center.top-align > [class^="col-"], .row-md-flex-center.top-align > [class*=" col-"] {
    display: flex;
    align-items: initial;
    flex-direction: row;
  }
  .row-md-flex-center.bottom-align > [class^="col-"], .row-md-flex-center.bottom-align > [class*=" col-"] {
    display: flex;
    align-items: end;
    flex-direction: row;
  }
  .row-md-flex-center > [class^="col-"] > div, .row-md-flex-center > [class*=" col-"] > div {
    flex-grow: 1;
    width: 100%;
  }
}
footer .row-md-flex-center > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .layout-10 .prev-arrow {
  left: -10px !important;
    right:initial;
}
.layout-10 .next-arrow {
  right: -10px !important;
  left: initial;
}
  footer .logo {
    width: 100% !important;
    /* margin: 0; */
    margin-bottom: 4vh;
    left: 0;
    height: 10vh !important;
  }
  footer [class*="col-"]:first-child {
    margin-top: 0px;
  }
  .footer-social-links {
    text-align: center;
  }
  footer .bordered {
    border-right: none !important;
    border-bottom: 1px solid var(--color1);
    margin-bottom: 30px;
  }
}
footer, footer p {
  font-size: 15px;
}
footer .bordered {
  border: 0;
  border-right: 1px solid var(--color9);
}
.footer-riferimenti {
  padding-top: 10vh;
  padding-bottom: 10vh;
  /* border-top: 1px solid var(--color1); */
}
.row-md-flex-center {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .row-md-flex-center {
    width: 100%;
  }
  .row-md-flex-center > [class^="col-"] > div {
    width: 100%;
  }
}
.logo {
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain !important;
  background-position: center !important;
}

.map-contatti #map{
  height:60vh;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-touch .leaflet-bar {
  box-shadow: none;
  border-radius: 0;
  /* background:var(--color9); */
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-touch .leaflet-bar {
  border: 1px solid var(--color1);
}
.leaflet-touch .leaflet-bar a {
  background:var(--color9);
  border-bottom: 1px solid var(--color9);
}
.leaflet-touch .leaflet-bar a:last-of-type {
  border-bottom: none;
}

.leaflet-container a.leaflet-popup-close-button {
    width: 30px;
    height: 40px;
    color: var(--color1);
}
.leaflet-container a.leaflet-popup-close-button span {
    font-size: 30px;
    font-weight: 100;
}
.leaflet-bottom.leaflet-right{
  display:none !important;
}

.map-contatti .blocco-testo .testo{
  /* padding: 15vh 5vw 0 1vw; */
  vw; */
}
.map-contatti .blocco-testo.titolo .testo{
  padding:0;
}
.map-contatti .blocco-testo.titolo{
  top: 8vh;
  pointer-events: none;
  transform:scale(1.5);
  padding:0;
  transform-origin: center right;
}



.logo-partner{margin:0 auto;width: 150px;height: 65px;position:relative;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;}
@media (max-width: 480px){
.logo-partner{width: 120px;/* height:80px; */}
}
@media (min-width: 768px){
.logo-partner{left:0;}
}
@media (max-width: 768px){
.partners{/* padding: 1vh 0 3vh !important; */}
.partners ul{width:initial!important;float:initial!important;margin:0 auto;}
.partners li{padding:0 7px!important;}
.xs-text-center,.xs-text-center *{text-align:center!important;}
}
.partners ul{width:100%;}
.partners li{display:inline-block;padding:0 0 8px 13px;}
.partners li:first-child{padding:0 0 8px 0;}
.partners{padding-top:7px;text-align:center;/* position: relative; */}
.partners *{text-align:center;}
.partners img{object-fit: contain;}

.partners-cont {
  /* border-top: 1px solid var(--color1); */
  /* border-bottom: 1px solid var(--color1); */
  background: var(--color2);
  position: relative;
  z-index: 2;
}


.text-white, .text-white * {
  color:var(--color2);
}


.modal .sb__dates .sb__form-field{width:100%!important;float:left;}
.modal .sb__form-field.sb__form-field--checkin{margin-bottom:20px!important;}
.modal .close{opacity:1;text-shadow:none;border:0;}
.modal .close:focus,.modal .close:hover{color:var(--color2);text-decoration:none;outline:none;opacity:1;}
.modal-header{padding-bottom:0;border:none;height:0;padding:0;margin:0;}
.modal-header button{border-bottom:0px;position:absolute;top:0;right:-55px;width:37px;height:37px;z-index:2;background-color:transparent;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.modal-header button:after{content:'';position:absolute;background:url(img/close.svg);width:100%;height:100%;top:0;right:0;}
.modal-header button:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.modal-content{border-radius:0px;padding:4vw;word-wrap:break-word;outline:1px solid var(--color1);outline-offset:-2vw;}
.modal{text-align:center;}
@media all and (max-width: 480px){
.modal.booking .modal-dialog{font-size:13px;}
}
.modal.booking .modal-header{height:0;padding:0;margin:0;}
.modal.booking .modal-dialog .modal-content{background:none;box-shadow:none;border:0;padding:0;background:var(--color2);outline: none;outline-offset:-8px;}
.modal.booking .modal-dialog .modal-content:after{position:absolute;content:"";top:0;left:0;right:0;bottom:0px;background:var(--color3);box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);z-index:-1;}
.modal.booking .modal-dialog .modal-content .modal-body{padding:0;z-index:20;position:relative;display:inline-block;width:100%;}
.modal.booking .modal-dialog .modal-content .modal-body .div-mascherina{padding:4vh;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo{background-color: var(--color10);overflow:hidden;}
@media (max-width: 991px){
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo:after{display:none;}
.modal.booking .modal-dialog .modal-content .modal-body .custom{padding-bottom:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{padding:20px!important;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after,.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{display:none;}
}
@media (min-width: 992px){
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{border-right:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo div{position:relative;}
}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{content:" ";height:100%;width:20px;position:absolute;right:50%;top:0;background: var(--color2);z-index:1;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:after{left:auto;right:50%;top:50%;bottom:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color: var(--color2);border-left-color: var(--color10);border-width:100px 0 100px 20px;margin-top:-100px;z-index:2;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo ul li{margin:0;}
.modal.booking .modal-dialog .modal-content .modal-body .custom .testo{padding:2vw;}
.modal.booking .sb__form-field-input{height:90px!important;border-radius:0!important;padding:16px 16px 16px 16px;width:100%!important;}
.modal.booking span.sb__form-field-date-number{font-size:80px!important;line-height:0.7;height:50px;font-weight:400;}
.modal.booking .sb__btn--verify{text-transform:uppercase;font-size:16px!important;font-weight:600;letter-spacing:1px;height:89px!important;text-align:center;border-radius:0!important;}
.modal.booking .sb__form-field-icon .icon{width:40px;height:100%;}
.modal.booking .sb__footer{display:none;}
.modal.booking .sb-custom-label-color{/* text-shadow:0 0 3px rgba(43, 42, 40, 0.7)!important; */}
.modal.booking .sb__form-field-label{text-shadow:none!important;font-size:18px;font-weight:400;line-height:1;margin-bottom:10px;color:var(--color1)!important;}
.modal.booking .sb__form-field-weekday,.sb__form-field-rooms{font-size:14px;line-height:1;}
.modal.booking .sb__form-field-icon{position:absolute;top:20px;right:20px;height:48px;width:40px;}

@media only screen and (max-width: 767px){
.modal.booking .modal-dialog{margin-top:60px;padding:10px;}
.modal.booking .modal-dialog .modal-content .modal-body .div-testo:before{display:none;}
}

.sb__form-field-rooms{font-size:14px;line-height:1;}
@media (min-width: 992px){
.modal-lg{max-width:1440px;width:80vw;}
}

.comfort .anim-child > div {float:left;padding:0;margin: 0 0 1.5vh 0 !important;display:inline-block;margin-bottom:2vh;vertical-align:middle;/* text-align: center; */min-height: 42px;width: 33.333%;}
.comfort .triple li{width:33.3333%!important;}
.comfort .quadruple li{width:25%!important;}
.comfort .quintuple li{width:20%!important;}
@media (max-width: 680px){
.comfort > div {/* width:50%; */}
}
.comfort li span{/* display: block; *//* display: table-cell; *//* position: relative; */color: var(--color1);vertical-align: middle;/* vertical-align:middle; *//* text-align: center; *//* padding:0 10px; */font-size: 15px;/* width: 100%; */line-height: 1;}

.mini-icon{
    width: 30px;
    height: 30px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    }
.mini-icon span{position:absolute;z-index:2;width: 32px!important;height: 42px;top: 8px;left: 14px;padding:0!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;}
.mq{background:url('img/expand.svg');}
.pax{background:url('img/user.svg');}
.mq.white{background:url('img/expand_w.svg');}
.pax.white{background:url('img/user_w.svg');}

.comfort ul{padding:0;display: inline-block;width: 100%;margin: 0 auto;text-align: center;}
@media only screen and (max-width: 1439px){
.mini-icon{width:20px;height:20px;margin-right:10px;}
.comfort li span{font-size:14px;height: 30px;}
}
@media only screen and (max-width: 991px){
.comfort li span{font-size:16px;}
}
@media only screen and (max-width: 991px){
.comfort .triple li{width:50%!important;}
}
@media only screen and (max-width: 1439px){
.mini-icon{width:14px;height:23px;margin-right:6px;}
.comfort .triple li span{font-size:16px;}
}
@media only screen and (max-width: 991px){
.comfort .triple li span{font-size:14px;line-height:1;}
}

.line-container {
      position: relative;
      width: 100%;
      height: 1px;
    }

.line-container .line {
      width: 0;
      height: 100%;
      background-color: var(--color9);
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }

.fixed_mobile{display:none;position:fixed;left:0;bottom:0;z-index:996;width:100%;height: 46px;margin:0;/* border-top:2px solid var(--color2); */background-color:var(--color1);}
.fixed_mobile > div{height:46px;float:left;position:relative;text-align:center;}
.fixed_mobile div{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.fixed_mobile div:after{content:'';height:20px;width: 1px;background-color:var(--color2);position:absolute;right:0;top:11px;display:block;z-index:2;}
.fixed_mobile div:last-child:after,.fixed_mobile .no-border:after{display:none;}
.fixed_mobile div:last-child{border-right:0px;}
.fixed_mobile div a{color:var(--color2)!important;font-size:14px;line-height:1.2;font-weight:600;display:block;width:100%;height:100%;position:absolute;top:50%;transform:translate(0, -50%);text-align:center;text-transform:uppercase;}
.fixed_mobile div a span{position:absolute;top:50%;left:50%;font: 500 12px/1.3 var(--sans);letter-spacing: .14em;text-transform: uppercase;transform:translate(-50%, -50%);width:90%;text-align:center;}
.fixed_mobile div a:hover{text-decoration:none;}
.fixed_mobile{display:block!important;}
@media (min-width: 992px){
.fixed_mobile{display:none!important;}
}

#hub-messenger-widget {
  /* position:fixed; */
  /* right: 20px; */
  /* bottom: 120px; */
}

#smooth-wrapper.no-topslide #smooth-content > section:first-of-type {
  padding-top: calc(100px - -7vh);
}

/* custom stle */

body {   
  .leaflet-touch .leaflet-bar a {
    background: var(--color2);
}
  footer .footer-social-links a:hover i {
  /* border-color: var(--color1); */
  background: var(--color9);
}
  footer .footer-social-links a:hover i:before {
    color: var(--color2) !important;
}
  .form-container [type="checkbox"] + label:after {
    /* background-color: var(--color2); */
}
  .gform_validation_errors, .gform_validation_errors *, .validation_message {
    color: var(--terra) !important;
}
	footer {
    /* background: initial; */
  }
  footer *:not(h2, .validation_message) {
    /* color: var(--color1) !important; */
  }
  footer .btn:hover span {
    /* color: var(--color9) !important; */
  }
  footer .logo {
    /* background: url('../uploads/logo.svg') !important; */
    /* background-position: center center !important; */
    /* background-repeat: no-repeat !important; */
    /* background-size: contain !important; */
  }
  footer .bordered {
    border: 0;
    border-right: 1px solid var(--color9);
  }
  footer .footer-copyright {
    /* border-top: 1px solid var(--color1); */
  }
}
/*
body.style3 {
  background: var(--color10);
  font-family: var(--font1);
  color: var(--color2);
  line-height: 1.9;
  h2 {
    font-size: 55px;
    line-height: 1.1;
    text-transform: initial;
    font-family: var(--font3);
    color: var(--color1);
    letter-spacing: 1px;
    margin-bottom: 4vh;
  }
  .anim-testoOriz .split-line:nth-child(even) {
    color: var(--color1);
  }
  .btn:hover span {
    color: var(--color2);
  }
  .layout-5 .blocco-testo .testo * {
    color: var(--color2);
  }
  .layout-11 .row1 .blocco-testo h1 {
    color: var(--color2);
  }
  .logo.parallax {
    background: url('https://www.bomberweb.it/demo/castellodivicarello/wp-content/uploads/logo-quad.svg') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    mix-blend-mode: screen;
  }
  .btn {
    border: 1px solid var(--color2);
  }
  .btn span {
    color: var(--color2);
  }
  .btn:hover {
    border: 1px solid var(--color1);
  }
  .inverted .btn {
    border: 1px solid var(--color1);
    background: var(--color1);
  }
  .inverted .btn:after {
    background: var(--color2);
  }
  .inverted .btn:hover {
    border: 1px solid var(--color2);
  }
  .inverted .btn:hover span {
    color: var(--color1);
  }
  footer {
    background: initial;
    margin-top: 10vh;
  }
}
body.style4 {
  background: var(--color11);
  font-family: var(--font1);
  line-height: 1.9;
  h2 {
    font-size: 55px;
    line-height: 1.1;
    text-transform: initial;
    font-family: var(--font3);
    color: var(--color10);
    letter-spacing: 1px;
    margin-bottom: 4vh;
  }
}
body.style5 {
  background: var(--color12);
  font-family: var(--font1);
  line-height: 1.9;
  h2 {
    font-size: 55px;
    line-height: 1.1;
    text-transform: initial;
    font-family: var(--font3);
    color: var(--color10);
    letter-spacing: 1px;
    margin-bottom: 4vh;
  }
  .layout-11 .row1 .blocco-testo h1 {
    color: var(--color10);
    text-shadow: 1px 1px 0 var(--color12), -1px -1px 0 var(--color12), -1px 1px 0 var(--color12), 1px -1px 0 var(--color12);
  }
  .btn {
    border: 1px solid var(--color10);
    color: var(--color10);
  }
  .btn:hover {
    border: 1px solid var(--color12);
  }
  .inverted .btn {
    border: 1px solid var(--color12);
    background: var(--color1);
    color: var(--color9);
  }
  .btn:hover span {
    color: var(--color12);
  }
  .btn:after {
    background: var(--color10);
  }
  .anim-testoOriz .split-line:nth-child(even) {
    color: var(--color10);
  }
  .layout-5 .blocco-testo .testo * {
    color: var(--color10);
    text-shadow: 1px 1px 0 var(--color12), -1px -1px 0 var(--color12), -1px 1px 0 var(--color12), 1px -1px 0 var(--color12);
  }
  .layout-5 .blocco-testo {
    mix-blend-mode: normal;
  }
 
  .cursor {
    border: 2px solid var(--color10);
  }
  .grow, .grow-small {
    background: var(--color10);
    mix-blend-mode: screen;
  }
}
body.style6 {
  background: var(--color9);
  font-family: var(--font1);
  line-height: 1.9;
  h2 {
    font-size: 55px;
    line-height: 1.1;
    text-transform: initial;
    font-family: var(--font3);
    color: var(--color9);
    letter-spacing: 1px;
    margin-bottom: 4vh;
  }
  .layout-11 .row1 .blocco-testo h1 {
    color: var(--color9);
	}
  .btn {
    border: 1px solid var(--color9);
    color: var(--color9);
  }
  .btn:hover {
    border: 1px solid var(--color9);
  }
  .inverted .btn {
    border: 1px solid var(--color9);
    background: var(--color1);
    color: var(--color9);
  }
  .btn:hover span {
    color: var(--color9) !important;
  }
  .btn:after {
    background: var(--color9);
  }
  .anim-testoOriz .split-line:nth-child(even) {
    color: var(--color9);
  }
  .layout-5 .blocco-testo .testo * {
    color: var(--color9);
  }
  .layout-5 .blocco-testo {
    top: 8vh;
  }
  .layout-5 .blocco-testo .testo {
    padding: 3vh 4vw 0;
  }
  .cursor {
    border: 2px solid var(--color9);
  }
  .grow, .grow-small {
    background: var(--color9);
    mix-blend-mode: screen;
  }
}
body, body.style1, body.style2, body.style4, body.style5, body.style6 {
  footer {
    background: initial;
  }
  footer *:not(h2, .validation_message) {
    color: var(--color1) !important;
  }
  footer .btn:hover span {
    color: var(--color9) !important;
  }
  footer .logo {
    background: url('../uploads/logo.svg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
  footer .bordered {
    border: 0;
    border-right: 1px solid var(--color1);
  }
  footer .footer-copyright {
    border-top: 1px solid var(--color1);
  }
}

body.style6.cors1, body.style6.cors2, body.style6.cors3 {
  h2 {
    font-family: var(--font4);
    font-size: 40px;
    letter-spacing: 0;
    color: var(--color9);
  }
  .anim-testoOriz .split-line:nth-child(even) {
    color: var(--color9);
  }
  .layout-11 .row1 .blocco-testo h1 {
    color: var(--color9);
  }
  .btn {
    border: 1px solid var(--color9);
  }
  .btn:after {
    background: var(--color9);
  }
  .anim-testoOriz .split-line:nth-child(even) {
    color: var(--color9);
  }
  .layout-5 .blocco-testo .testo * {
    color: var(--color9);
  }
  .cursor {
    border: 2px solid var(--color9);
  }
  .grow, .grow-small {
    background: var(--color9);
  }
}
body.style6.cors2 {
  h2 {
    font-size: 55px;
    font-family: var(--font5);
  }
}
body.style6.cors3 {
  h2 {
    font-size: 55px;
    letter-spacing: 0;
    font-family: var(--font6);
  }
}
*/

/* WOOCOMMERCE */

.woocommerce .woocommerce-breadcrumb{
  display:none;
}

#main-woocommerce {
    margin-top: 25vh;
}

.woocommerce .variations tr{background:none;margin-bottom:10px;display:inline-block;width:100%;}
.woocommerce .variations_form.cart .variations th.label{width:100%;padding:0.38462rem 0;margin-bottom:0px;}
.woocommerce .variations_form.cart .variations th.label label{font-size:0.76923rem;text-transform:uppercase;}
.woocommerce .variations_form.cart .variations th.label label:after{font-family:FontAwesome;position:absolute;right:0;}
.woocommerce .variations select{background-color:var(--color2);border:1px solid var(--color1);padding:5px 20px 5px 15px;-webkit-appearance:none;font-size:15px;max-width:100%;width:100%;-moz-appearance:none;background-image:url(img/down-arrow.svg);background-position:95% 50%;background-repeat:no-repeat;background-size:auto 35%;border-radius:0;display:block;text-overflow:'';}
.woocommerce .variations select:focus{outline:none;}
.woocommerce div.product form.cart table.variations{width:100%;margin:0;padding:0;}
.woocommerce div.product form.cart table.variations tbody{margin:0;padding:0;}
.woocommerce div.product form.cart table.variations tbody tr th.label{width:100%!important;display: inline-block;text-align:left;padding:0;line-height:1;margin-top:5px;}
.woocommerce.single-product .product .summary .variations td{display:inline-block;width:100%;}
.woocommerce div.product form.cart table.variations tbody tr th.label label{margin: 1.5vh 0 .5vh;color:var(--color1);font-size:18px;font-weight: 600;line-height:1;width:100%;text-transform: uppercase;}
.woocommerce div.product form.cart table.variations tbody tr th.label .woo-selected-variation-item-name{display:none;}
.woocommerce div.product form.cart table.variations tbody tr td.value{width:100%;}
.woocommerce div.product form.cart table.variations tbody tr td.value select{width:100%;display:block;}
.woocommerce div.product form.cart table.variations tbody tr td.value a.reset_variations{font-size:14px;line-height:1;}

.woocommerce small.woocommerce-price-suffix{font-size:11px;line-height:1;color:var(--color1);}
.woocommerce .price{padding-right:15px;}
.woocommerce .price{font-weight:500;width:100%;font-size:20px;display:inline-block;margin-bottom:7px;line-height:1;}
.price .woocommerce-Price-amount{font-weight:700;width:100%;}
.woocommerce .price{color: var(--color1) !important;}
.woocommerce small.woocommerce-price-suffix{font-size:11px;line-height:1;color:var(--color1);}
@media (min-width: 768px){
.woocommerce div.product .summary p.price{width:100%;}
}
.woocommerce .price{padding-right:15px;}
.woocommerce small.woocommerce-price-suffix{font-size:11px;color:var(--color1);width:100%;display:block;margin-top:5px;}
.woocommerce div.product .summary p.price{display:block;font-size:28px;margin-bottom:0;padding:0px 20px 20px 0;border:0;border-bottom:none;background:var(--color2);}


.woocommerce .product_meta, .woocommerce .woocommerce-product-details__short-description, .screen-reader-text{
  display:none;
}

@media (min-width: 992px) {
  .woocommerce .entry-summary{
    padding-left:5%;
  }
}
.woocommerce .summary.entry-summary .quantity{margin-right:0.53846rem;}
.woocommerce .quantity .qty{height:38px;margin-bottom:10px;}
.woocommerce .summary.entry-summary .quantity{margin-right:0.53846rem;}
.woocommerce div.product form.cart div.quantity{margin:0 10px 0 0;}
.woocommerce div.product form.cart div.quantity input:focus{border:1px solid var(--color10);outline:none;}
.woocommerce .quantity .qty{height: 45px;margin-bottom:10px;border-radius:0;border-width:1px;border-color:var(--color1);}
.woocommerce .single_add_to_cart_button {
  margin:0;
}
.woocommerce .product a {
  text-decoration:none;
  display: inline-block;
  /* width: 100%; */
}
.woocommerce-loop-product__link{
  width:100%;
}

.woocommerce .product img {
    aspect-ratio: 1 / 1;
    /* object-fit: contain; */
}

.woocommerce .products .product, .woocommerce .products .product *, .woocommerce .products-carousel .product, .woocommerce .products-carousel .product *{
  text-align:center;
}
.woocommerce-loop-product__title {
  font-size:28px;
}
.woocommerce .products .product {
  margin-bottom:7vh;
}
.products-carousel .product {
  padding:0 .5vw;
  margin: 0 !important;
}

.woocommerce-ordering, .woocommerce-result-count {
  display:none;
}

.rif .cart{position:relative;margin-right: 33px;margin-left:5px;height:70px;margin-top: 0;float:right;line-height: 1;text-align:center;color:var(--color1);z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.rif .my-account{position:relative;margin-right:5px;height:70px;float:right;margin-top: 0;text-align:center;/* color:var(--color3); */z-index:3;-webkit-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.rif .my-account a{padding: 18px 8px 22px 8px;margin:0;}
.rif .my-account a{color: var(--color2);font-size:18px;letter-spacing:1px;font-weight:700;line-height:1.2;text-align:center;width:100%;position:relative;display:inline-block;text-transform:uppercase;}
.rif .my-account a:after{display:none;}
.rif .my-account:hover a{/* color: var(--color1); */}
.rif .my-account .fa{width:100%;font-size:18px;margin-bottom:4px;line-height:1;text-align:center;}
.rif .my-account a:before{content:'';width: 2px;position:absolute;height:22px;left:-15px;top: 18px;background: var(--color2);}
@media (max-width: 991px){
.rif .my-account,.rif .cart{height:60px;margin-top: 8px;-moz-transition:all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.rif .cart{margin-right: 10px;/* margin-top: 8px; */}
.rif .my-account a{padding: 10px 8px 6px 8px;margin:0;}
}
span.xoo-wsc-sc-subt{display:none;}
.xoo-wsc-sc-cont{color: var(--color2);margin-top: 15px;}
.xoo-wsc-container {
  cursor:initial;
}
.xoo-wsc-container a{
  cursor: pointer;
}

.xoo-wsc-sc-bki{font-size: 18px !important;color: var(--color2) !important;}
.sticky .xoo-wsc-sc-bki{color: var(--color2);}
span.xoo-wsc-sc-count{right:-10px;line-height: 1.5;top: -8px;}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger{padding: 4px;}
.rif .cart > div:before{content:'';width: 2px;position:absolute;height:22px;right:-15px;top: 18px;background: var(--color2);}

.sticky .rif .my-account a:before, .sticky .rif .cart > div:before {
  background: var(--color12);
}
.sticky .my-account a, .sticky .xoo-wsc-sc-cont {
    color: var(--color2);
}
.xoo-wsc-sc-cont:hover{color:var(--color4);}

.woocommerce-account .woocommerce-MyAccount-navigation ul{padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{list-style:none;border-bottom:1px solid var(--color1);padding-bottom:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before{opacity:1;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{padding:10px 5px;display:block;color:var(--color1);text-decoration: none;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{text-decoration:none;color:var(--color10);}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before{margin-right:20px;opacity:.7;color:var(--color1);}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before{opacity:1;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{font-family:'Font Awesome 6 Free';content:"\f015";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{font-family:'Font Awesome 6 Free';content:"\f291";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{font-family:'Font Awesome 6 Free';content:"\f1c6";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{font-family:'Font Awesome 6 Free';content:"\f015";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before{font-family:'Font Awesome 6 Free';content:"\f09d";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{font-family:'Font Awesome 6 Free';content:"\f007";}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{font-family:'Font Awesome 6 Free';content:"\f08b";}
.woocommerce-MyAccount-navigation-link--downloads{display:none;}
.woocommerce-MyAccount-navigation{display:initial!important;}
@media (max-width: 991px){
.woocommerce-MyAccount-content{position:relative;display:inline-block;margin-top:3vh;}
}
.wc_payment_method label{
  float:initial;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .select2-container .select2-dropdown, .select2-container .select2-selection{
  border-radius:0;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus, .select2-container .select2-dropdown:focus{
  outline: 1px solid var(--color1);
}

.woocommerce-additional-fields{
  margin-top:2vh;
}


@media (max-width: 1600px) {
.layout-11 .row3 {
  margin-top: 0;
}
}

@media (max-width: 1199px) {
  .anim-testoOriz h1 {
    transform: scale(1.2);
}
  .layout-11 .row1 .blocco-testo h1 {
    transform: scale(1);
    /* margin-bottom:5vh; */
}
  .layout-11 .row2 {
    margin-top: 3vh;
}
  .layout-11 .row3 {
    margin-top: 2vh;
}
  
.layout-11 .logo {
    height: 30vh;
    width: 13vw;
    left: 5vw;
    bottom: 21vh;
}
  .map-contatti .blocco-testo.titolo {
    top: 4vh;
    transform: scale(1.2);
}
  h2 {
    /* font-size: 65px; */
  }
}

@media (max-width: 991px) {
    .top-slide, .top-slide .big-carousel, .top-slide .big-carousel .slick-slide {
        height: 70vh;
    }
	.big-carousel, .big-carousel .slick-slide {
        min-height: 70vh;
        height: initial;
    }
	.layout-2 .big-carousel .testo-container {
		position: relative;
		min-height: 70vh;
		    display: flex;
    align-items: center;
    justify-content: center;
	}
	.layout-2 .big-carousel .testo {
    padding: 3vh 13vw;
    width: 100%;
    position: relative;
    left: auto;
	top:auto;
    transform: initial;
	}
  
	.layout-2 .big-carousel .img-container {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
}
  .main-navbar .logo {
    height: 50px;
}
  #scroll-wrapper{
    display:none;
  }
h1, .big-carousel .testo-container h1 {
        margin-bottom: 2vh;
    }
  h4, .eyebrow {
    font-size: 12px;
}
  .sp-mt-10, .sp-my-10 {
    margin-top: 7vh !important;
}
  .layout-1 .testo, .layout-6 .testo {
    padding: 7vh 6vw;
}
  .layout-10 {
    /* margin: 5vh 0; */
}
  .anim-testoOriz h1 {
    transform: scale(1.5);
}
  
  .layout-video .video {
    padding: 0;
}
  .layout-video .plyr__video-wrapper.plyr__video-embed{
    aspect-ratio:4/3 !important;
  }
  .layout-13 {
    margin: 3vh 0;
}
  .footer-riferimenti {
    padding-top: 5vh;
    padding-bottom: 5vh;
}
  .btn.btn-mini {
    margin:5px;
}
  .map-contatti .blocco-testo.titolo{
    /* position:relative !important; */
    top: 10px;
    right: 13vw;
  }
  .map-contatti .blocco-testo .testo {
    /* padding: 2vh 5vw 3vh; */
}
  .line-container {
    margin:3vh 0;
}
  .layout-6 {
    margin: 0 !important;
  }
  .btn, .btn:hover {
    font-size: 12px;
    padding: 15px 26px;
}
  .layout-5.alloggi .posRel {
    margin-bottom: 2vh;
}
    .layout-11 {
    margin-top: 5vh;
}
    .layout-11 .row1 .testo * {
    text-align:center !important;
}
  .layout-11 .row1 .blocco-testo h1 {
    transform: scale(1);
}
  .layout-11 .row2 {
  margin-top: 1vh;
}
  .layout-11 .row3 {
  margin-top: 10vh;
  width: 80%;
}
.layout-11 .row4 {
  margin-top: 1vh;
  width: 80%;
  margin-left: 20%;
}
.layout-11 .row5 {
  margin-top: 0;
}
.layout-11 .logo {
  height: 90px;
  width: 70px;
  left: initial;
  right: 5%;
  top: -70%;
}
  .woocommerce .quantity .qty {
    height: 56px;
}
.main-navbar .rif.right{/* top: 0 !important; */left:initial!important;right:13px!important;}
.main-navbar .language{padding: 9px 0 !important;display: none;}
  .rif .cart > div:before, .rif .my-account a:before {
    display: none;
}
}

@media (max-width: 767px) {
.grid-images .image {
    height: initial;
    aspect-ratio:9/16;
}

}

@media (max-width: 480px) {
    .main-navbar .logo {
    height: 54px;
    width: 90px;
}
  .modal-header button {
    top: -55px;
    right: 0;
}
    .anim-testoOriz h1 {
    transform: scale(1);
}
}

#iubenda-cs-banner{
	pointer-events:initial;
	cursor:pointer;
}
#iubenda-cs-banner #iubenda-cs-title {
    font-size: 18px !important;
    font-family: var(--font1);
}

/*.pattern {
  position:absolute;
  width:100%;
  height: 200%;
  top: -50%;
  left: 0;
  background:url('img/pattern.svg');
  background-size: 30%;
  background-repeat:repeat;
  opacity: .6;
}*/

.carousel-media-wrapper .slider-main img, .carousel-media-wrapper .slider-thumbs img{
  aspect-ratio:5/3;
}

.carousel-media-wrapper .dots-wrapper {
  bottom:3vh;
}

.carousel-media-wrapper .slider-main {
  margin:0 !important
}
.carousel-media-wrapper .slick-dots li {
  height: 16px;
  vertical-align: bottom;
}
.carousel-media-wrapper .slick-dots li button{
  padding: 6px 0;
}
.carousel-media-wrapper .slick-dots li, .carousel-media-wrapper .slick-dots li button, .carousel-media-wrapper .slick-dots li button:after{
  width: 15px;
}


.slider-thumbs .slick-slide {
  outline: 0 solid var(--color9);
  outline-offset:0;
    -webkit-transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
  transition: all 0.75s cubic-bezier(.4, 0, 0, 1) !important;
}
.slider-thumbs .slick-current {
  outline: 6px solid var(--color9);
  outline-offset:-6px;
}

@media (max-width: 991px) {

.slick-dots li, .slick-dots li button, .slick-dots li button:after {
  width: 20px;
}

  .dots-wrapper {
    /* left: initial; */
    /* margin:0 auto; */
    width: 95%;
    bottom: 3vh;
    /* transform: initial; */
}
  
  .layout-5 .img1{
  width: 80%;
  top: 65%;
}
.layout-5 .img2{
  width: 50%;
}
	  .layout-5 .right .img1{
  margin-left: 20%;
}
.layout-5 .left .img2{
  right: 0;
}
.layout-5 .right .img2{
  left:0;
}
  .layout-5 .left .testo, .layout-5 .right .testo{
  padding: 13vh 0 2vh 0;
}
  .layout-1 .right .testo, .layout-1 .left .testo{
    padding: 4vh 0 2vh 0;
  }

  .layout-6 .element, .form-container .element {
    width: 50vw;
    height: 50vw;
    top:80%;
    right: -10vw;
}
  .form-container .element {
    top:90%;
    left: -10vw;
    right:initial;
}
    #slick-offerte.layout-6 .element {
    top:50%;
}
  .slider-layout11 img, .layout-6 img {
  aspect-ratio: 4/3;
}
  .slider-layout11 .slick-dots {
    margin-top: 0;
}
  .related-carousel .slick-nav.prev-arrow{
  left: 2%;
}
.related-carousel .slick-nav.next-arrow {
  right: 2%;
}
.products-carousel .slick-nav.prev-arrow{
  left: 2%;
}
.products-carousel .slick-nav.next-arrow {
  right: 2%;
}
  #slick-offerte.layout-6 .testo {
    padding: 4vh 6vw;
}
  #richiesta-prenotazione .form-container {
    padding: 6vw;
}
  #richiesta-prenotazione .blocco-testo {
    padding: 3vh 4vw 0 4vw;
    margin: 0 !important;
}
  .comfort .anim-child > div {
    width: 50%;
}
  .carousel-media-wrapper .slick-dots {
    opacity:0;
    pointer-events:none;
  }
  .main-navbar {
    height: 12vh;
  }
  .xoo-wsc-sc-cont {
    margin-top: 6px;
}
}

.language-mobile {
  text-align:center;
}
.language-mobile * {
  color:var(--color2);
  text-transform: uppercase;
}

@media (min-width:992px){
  .language-mobile {display:none;}
}

#iubenda-iframe {
    cursor: auto;
}

#holidoit-floating-button, #holidoit-floating-button * {
  display:none !important;
	width: 0 !important;
	height: 0 !important;
}

.accordion{
  border: 0;
  border-radius:0;
}

.accordion-item {
    color: var(--color1);
    border: 1px solid var(--color9) !important;
    border-radius: 0 !important;
    margin-bottom: 10px;
}
.accordion-button{
  font-size:26px;
  font-weight:600;
  color:var(--color9);
  border-radius:0 !important;
}

.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: var(--color1);
    background-color: var(--color12);
    box-shadow: none;
}

.img-container.bw:before {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  background: #000000;
  mix-blend-mode: hue;
  z-index:1;
}
.height100, .height100 *{
  height:100%;
}

.longevity-date{
  margin-top: 3vh;
}

.menuPrincipale{display:inline-block;float:right;padding:0;position:relative;z-index:3;-webkit-transition:all .4s cubic-bezier(.65,.05,.36,1);-moz-transition:all .4s cubic-bezier(.65,.05,.36,1);transition:all .4s cubic-bezier(.65,.05,.36,1);}
.menuPrincipale:after{content:'';width: 1px;height: 30px;position:absolute;right: 1px;background:var(--color2);top: 14px;}
.main-navbar .nav{display:inline-block;position:relative;float:left;margin-right: 10px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.main-navbar ul li{float:left;display:inline-block;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.main-navbar ul li:hover{background:0 0;color:var(--color2);-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.main-navbar ul li:hover{background:0 0;color:var(--color2);-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.main-navbar ul li a:not(.btn-live):after{content:'';height: 1px;width:0;position:absolute;left:0;margin-left:0;bottom:7px;display:block;border:0;background-color:var(--color2);margin-top:2px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.main-navbar ul li:hover>a:after,.main-navbar ul li.current-menu-item>a:after{width:100%;}
.main-navbar ul li a{font: 500 13px/1.3 var(--sans);color:var(--color2);text-transform:uppercase;margin: 15px 13px;letter-spacing:.14em;padding:0;display:block;cursor:pointer;text-decoration:none;}
.main-navbar ul ul li{ width:100%;
}
.main-navbar ul ul li a{/* font-size: 14px; *//* color:var(--color2); *//* text-transform:uppercase; *//* font-family: var(--font1); *//* font-weight:700; *//* width: 100%; */margin: 0;/* letter-spacing:2px; *//* padding:0; *//* display:block; *//* cursor:pointer; *//* text-decoration:none; */}
.main-navbar ul .caret{display:inline-block;vertical-align:text-top;width:8px;height:8px;position: relative;top: 3px;/* right:16px; */background:transparent;text-indent:-9999px;border-top:1px solid var(--color2);border-left:1px solid var(--color2);/* transition:all 250ms ease-in-out; */text-decoration:none;color:transparent;transform:rotate(-135deg);}
.main-navbar ul .caret:before{display:block;height:200%;width:200%;margin-left:-50%;margin-top:-50%;content:"";transform:rotate(45deg);}


/* =========================================================
   LONGERA JOURNEYS - MENU DROPDOWN ON HOVER (Bootstrap 5 ok)
   Target: <li class="menu-item ... menu-item-has-children dropdown">
   Opens <ul class="dropdown-menu"> on rollover with nice animation
   Includes: fade + slide + scale, subitems stagger (1..10),
   caret rotation, safe hover gap, z-index/overflow fixes
   ========================================================= */

/* --- Safety fixes: dropdown not clipped + above other layers --- */
header.main-navbar,
header.main-navbar * {
  overflow: visible;
}

header.main-navbar .menuPrincipale {
  position: relative;
  z-index: 9999;
}

/* --- Base: make dropdown parent a positioning context --- */
header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown {
  position: relative;
}

/* ---------------------------------------------------------
   DESKTOP ONLY: open on hover
   --------------------------------------------------------- */
@media (min-width: 992px) {

  /* IMPORTANT: your markup is WP/BS3-ish, so we force "display:block"
     and animate with opacity/visibility/transform instead of relying on .show */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu {
    display: block !important;       /* BS often uses display:none */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 10px);          /* small gap from the top item */
    left: 0;
    min-width: 260px;
    transform: translateY(14px) scale(0.98);
    transition:
      opacity 0.28s ease,
      transform 0.28s ease,
      visibility 0.28s ease;
    padding: 10px 0;
    margin: 0;
    background: var(--color5);
    border-radius: 0;
    box-shadow: none;
    z-index: 10000;
  }

  /* "Hover bridge": evita che chiuda quando passi dal link al menu (gap) */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
  }

  /* Open on hover: sia su li che su a (più tollerante) */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:hover > ul.dropdown-menu,
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:focus-within > ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  /* --- Subitems animation --- */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li {
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.22s ease, transform 0.22s ease;
  }

  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:hover > ul.dropdown-menu > li,
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:focus-within > ul.dropdown-menu > li {
    opacity: 1;
    transform: translateX(0);
  }

  /* Delay progressivo fino a 10 subitem */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(1)  { transition-delay: 0.05s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(2)  { transition-delay: 0.10s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(3)  { transition-delay: 0.15s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(4)  { transition-delay: 0.20s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(5)  { transition-delay: 0.25s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(6)  { transition-delay: 0.30s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(7)  { transition-delay: 0.35s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(8)  { transition-delay: 0.40s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(9)  { transition-delay: 0.45s; }
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li:nth-child(10) { transition-delay: 0.50s; }

  /* --- Dropdown links look & hover --- */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li > a {
    display: block;
    padding: 12px 18px;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.2s ease, padding-left 0.2s ease;
  }

  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu > li > a:hover {
    background-color: rgb(43 55 72 / 6%);
    /* padding-left: 24px; */
  }

  /* --- Rotate the caret <b class="caret"> on hover --- */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > a b.caret {
    /* display: inline-block; */
    /* transition: transform 0.2s ease; */
    /* transform-origin: center; */
  }

  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:hover > a b.caret,
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown:focus-within > a b.caret {
    /* transform: rotate(225deg); */
    animation: caretBounceTop 0.9s ease-in-out infinite;
  }

  /* Optional: if the link has class "disabled" it may block interactions in some themes.
     We keep hover on li anyway, but ensure the link doesn't block pointer events weirdly */
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > a.disabled {
    pointer-events: auto;
    cursor: pointer;
  }
}
@keyframes caretBounceTop{
  0%   { top: 3px; }
  40%  { top: 5px; }
  70%  { top: 2px; }
  100% { top: 3px; }
}


/* ---------------------------------------------------------
   MOBILE: keep existing behavior (hamburger/click)
   We don't force display:block here.
   --------------------------------------------------------- */
@media (max-width: 991.98px) {
  header.main-navbar .menuPrincipale ul.nav > li.menu-item.dropdown > ul.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
  }
}


@media (max-width:1200px){
.main-navbar ul li a{font-size:13px;margin:20px 8px;}
}
@media (max-width:1366px){
.menuPrincipale{display:none;}
  .main-navbar .logo {
  left: 50%;
  transform: translate(-50%,0);
}
}
@media (min-width:1367px){
.hamburger{display:none;}
  .main-navbar .logo {
  background-position: left !important;
      transform-origin: left top;
}
}


.scroll-box{
  position:absolute;
  bottom: 13%;
  z-index:4;
  left:50%;
  width: 70px;
  transform: translate(-50%,0);
}

.chevron {
  position: absolute;
  width: 70px;
  height: 2px;
  opacity: 0;
  transform: scale(0.3);
  -webkit-animation: move-chevron 3s ease-out infinite;
  animation: move-chevron 3s ease-out infinite;
}

@media (max-width:991px){
  .scroll-box, .chevron{
    width:30px;
  }
}

.chevron:first-child {
  -webkit-animation: move-chevron 3s ease-out 1s infinite;
          animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  -webkit-animation: move-chevron 3s ease-out 2s infinite;
          animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: var(--color2);
}

.chevron:before {
  left: 0;
  transform: skewY(30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg);
}

@-webkit-keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}

#main-content{
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}


/* =====================================
   FIX CLICK BOTTONI WETRAVEL
===================================== */

/* Tutto il contenuto interno NON intercetta il click */
.wtrvl-checkout_button *,
.animated-arrow *,
.btn * {
  pointer-events: none !important;
}

/* Solo il bottone resta cliccabile */
.wtrvl-checkout_button,
.animated-arrow,
.btn {
  pointer-events: auto !important;
  cursor: pointer;
}

#form-prenotazione{
	padding: 3vw !important;
}

/* Menu off-canvas: su touch resta solo l'immagine di default (prima era wp_is_mobile) */
@media (hover: none), (pointer: coarse) {
  .menuOffCanvas .divBg img:not(.default-image) {
    display: none;
  }
  .menuOffCanvas .divBg img.default-image {
    z-index: 2;
    opacity: 1;
  }
}

/* Popup immagini / video (pulsanti popup_immagini e popup_video) */
.modal-media,
.modal-media * {
  cursor: auto;
}
.modal-media button {
  cursor: pointer;
}
.modal-media .modal-content {
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}
.modal-media .modal-body {
  padding: 0;
}
.modal-media .modal-header button {
  top: -47px;
  right: 0;
}
.modal-media .media-gallery {
  position: relative;
}
.modal-media .media-gallery img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80vh;
}
.modal-media .media-prev,
.modal-media .media-next {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border: 0;
  background: transparent center / 28px auto no-repeat;
}
.modal-media .media-prev {
  left: 10px;
  background-image: url(img/arrow-leftw2.svg);
}
.modal-media .media-next {
  right: 10px;
  background-image: url(img/arrow-rightw2.svg);
}
.modal-media .media-video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.modal-media .media-video iframe,
.modal-media .media-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* =====================================
   BRANDING 2026 (brief ottobre 2026)
===================================== */

/* Bottoni semplici: niente frecce animate, niente ombre, niente gradienti */
.btn,
.btn:focus,
.btn:active {
  border-radius: 0;
  box-shadow: none;
  background-image: none;
}
.animated-arrow .the-arrow {
  display: none;
}
.animated-arrow > .main > .text {
  margin: 0;
  line-height: 1.3;
}
.animated-arrow:hover > .main {
  transform: none;
}
.inverted .btn:hover, .inverted.btn:hover {
  color: var(--sabbia) !important;
  background-color: var(--terra) !important;
}

/* Link di testo: terra queimada, sottolineato */
.blocco-testo p a:not(.btn),
.blocco-testo li a:not(.btn),
.text-link {
  color: var(--terra);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.text-link {
  font: 500 13px/1.3 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Citazioni e date */
blockquote, .citazione {
  font: italic 300 clamp(24px,2.8vw,34px)/1.3 var(--serif);
}

/* Note piccole */
small, .little-p, .copyright {
  font: 400 12px/1.5 var(--sans);
  letter-spacing: .08em;
}

/* Firma: una sola parola */
.signature {
  font: 400 46px/1 var(--script);
  color: var(--terra);
}
@media (max-width: 991px) {
  .signature {
    font-size: 38px;
  }
}

/* Righe di testo lunghe al massimo circa 640px */
.blocco-testo .testo p {
  max-width: 640px;
}
.text-center .testo p, .testo.text-center p, .testo .text-center p,
.blocco-testo .testo p[style*="center"] {
  margin-left: auto;
  margin-right: auto;
}
.text-right .testo p, .testo.text-right p {
  margin-left: auto;
}

/* Su verde opaco il testo è sempre sabbia chiara, e il bottone è quello "su fondo scuro" */
.bg2,
.bg2 :is(h1, h2, h3, h4, h5, p, li, a:not(.btn)),
.layout-10 .posRel:has(> .rect-bg.bg2) .testo,
.layout-10 .posRel:has(> .rect-bg.bg2) .testo :is(h1, h2, h3, h4, h5, p, li, a:not(.btn)) {
  color: var(--sabbia);
}
.bg2 .btn,
.layout-10 .posRel:has(> .rect-bg.bg2) .btn {
  background: var(--sabbia);
  color: var(--blu-notte);
}

/* Etichette dei moduli: Work Sans maiuscolo e spaziato */
.form-container .gfield_label,
.form-container .gform-field-label--type-sub {
  font: 500 12px/1.3 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.language-mobile .btn {
  font-family: var(--sans);
}

/* =====================================
   FOOTER 2026: verde opaco, monogramma, link principali, contatti
===================================== */
.site-footer {
  background: var(--verde);
  color: var(--sabbia);
  padding: 64px 0 36px;
  font: 400 17px/1.5 var(--sans);
}
.site-footer p,
.site-footer a {
  color: var(--sabbia);
  font: inherit;
}
.site-footer a {
  text-decoration: none;
}
.site-footer a:hover {
  color: var(--sabbia);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.site-footer__main {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.1fr 1.7fr;
  gap: 40px;
  align-items: start;
  padding-bottom: 44px;
  border-bottom: 1px solid var(--linea);
}
.site-footer__monogram {
  display: block;
}
.site-footer__monogram img {
  display: block;
  width: auto;
  height: 150px;
}
/* icona del sito usata finché manca l'SVG: il fondo blu notte sparisce sul verde */
.site-footer__monogram img.is-fallback {
  height: 190px;
  margin: -28px 0 -30px -69px;
  mix-blend-mode: lighten;
}
.site-footer h4 {
  margin: 0 0 14px;
  color: var(--linea);
  font-weight: 600;
}
.site-footer__menu li {
  margin: 0 0 10px;
}
.site-footer__mail {
  display: inline-block;
  margin-bottom: 16px;
}
.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.site-footer__social a {
  padding: 7px 18px;
  border: 1px solid var(--sabbia);
  border-radius: 999px;
  font-size: 16px;
}
.site-footer__social a:hover {
  background: var(--sabbia);
  color: var(--verde);
  text-decoration: none;
}
.site-footer__legal {
  padding-top: 26px;
}
.site-footer__legal p {
  margin: 0;
  font: 400 13px/1.9 var(--sans);
  letter-spacing: .08em;
  text-align: center;
}
@media (max-width: 991px) {
  .site-footer {
    padding-top: 48px;
  }
  .site-footer__main {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
  }
  .site-footer__monogram,
  .site-footer__contacts {
    grid-column: 1 / -1;
  }
  .site-footer__monogram img,
  .site-footer__monogram img.is-fallback {
    margin-left: auto;
    margin-right: auto;
  }
  .site-footer__legal p {
    font-size: 12px;
  }
}


/* =====================================
   SCALA TIPOGRAFICA DEL BRIEF (slide 06 e 09)
   Vale ovunque: sovrascrive le misure definite altrove nel tema.
   Desktop -> mobile: H1 64 -> 40, H2 40 -> 30, H3 26 -> 22, testo 18 -> 17,
   citazione 34 -> 24, eyebrow/menu/bottoni 13 -> 12, note 12, firma 46 -> 38.
===================================== */
body {
  font: 400 18px/1.6 var(--serif) !important;
}
h1, .h1 {
  font: 300 clamp(40px,5vw,64px)/1.05 var(--serif) !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;
}
h2, .h2 {
  font: 300 clamp(30px,3.4vw,40px)/1.1 var(--serif) !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}
/* H3 è anche il titolo delle voci a fisarmonica */
h3, .h3, h5, h6,
.accordion-button {
  font: 400 clamp(22px,2vw,26px)/1.25 var(--serif) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
h1 em, h1 i, h2 em, h2 i, h3 em, h3 i {
  font-style: italic !important;
}
/* misure scritte a mano dentro i testi (es. span con font-size) */
.blocco-testo [style*="font-size"],
.testo [style*="font-size"] {
  font-size: inherit !important;
  line-height: inherit !important;
}
blockquote, .citazione {
  font: italic 300 clamp(24px,2.8vw,34px)/1.3 var(--serif) !important;
  letter-spacing: 0 !important;
}
/* Eyebrow, menu, bottoni: Work Sans Medium maiuscolo e spaziato */
h4, .h4, .eyebrow, #scroll-title,
.main-navbar ul li a,
.main-navbar .language a,
.mm-link, .mm-submenu .mm-link, .mm-submenu .mm-submenu .mm-link,
.language-mobile .btn,
.booknow a .testo,
.fixed_mobile div a, .fixed_mobile div a span,
.btn, .btn.btn-mini, .btn.btn-mini2, .animated-arrow, .text-link,
.form-container .gfield_label,
.form-container input[type="submit"], .form-container button[type="submit"] {
  font: 500 13px/1.3 var(--sans) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
/* Note piccole: niente sotto i 12px */
small, .small, .little-p, .copyright,
.wp-caption p.wp-caption-text,
.site-footer__legal p {
  font: 400 12px/1.5 var(--sans) !important;
  letter-spacing: .08em !important;
}
/* Firma: 46px da sola; dentro un titolo non è mai più piccola del titolo
   (1.2em compensa le minuscole basse del Pinyon Script) */
.signature {
  font: 400 max(46px, 1.2em)/1 var(--script) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* dentro un titolo la firma ha lo stesso colore del titolo: se il titolo è chiaro, è chiara anche lei */
:is(h1, h2, h3, h4, h5, h6) .signature {
  color: inherit;
}
/* su verde opaco, su foto o dove il testo è chiaro, anche la firma da sola è sabbia chiara */
.bg2 .signature,
.text-white .signature,
.layout-10 .posRel:has(> .rect-bg.bg2) .signature,
.big-carousel .testo-container .signature,
.layout-10 .testo-container .signature {
  color: var(--sabbia);
}
@media (max-width: 991px) {
  body {
    font-size: 17px !important;
  }
  h4, .h4, .eyebrow, #scroll-title,
  .main-navbar ul li a,
  .main-navbar .language a,
  .mm-link, .mm-submenu .mm-link, .mm-submenu .mm-submenu .mm-link,
  .language-mobile .btn,
  .booknow a .testo,
  .fixed_mobile div a, .fixed_mobile div a span,
  .btn, .btn.btn-mini, .btn.btn-mini2, .animated-arrow, .text-link,
  .form-container .gfield_label,
  .form-container input[type="submit"], .form-container button[type="submit"] {
    font-size: 12px !important;
  }
  .signature {
    font-size: max(38px, 1.2em) !important;
  }
}

/* Selettore lingua sulla stessa linea delle voci del menu */
@media (min-width: 992px) {
  .main-navbar .language {
    padding-top: 0;
  }
  .main-navbar .language > a {
    padding: 14px 0 24px;
  }
}
/* anche la lineetta di separazione tra menu e lingua si centra sul testo */
.menuPrincipale:after {
  top: 7.5px;
}