@font-face {
    font-family: 'Avenir Next Bold';
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.eot');
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.woff2') format('woff2'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.woff') format('woff'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.ttf') format('truetype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Regular';
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.eot');
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.woff2') format('woff2'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.woff') format('woff'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.ttf') format('truetype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Medium';
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.eot');
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.woff2') format('woff2'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.woff') format('woff'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.ttf') format('truetype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "JejuMyeongjo";
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.eot');
    src: url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.eot?#iefix') format('embedded-opentype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.woff2') format('woff2'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.woff') format('woff'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.ttf') format('truetype'),
        url('/typo3conf/ext/locanda_ozio/Resources/Public/Fonts/JejuMyeongjo/JejuMyeongjo.svg#JejuMyeongjo') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
body{font-family: "Avenir Next Regular", sans-serif;font-size:16px}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{color: #c5b378; font-family: 'Avenir Next Medium', sans-serif !important;}
.specialFont{font-family: "JejuMyeongjo", sans-serif !important;}
.specialFontSize{font-size: 36pt;line-height: 36pt}
a {
    color: #c6b479;
    text-decoration: none;
}a:hover{color:#222}
.titleH2{font-size:16pt; line-height: 19.2pt; margin-bottom: 20pt}
.lead{font-size:14pt; line-height:16.8pt}
.pd-right{padding-right:23rem}
@media(max-width: 1110px){
    .pd-right{padding-right:0rem}
}
/*logo*/
.logo{position: absolute;
    margin: 0 auto;
    top: 20rem;
    left: 0;
    right: 0;
    z-index: 999;
    height: 290px;}
.bigText{    color: #f4f4f442;
    padding-top: 14rem;
    padding-bottom: 100px;
    font-size: 5rem;
    line-height: 7rem;}
.bigText2{font-size: 4rem;line-height: 5rem;padding-top: 6rem;padding-bottom: 100px;}
.rowCont{position: relative}
.rowOwl{position: absolute;
    top: -58px;}
    .paddingGallery{padding:0px 0 150px 0 }
    .bg-dark {
    background-color: #212529ad !important;
}.nav-link {color: #c6b479;}.nav-link:hover {color: #fff;}

.marquee{
--duration: 12s;
--gap: 2rem;
overflow:hidden;
position:relative;
background:linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
padding:0.8rem 1rem;
border-radius:.5rem;
display:block;
}
.marquee__track{
display:inline-flex;
gap:var(--gap);
white-space:nowrap;
align-items:center;
animation: marquee var(--duration) linear infinite;
font-size:clamp(1.5rem, 5vw, 3rem); /* responsive font size */
}
.marquee__item{
display:inline-block;
padding:.25rem .5rem;
background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
color:#c6b479;
border:1px solid rgba(255,255,255,0.03);
border-radius:.375rem;
font-weight:600;
letter-spacing:0.2px;
font-size: 3.3rem;
}
@keyframes marquee{
from{ transform: translateX(0%); }
to { transform: translateX(-50%); }
}
.marquee:hover .marquee__track,
.marquee:focus-within .marquee__track{ animation-play-state: paused; }
@media (prefers-reduced-motion: reduce){ .marquee__track{ animation: none; } }


/* Fading mask ai bordi */
.marquee::before,
.marquee::after{
content:"";
position:absolute;
top:0;
width:3rem;
height:100%;
z-index:2;
pointer-events:none;
}
.marquee::before{
left:0;
background:linear-gradient(to right, var(--bg) 0%, transparent 100%);
}
.marquee::after{
right:0;
background:linear-gradient(to left, var(--bg) 0%, transparent 100%);
}
.marquee-vertical{
--duration: 6s;
height:4.5rem;
overflow:hidden;
border-radius:.5rem;
background:rgba(255,255,255,0.03);
}
.marquee-vertical__track{
display:flex;
flex-direction:column;
gap:.5rem;
animation: marquee-vertical var(--duration) linear infinite;
}
.muted{opacity:.8;font-size:.9rem}
@media(max-width: 890px){.logo{height: 150px}}




/* === Gallery === */
.gallery-masonry-section {
  position: relative;
  background: #000;
  color: #fff;
  overflow: hidden;
  min-height: 100vh;
  padding: 120px 0;
  font-family: "Playfair Display", serif;
}

/* === Testo fisso dietro === */
.overlay-text {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; /* dietro */
  pointer-events: none;
  text-align: center;
  opacity: 0.9; /* testo più visibile */
  width: 90%;
  color: #fff;
  letter-spacing: 1px;
}

.overlay-text h2 {
    font-size: 4.7rem;
    line-height: 4.5rem;
    margin: 0;
    white-space: pre-line;
    font-weight: 300;
}

/* === Contenitore masonry === */
.gallery-masonry {
  position: relative;
  z-index: 2; /* sopra il testo */
  column-count: 3;
  column-gap: 60px; /* più spazio tra le colonne */
  width: 85%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* === Immagini === */
.gallery-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 60px; /* più spazio verticale */
  break-inside: avoid;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  padding: 25px; /* maggiore padding interno */
  background: rgba(255, 255, 255, 0.02); /* leggero sfondo per separare */
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
  opacity: 0.9;
}

/* === Responsive === */

/* Tablet (da 992px in giù) */
@media (max-width: 992px) {
  .overlay-text h2 {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .gallery-masonry {
    column-count: 2;
    column-gap: 40px;
    width: 88%;
  }

  .gallery-item {
    margin-bottom: 50px;
  }

  .gallery-item img {
    padding: 20px;
  }
}

/* Mobile (da 576px in giù) */
@media (max-width: 576px) {
  .overlay-text h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }

  .gallery-masonry {
    column-count: 2;
    column-gap: 40px;
    width: 88%;
  }

  .gallery-item {
    margin-bottom: 40px;
  }

  .gallery-item img {
    padding: 15px;
  }
}

#about, #location, #sliderHome, #frase, #brochure, #contact, .reservation{position: relative; z-index: 2}
.overWhite:hover{color:#fff}
.language-menu{    position: absolute;
    right: 34px;
    top: 15px;}
li.list-inline-item.text-uppercase.active a{color:#fff !important}
#about, #location{padding:100px 0 100px 0;background:#e5e6e5;}
@media (max-width:995px){
    .no-mobile{display: none !important}
    #about, #location{padding:50px 0 50px 0}
    #about p, #location p{padding-bottom:50px}
    .bigText2 {
    font-size: 2rem;
    line-height: 3rem;}
    .specialFontSize {
    font-size: 26pt;
    line-height: 30pt;
}
}