#main-nav {}
#main-nav .logo {display: flex;align-items: center;gap: 15px;height: 65px;}
#main-nav .logo .nav__symbol {
    display: none;
}
#main-nav .logo .nav__symbol img {height: 65px;filter: invert(1);}
#main-nav.nav--solid .logo .nav__symbol img {filter: none;}
#main-nav .logo .nav__wordmark {text-align: center;}
#main-nav .logo .nav__wordmark small {
    margin-left: 0;
}

.nav-overlay {}
.nav-overlay .logo {height: 65px;margin: 0 auto;}
.nav-overlay .logo .nav__symbol {}
.nav-overlay .logo .nav__symbol img {filter: invert(1);height: 65px; }
.nav-overlay .logo .nav__wordmark {}

@media (max-width: 900px) {
    #main-nav .logo {margin: 0;}
    #main-nav .logo .nav__symbol img {/* max-width: 38px; */}
    #main-nav .logo .nav__wordmark small {/* margin: 0 0 0 2px; */}
}
@media (max-width: 900px) {
    .hero__veil {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.7) 100%);}
}

@media (max-width: 1024px) {
#main-nav .nav__right .nav__audio {display:none}
}

@media (max-width: 767px) {
    #main-nav {/* grid-template-columns: 1fr; */}
    #main-nav .nav__left {}
    #main-nav .nav__left + a {/* text-align: center; *//* justify-content: center; */} 
    #main-nav .nav__left + a .nav__wordmark {/* text-align: center; */margin: 0;}
    #main-nav.nav--solid .nav__left + a.logo {/* display: none; */}
    #main-nav .nav__right {/* justify-content: space-between; */display: flex;}
.lang-drop, .audio-drop {right: auto;right: 0;}
    
    .villa-row, .villa-spread, .pull, .feature, .trips-grid, .menu, .stays-hero {padding: 50px var(--pad-x);}
    .feature { gap: 0; }
    .feature .img-ph {height: 360px;}
    .feature .feature__body { padding: 30px clamp(24px, 5vw, 96px); }
    .s-head {grid-template-columns: 1fr;padding: 0;}  
    .s-head .s-head__mark { position: relative; top: auto; } 
    .s-head .s-head__mark + div {}   
}  


@media (max-width: 767px) {
    .villa-spread_pricing { flex-wrap: wrap; max-width: 100% !important; }
    .villa-spread_pricing .price {}
    .villa-spread_pricing .actions {}
}

.section {padding:140px var(--pad-x);}
.section.black {background: #1a1916;color: #fbf8f1;}
.section.black .btn-pill {}
.section.black .btn-pill:hover {color: #fbf8f1 !important;background: #514c44 !important;border-color: #514c44 !important;}
.section.black .btn-ghost {border-color: #fbf8f1;color: #fbf8f1;}
.section.black .btn-ghost:hover {color: #fbf8f1 !important;background: #514c44;border-color: #514c44 !important;}

.p-0 {padding-bottom: 0 !important; padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pt-0 {padding-top: 0 !important;}
@media (max-width: 767px) {
    .section {/* padding:50px var(--pad-x); */}
    .section-mobile {padding:50px var(--pad-x) !important;}
    .section-mobile-0 {padding:0 var(--pad-x) !important;}
    .pt-0 {padding-top:0 !important;}
    .pb-0 {padding-bottom:0 !important;}
    .invitation {flex-wrap: wrap;max-width: 100% !important;padding: 50px var(--pad-x) !important;border-bottom: solid 2px rgb(255 255 255 / 20%);}
    .invitation-content { grid-template-columns: 1fr !important; gap: 20px !important; }
    .grid-mobile {grid-template-columns: 1fr !important;gap: 30px !important;}
    .grid-mobile .body-m {max-width: 100% !important;}

    .stays-hero {}
    .stays-hero .buttons { display: flex !important; flex-wrap: wrap; }
    .stays-hero .buttons button { width: 100%; }
}

@media (max-width: 767px) {
    .stays-index {display:none}
    .villa-line { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; column-gap: 10px !important; }
    .villa-line span.name {text-align: left !important;}
    
    .villa-line span.name {flex:1 !important;min-width: 80%;}
    .villa-line .clear {flex:0 1 100%;}
    .villa-line span.body-m {flex: auto !important;}
    .villa-line span.price {flex:0 1 100%; text-align:left !important;}
}

@media (max-width: 1024px) {
.nav-overlay__foot .nav-overlay__langs {
    flex: 0 1 100%;
} 
}
@media (max-width: 767px) {
    .foot {padding: 50px var(--pad-x) 36px !important;}
    .foot__bot { flex-wrap: wrap; }
    .foot__bot span {flex: 0 1 100%;}
    .nav-overlay__foot { flex-wrap: wrap; }
    .nav-overlay__foot .nav-overlay__langs {}
    .nav-overlay__foot .nav__book {flex: 1;}
}


@media (max-width: 990px) {
    .amenities { grid-template-columns: repeat(2, 1fr) !important; column-gap: 20px !important; row-gap: 50px !important; } 
    .amenities > div {} 
}

@media (max-width: 990px) {
    .wl-table-responsive {overflow-y: scroll;}
    .wl-table-responsive .wl-table {min-width: 767px;}
}
@media (max-width: 767px) {
    .wl-selects { width: 100%; }
    .wl-selects .wl-field, .wl-selects .wl-field .wl-select, .wl-selects .wl-field .wl-input { width: 100%; }
}
@media (max-width: 767px) {
    .av-villa-line {}
    .av-villa-line div:nth-child(1) { flex: 0 1 100%; }
    .av-villa-line div:nth-child(2) { flex: 0 1 100%; }
    
}

@media (max-width: 767px) {
    .fac-tabs { flex-wrap: wrap; } 
    .fac-tabs .fac-tab { margin: 0; width: 100%; }    
    .fac-tabs .fac-tab.active {}    

    .cross {}
    .cross .cross__card { padding: 20px; text-align: center !important; align-items: center !important; border: 1px solid var(--hair); }
    .cross .cross__card:first-child {}
    .book-sheet__inner { top: 0; max-height: 100%; border-radius: 0; }

    .villa-hero__meta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
    .villa-hero__meta > div {}
    .villa-hero__meta > div:last-child {flex: 0 1 100%;text-align: center !important;}
    .villa-hero__meta > div:last-child .cap { margin: 0 !important; }
    .villa-hero__meta > div:last-child > div:nth-child(2) {}
    .villa-hero__meta > div:last-child > div:nth-child(2) > div:nth-child(1) { line-height: 1; margin: 1px 0 5px 0; }
    .villa-hero__meta > div:last-child > div:nth-child(2) > span { margin: 0 !important; vertical-align: top; display: block; }
}



.nav-overlay__audio {
    position: relative;
    /* margin: 0 0 0 auto; */
}
.nav-overlay__audio .nav-overlay__audio-btn {
    color: #fff;
    background: none;
    border: solid 1px rgba(255,255,255,0.35);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 38px;
    padding: 0 0 0 2px;
}
.nav-overlay__audio .nav-overlay__audio-btn {}
.nav-overlay__audio .nav-overlay__audio-btn::before {content:"\f04b";font-family:"Font Awesome 7 Pro";font-weight:900;display: none;}
.nav-overlay__audio .nav-overlay__audio-btn.nav-overlay__audio-btn--playing::before {content:"\f04c";font-weight:700;}
.nav-overlay__audio .nav-overlay__audio-drop {
    /* background: #fff; */
    position: absolute;
    bottom: 55px;
    right: -10px;
    min-width: 200px;
    display: none;
    background: var(--paper);
    border: 1px solid var(--hair);
}
.nav-overlay__audio .nav-overlay__audio-drop.nav-overlay__audio-drop--open {
    display: block;
}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track .audio-drop__num {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track .audio-drop__title {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track .audio-drop__dur {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track.audio-drop__track--active {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track.audio-drop__track--active .audio-drop__num {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track.audio-drop__track--active .audio-drop__title {}
.nav-overlay__audio .nav-overlay__audio-drop .audio-drop__track.audio-drop__track--active .audio-drop__dur {}



.contact {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}
.contact .contact-box-left {flex: 0 1 60%;}
.contact .contact-box-left .contact-details { margin: 0 0 40px 0; }
.contact .contact-box-left .contact-details div { display: flex; align-items: center; margin: 0 0 12px 0; }
.contact .contact-box-left .contact-details div i { font-size: 27px; margin: 0 11px 0 0; }
.contact .contact-box-left .contact-details div span {}
.contact .contact-box-left .contact-details div a {/* color: #000; *//* border-bottom: solid 2px #000; */text-decoration: none;line-height: 1;padding: 0 0 2px 0;}
.contact .contact-box-right {flex: 1;}
.contact .contact-box-right iframe {width: 100%;filter: grayscale(1) contrast(1.2);/* box-shadow: 0 0 30px rgb(0 0 0 / 20%); */height: 100%;}

@media (max-width:1600px) {
   .contact {grid-template-columns: 1fr;}
    .contact .contact-box-right iframe {min-height:360px}
}
@media (max-width:767px) {
    
	
}



.testi-card__stars {
  font-size: 13px;
  color: var(--accent);
  letter-spacing: 2px;
  margin-bottom: 14px;
}
.testi-card__name {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-family: var(--font-body);
  color: var(--ink);
}
.testi-card__source {
  font-size: 11px;
  font-family: var(--font-body);
  color: var(--muted);
  margin-top: 2px;
}