/* Developed entirely by staycreative.es 2020 */


/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #000;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}


/* Generals */
html, body {font-family: spirits-sharp, serif; font-weight: 300;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #000; background-color: #FFF7E6; position: relative;}
p{font-family: "thonglor-soi-4", sans-serif; color: #000;font-weight: 500; font-size: 1.1rem;}
/* h1, h2, h3, h4, h5, h6 {font-family: spirits-sharp, serif;  color: #000; margin-bottom: 0; margin-top: 0px;} */




/* h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: normal;display: block;font-size: 70%;font-weight: 400;} */
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #323031;} */
.post ul li {text-decoration: initial !important;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word;color: #000;}
a:hover{color: #828282 !important;}
a span {display: inline-block;}
small {font-weight: 300 !important;}
ul li {list-style-type: none; list-style: none; font-size: 1.1rem; line-height: 1.6;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
button{font-family: spirits-sharp, serif; }
.uk-button{ font-family: spirits-sharp, serif; border:0;line-height: 1.5;text-transform: initial;font-size: 1.5rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out, .30s ease-in-out;transition: ease-in-out, .30s ease-in-out; appearance: none; -webkit-appearance: none;  -moz-appearance: none; padding: 0 !important; font-weight: 400;}

.uk-button-arrow .uk-icon {transition: transform 0.3s ease; margin-left: 6px; margin-bottom: -3px;}
.uk-button-arrow:hover .uk-icon {transform: rotate(45deg);}

    .uk-button-book{ background: transparent; color: #000000; border: 1px solid #000000; width: auto; padding: 10px 50px !important; border-radius: 50%;}
    .uk-button-book:hover{color: #FFF7E6 !important; background-color: #000000; border: 1px solid #000000;}

    .uk-button-book-light{ background: transparent; color: #FFF7E6; border: 1px solid #FFF7E6; width: auto; padding: 10px 50px !important; border-radius: 50%;}
    .uk-button-book-light:hover{color: #FFF7E6 !important; background-color: #000000 !important; border: 1px solid #000000 !important;}


    .uk-button-mobile{color: #000; padding-top: 5px !important; font-size: 2rem !important; position: relative; z-index: 1111; width: 100%;} 
    .uk-button-mobile:hover{ color: #EDDFC3 !important; }


    .uk-button .symbol-icon svg path { fill: currentColor !important;  background-color: currentColor; }
    .uk-button:hover .symbol-icon svg path {fill: currentColor !important; }


    .uk-button-default{ background-color:transparent !important; color: #000000 !important;   position: relative;}
    .uk-button-default:hover{color: #000000 !important;}
       
    .uk-button-default span.button-text {  background: none; border: none;cursor: pointer;padding: 0; position: relative; }
    .uk-button-default span.button-text::after {content: ""; position: absolute; left: 0; bottom: 4px; width: 0%; height: 1px; /* grosor de la línea */ background-color: currentColor; transition: width 0.3s ease-out; transform-origin: right;}
    .uk-button-default:hover span.button-text::after {width: 100%;}

    .list-hotel .uk-button-default span.button-text::after {bottom: -2px;}

    .pre-footer .uk-button-default span.button-text::after {bottom: 0;}

/* Chevron icon animation for categories */
.cats .chevron-icon svg {
    transition: transform 0.3s ease;
}
.cats:hover .chevron-icon svg,
.cats.uk-active .chevron-icon svg {
    transform: rotate(-90deg);
}



hr.dark {border-top: 1px solid #1D1D20;}
.menu-flats hr.dark {border-top: 1px solid #1D1D20; margin-top: 20px !important; margin-bottom: 20px;}

/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}
.uk-notification-message{font-size: 1rem;}
.uk-notification{width: 400px;}
.uk-notification-top-center{margin-left: -200px;}
.uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
.uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
.uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
.uk-notification-message.uk-notification-message-primary .uk-close{color: white;}

/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

/* sweet alert */
.swal2-title{font-family: spirits-sharp, serif;}

    /* form */
    .form {position: relative; /* z-index: 2 */;}
    .form input[type=text],.form input[type=email],.form input[type=password],.form input[type=number],.form input[type=search],.form select,.form textarea{margin-top: 0px !important; padding: 5px 10px; border:0; border-bottom: 1px solid #000; background-color: transparent; box-shadow: none; margin-bottom: 6px; color: #000 !important; font-size: 1rem;height: auto;font-family: spirits-sharp, serif; height: 50px;}
    .form textarea {height: 100%;}
    /* .form .uk-select:not([multiple]):not([size]){background-color: #fff; background-image: none; color: white !important;} */
    /* .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: white !important;} */
    .bg-select-white:focus {background-color: white !important; color: white !important;}
    .form p {color: white;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #72706E !important;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,/*.form select:focus,*/.form textarea:focus, .form select:focus{ background-color: transparent !important; color: #cb6b4d !important; border-bottom: 1px solid #cb6b4d;}
    .form select{padding-right: 30px;}
    .form textarea{margin-bottom: 10px;padding: 10px; color: white;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder
    {color: #72706E !important;font-size: 0.7rem !important;}
    .form small{color: white;}
    .form .uk-checkbox {border-color: #000 !important;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #000 !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #000;}
    .form .uk-radio-label{font-size: 0.8rem;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #000;}
    .form input:-webkit-autofill,
    .form input:-webkit-autofill:hover,
    .form input:-webkit-autofill:focus
    .form textarea:-webkit-autofill,
    .form textarea:-webkit-autofill:hover
    .form textarea:-webkit-autofill:focus,
    .form select:-webkit-autofill,
    .form select:-webkit-autofill:hover,
    .form select:-webkit-autofill:focus {}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #72706E !important; font-size: 0.8rem !important;}
    form, input:focus::placeholder { color: #000;}
    .form input:-internal-autofill-selected {background-color: transparent !important;}


/* Icons */


.icon{background-image: url('../../front_img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}

.icon.facebook {width: 30px;height: 30px;background-position: 0px 0px;}
.icon.instagram {width: 30px;height: 30px;background-position: -30px 0px;}
.icon.linkedin {width: 30px;height: 30px;background-position: -150px 0px;}

  /* DROPDOWN */
  .uk-drop.uk-open {border-radius: 0px; z-index: 1111;}
  .uk-navbar-dropdown-nav>li>a {font-size: 0.9rem; font-weight: 600;}
  .uk-navbar-dropdown-nav>li>a:hover {color: #000 !important;}
  .uk-dropdown {min-width: max-content;}

  .uk-navbar-dropdown-nav>li>a.uk-active {color: #000;}

  /* BREADCRUMBS */

  .uk-breadcrumb li a, .uk-breadcrumb li span{font-family: spirits-sharp, serif; text-transform: none;}
  .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content: "·";}
  .uk-breadcrumb>:last-child>a:not([href]), .uk-breadcrumb>:last-child>span{text-decoration: underline;text-decoration-thickness: 1px;text-decoration-color: rgba(0,0,0,0.5);text-underline-offset: 10px;}

  /* lightbox */
  /* .uk-lightbox{background-color: #fff;}
  .uk-lightbox-toolbar{background-color: transparent;color: #000;}
  .uk-lightbox-toolbar-icon, .uk-lightbox-toolbar-icon:hover{color: #000;}
  .uk-lightbox-button, .uk-lightbox-button:hover{color: #000;background: none;} */



  /* MENU ICON 2025 */


#menu-icon { width: 60px; height: 60px; position: relative; margin: 0px; -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 1111;}
#menu-icon span {display: block; position: absolute; height: 2px;  background: #FFF7E6; border-radius: 9px; opacity: 1; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; margin-right: 15%; margin-top: 13px;}

#menu-icon span:nth-child(1) {top: 4px; width: 50%; margin-right: 25%;}
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) {top: 15px; width: 70%;}
#menu-icon span:nth-child(4) { top: 26px; width: 50%;  margin-left: auto; margin-right: 25%;}

#menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;}
#menu-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}
#menu-icon.open .text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;}
.text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: 2px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;}
#menu-icon.open .text-menu-close {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline; display: inline-block;}

/* #menu-icon .text-menu-open {display: inline-block;} */
#menu-icon .text-menu-close {display: none;}
#menu-icon.open .text-menu-open {display: none;}
/* #menu-icon:hover {border: 4px solid #000000;} */
#menu-icon:hover span {background: #000000;}
#menu-icon:hover p {color: #000000 !important;}
#menu-icon:hover span:nth-child(1) {top: 4px; width: 70%; margin-right: 15%;}
#menu-icon:hover span:nth-child(2),#menu-icon span:nth-child(3) {top: 15px; width: 70%;}
#menu-icon:hover span:nth-child(4) { top: 26px; width: 70%;  margin-right: 15%;}
#menu-icon.open span:nth-child(4), #menu-icon.open span:nth-child(1) {display: none;}


#menu-icon.canvas-active {border: 4px solid #fff5db; }
#menu-icon.canvas-active:hover {border: 4px solid #cb6b4d; }
#menu-icon.canvas-active span {background: #fff5db;}
#menu-icon.canvas-active:hover span {background: #cb6b4d;}

.uk-button-be.canvas-active {background-color: #fff5db !important;}
.uk-button-be.canvas-active:hover {background-color: #cb6b4d !important; color: #000000 !important;}

  /* MENU  2025 */
  .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent; padding: 0 30px; height: 80px; margin-top: 10px !important; z-index: 4;}
  .uk-navbar-container.uk-active {background-color: #EDDFC3;  border-bottom: 1px solid #000; }
  /* .uk-navbar-container .nav-logo {margin-top: 20px; width: 80px;} */
  
.b-top {border-top: 1px solid #000}
.b-bottom {border-bottom: 1px solid #000}
.b-right {border-right: 1px solid #000}
.b-left {border-left: 1px solid #000}

/* FORM */
.uk-form .uk-form-label {font-size: 1.1rem;}


  /* date range picker */
  .daterangepicker {border: 0; font-family: spirits-sharp, serif; text-transform: none;}
  .daterangepicker.opensright:before, .daterangepicker.opensright:after {display: none !important;}
  .daterangepicker .drp-buttons {border-top: 1px solid #cb6b4d;}
  .daterangepicker .drp-buttons .btn {font-size: 15px; padding: 5px 10px;}
  .daterangepicker .drp-buttons .btn.uk-button-dark {background-color: #000000; color: #cb6b4d;}
  .daterangepicker .drp-buttons .btn.uk-button-dark:hover {background-color: #cb6b4d; color: #000000;}
  .daterangepicker .drp-buttons .btn.uk-button-light {background-color: #cb6b4d; color: #000000;}
  .daterangepicker .drp-buttons .btn.uk-button-light:hover {background-color: #000000; color: #cb6b4d;}



  .drp-selected{display: none !important;}
  .daterangepicker td.in-range{background-color: #9ea378;}
  .daterangepicker td.active, .daterangepicker td.active:hover{background-color: #000000;}

  .daterangepicker .drp-calendar.right {background-color: white;}
  .daterangepicker.show-calendar .drp-buttons {background-color: white;}
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {background-color: transparent; opacity: 0.4; color: #000;}
  .daterangepicker .calendar-table {border: 0;}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(30,63,57,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }

.overlay-top { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; z-index: 1;}

.transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.bg-white {background-color: #fff !important;}
.bg-grey {background-color: #cecece !important;}
.bg-light {background-color: #FFF7E6 !important;}
.bg-dark {background-color: #000000 !important;}
.bg-primary{background-color: #EDDFC3 !important;}
.bg-secondary{background-color: #FFF7E6 !important;}
.bg-tertiary{background-color: #000000 !important;}



.white {color: #fff !important;}
.grey {color: #828282 !important;}
.light {color: #FFF7E6 !important;}
.dark {color: #000000 !important;}
.primary{color: #EDDFC3 !important;}
.secondary{color: #FFF7E6 !important;}
.tertiary{color: #000000 !important;}

.greyscale {-webkit-filter: grayscale(1);}

/* PRELOADER */
.preloader{position: fixed;z-index: 11111;width: 100vw;height:100vh; opacity: 1; background: #EDDFC3; top: 0;left: 0;}
.preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);}

@keyframes heartbeat{
  0%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  15%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  30%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  45%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;}
  80%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
  100%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;}
}

/* datedropper */
/* div.datedropper.princesa-theme {--dd-color1: #cb6b4d !important;--dd-color2: #FFF !important;--dd-color3: #000000 !important;--dd-color4: #FFF !important;--dd-radius: 16px !important;--dd-width: 160px !important;--dd-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3) !important;} */

/* datedropper new */
/* .princesa-theme { --dd-overlay:rgba(0, 0, 0, .75); --dd-background:#FFFFFF;--dd-text1:#000000;--dd-text2:#FFFFFF;--dd-primary:#cb6b4d;--dd-gradient:linear-gradient(45deg, #cb6b4d 0%, #cb6b4d 100%);--dd-radius:16px;--dd-shadow:0 0 2.5em rgba(0, 0, 0, 0.1);--dd-range:rgba(0, 0, 0, 0.05);--dd-monthBackground:var(--dd-gradient);--dd-monthText:var(--dd-text2);--dd-monthBorder:transparent;--dd-confirmButtonBackground:var(--dd-gradient);--dd-confirmButtonText:var(--dd-text2);--dd-selectedBackground:var(--dd-gradient);--dd-selectedText:var(--dd-text2);} */

/* BE */
/* BOOKING ENGINE */
.booking-engine-header-bottom{z-index: 1;position: relative;bottom: 0;left: 0;width: 100%;    height: auto}
.booking-engine-header-bottom .uk-select, .booking-engine-header-bottom .b-title, .booking-engine-header-bottom #dates-calendar{font-weight: 500;background-color: transparent;border: 0;color: #cb6b4d;font-size: 1rem !important; height: 55px;text-transform: uppercase; text-align: center;}
.booking-engine-header-bottom .be-item{border-bottom: 1px solid #cb6b4d; width: 50%; margin: 0 auto;}
.booking-engine-header-bottom input::placeholder {color: #cb6b4d;}

.booking-engine-header-bottom .uk-button.be-send{height: 55px;padding: 15px 0; text-transform: uppercase;background-color: #fff;color: #000;margin: 10px 0;}
.booking-engine-header-bottom .uk-button.be-send:hover{background-color: #000;color: #fff;}

.modal-be{position: fixed;z-index: 1;background-color: #77809195;width: 100%;height: 100%;top: 0;left: 0;visibility: hidden;opacity: 0;}
.bmc-container{z-index: 2;position: relative;}
.booking-menu-container{margin-top: -40px;z-index: 1;position: relative; margin-bottom: -40px !important;}
.booking-menu-container>div{z-index: 1;}
.be-item{/* background-color: white; *//* height: 80px; */position: relative;}
/* .be-item .uk-select{height: 80px !important;top: 0 !important;border: 0;padding-left: 20px;color: #393e45;} */
/* .be-item .uk-input{border: 0;font-size: 1rem;padding-left: 20px !important;cursor: pointer;height: 80px !important;} */
.be-item .uk-input::placeholder{color: #000;}

.b-title, .b-title.text-vuelta {position: relative; color: #393e45; font-size:1rem; font-weight: 400;}
.b-title-r, .b-title.text-vuelta {position: relative; color: #393e45; font-size:1rem; font-weight: 400;}
.uk-select:not([multiple]):not([size]) {position: relative; height: 55px;}
.hab-value {color: #071633; width: 100%; cursor: pointer; height: 55px; text-align: right; font-size: 1rem; font-weight: 900; z-index: 1; position: relative; top: 0px; }
.b-more-beds {padding-top: 5px;}
.b-more-beds .uk-grid{margin-top: 0;margin-bottom: 5px;}
.b-more-beds span.bmb-title{margin: 10px 0; font-size: 0.8rem;}
.b-more-beds .uk-width-1-2{margin-top: 0;}
.b-more-beds .uk-width-1-2 span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 0px 0px;}
.b-more-beds select.uk-select{float: right;height: 35px !important;border: 0;background: transparent;width: 100%;text-align: right;color: #444;font-weight: 700;font-size: 0.8rem;z-index: 1;position: relative;}
.b-beds select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #071633;font-weight: 700;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
.b-beds-r select.uk-select{float: right;border: 0;background: transparent;width: 100%;text-align: right;color: #071633;font-weight: 700;font-size: 1rem;z-index: 1;text-transform: uppercase; position: relative;background-image: url('data:image/svg+xml;charset=UTF-8,<svg%20width%3D"16"%20height%3D"16"%20viewBox%3D"0%200%2016%2016"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg">%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%201%201%206%207%206"><%2Fpolygon>%0A%20%20%20%20<polygon%20fill%3D"%232c2a29"%20points%3D"4%2013%201%208%207%208"><%2Fpolygon>%0A<%2Fsvg>') !important;}
.rooms {height: 55px; position: relative;}
.rooms .con {height: 55px; position: relative; width: 100%; left: 0; top: 0; color: #000000; /* background-color: white; */}
.rooms .con .b-title.hab-num{position: absolute;top: 15px; width: 100%;}
.rooms .con .b-title.hab-num .ac-counter, .rooms .con .b-title.hab-num .kc-counter{font-weight: 700;}
.rooms .con .b-title-r.hab-num{position: absolute;top: 28px;left: 20px;}
.rooms .con .b-title-r.hab-num .ac-counter, .rooms .con .b-title-r.hab-num .kc-counter{font-weight: 700;}
.rooms .con .b-beds{position: sticky; width: min-content;  height: auto; margin: 0 auto !important; padding: 25px 40px; text-align: center;}
.rooms .con .b-beds-r{position: relative; width: 100%; left: 0; top: 20px; height: auto;overflow-y: auto;}
.rooms .con .hv-title {font-weight: 700; color: #000000; margin-bottom: 5px; font-size: 0.8rem; text-transform: uppercase; text-align: center;}
.rooms .con .b-more-beds span {color: #000000; text-align: center; font-size: 0.9rem;text-transform: uppercase;font-weight: 700; margin-bottom: 10px;}
.rooms .con .b-more-beds .bmb-kids-cont{margin-bottom: 5px;margin-left: 0;}
.rooms .con .b-more-beds .bmb-kids-cont select{border-bottom: 1px solid #000000;margin-bottom: 10px;color: #000000;}
/* counter */
.rooms .uk-dropdown {background-color: #cb6b4d;}
.counter-container{position: relative;width:80px; padding-bottom: 10px; margin: 0 auto;}
.counter{position: relative;padding: 0 30px; display: inline-block;height:30px;width: 20px;text-align: center;line-height: 1.9; color:#000000;}
.b-more-beds span{display: block;}
.b-more-beds .uk-width-expand{position: relative;padding: 0 5px;}
.icon.less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../front_img/assets-sprite.svg'); background-position: -400px -0px; text-align: center; background-color:#000000;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
.icon.more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../front_img/assets-sprite.svg'); background-position: -430px -0px; text-align: center; background-color:#000000;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
.icon.kids_less{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../front_img/assets-sprite.svg'); background-position: -400px -0px; text-align: center; background-color:#000000;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;left: 2px;}
.icon.kids_more{content: ""; display: inline-block; width: 25px; height: 25px; background-image: url('../../front_img/assets-sprite.svg'); background-position: -430px -0px; text-align: center; background-color:#000000;border-radius:25px;cursor:pointer;position: absolute;z-index:1;top: 2px;right:2px;}
.icon.more.disabled, .icon.less.disabled, .icon.kids_more.disabled, .icon.kids_less.disabled{background-color: #828282;}
.b-beds.uk-dropdown.uk-open.uk-dropdown-top-left {background-color: white;}
.b-beds-r.uk-dropdown.uk-open.uk-dropdown-top-left {background-color: white;}
.uk-button.bb-close {background-color: #000000 !important; padding: 5px 15px;  margin: 0 auto; text-align: center; width: auto; font-size: 1.1rem; color: #dfb264 !important; border: 1px solid #000000 !important;}
.uk-button.bb-close:after {display: none;}
.uk-button.bb-close:hover {background-color:  #dfb264 !important; color: #000000 !important; border: 1px solid #000000 !important; }

/* .be-send{text-transform: uppercase;background-color: #393e45;color: #fff;} */

  /* extra */
  .daterangepicker, .daterangepicker.show-calendar .drp-buttons, .daterangepicker .drp-calendar.right, .daterangepicker .drp-calendar.left, .daterangepicker .calendar-table {background-color: #cb6b4d;}
  /* .dd--shown {position: fixed !important;} */


    /* datedropper new */

        /* SEARCH PROPERTY  */
        #pg-dd-property #pg-datepicker {position: absolute; height: 60px; background-color: transparent; border: 0;}
        #pg-dd-property #pg-datepicker-in {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 10px 0 0 0; border: 1px solid #666;}
        #pg-dd-property #pg-datepicker-out {height: 60px; padding: 20px; font-size: 0.8rem; border-radius: 0px 10px 0 0; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;}
        #pg-dd-property #pg-datepicker-in::placeholder, #pg-dd-property #pg-datepicker-out::placeholder { color: #000;}
        #pg-dd-property .uk-input {color: #000!important;}

        .pg-dates {width: 100%; height: 50px; font-size: 1.1rem !important; }
        #pg-datepicker {width: 100%; height: 50px; text-align: center; font-size: 1.1rem !important; position: absolute; opacity: 0;}
        #pg-calendar {width: 100%; height: 50px; text-align: center; font-size: 1.1rem !important;}

    :root {--dd-gradient: linear-gradient(45deg, #cb6b4d 0%, #cb6b4d 100%) !important;}
    .pg-theme {
      --dd-overlay: rgba(0, 0, 0, 0.75);
      --dd-background: #FFFFFF;
      --dd-text1: #26272E;
      --dd-text2: #FFFFFF;
      --dd-primary: #cb6b4d !important;
      --dd-gradient: linear-gradient(45deg, #cb6b4d 0%, #cb6b4d 100%) !important;
      --dd-radius: 0.35em;
      --dd-shadow: 0 0 2.5em rgba(0, 0, 0, 0.1);
      --dd-range: rgba(0, 0, 0, 0.05);
      --dd-monthBackground: linear-gradient(45deg, #cb6b4d 0%, #cb6b4d 100%);
      --dd-monthText: var(--dd-text2);
      --dd-monthBorder: transparent;
      --dd-confirmButtonBackground: var(--dd-gradient);
      --dd-confirmButtonText: var(--dd-text2);
      --dd-selectedBackground: var(--dd-gradient);
      --dd-selectedText: 	var(--dd-text2);
      --dd-block: var(--dd-gradient);
  }
  .dd__dropdown:not(.dd--inline).dd--expanded.dd--doubleView {border-radius: 0;}
  .dd__block.dd--m {border-radius: 0 !important;}


/* MENU OFFCANVAS */
#offcanvas-nav-primary .uk-offcanvas-bar {width: 100vw;}
/* #offcanvas-nav-primary .uk-offcanvas-bar.uk-open {} */
#offcanvas-nav-primary .menu-modal {width: 80%; margin: auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem; text-align: center;}
#offcanvas-nav-primary .menu-modal li a::after{content: '•'; color: #cb6b4d; font-size: 4rem; margin-left: 30px; margin-right: 15px; position: relative; bottom: 15px;}
#offcanvas-nav-primary .menu-modal li:last-child a::after{display: none;}
#offcanvas-nav-primary .menu-modal li a::before {content: ""; position: absolute; left: 0; bottom: 20px; width: 0%; height: 2px; /* grosor de la línea */ background-color: #cb6b4d !important; transition: width 0.3s ease-out; transform-origin: right;}
#offcanvas-nav-primary .menu-modal li a:hover::before { width: calc(100% - 40px);}
#offcanvas-nav-primary .menu-langs {display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem;}
#offcanvas-nav-primary .menu-langs li {display: inline-block; position: relative;}
#offcanvas-nav-primary .menu-langs li a::after{content: '•'; color: #cb6b4d; font-size: 3rem; margin-left: 55px; position: absolute; bottom: 21px;}
#offcanvas-nav-primary .menu-langs li:last-child a::after{display: none;}
#offcanvas-nav-primary .menu-langs li a::before {content: ""; position: absolute; left: 20px; bottom: 30px; width: 0%; height: 2px; background-color: #cb6b4d !important; transition: width 0.3s ease-out; transform-origin: right;}
#offcanvas-nav-primary .menu-langs li a:hover::before { width: calc(100% - 40px);}




/* BUSCADOR */
.be-container{height: 120px; width: 150px; /* position: fixed !important; */ bottom: 0px; right: 0px; z-index: 111; transition: all 0.5s ease; overflow: hidden; /* border-radius: 12px; */ background-color: #000000; /* box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2); */ display: flex; align-items: center; justify-content: center;}
.be-container button.uk-icon:not(:disabled) {color: #cb6b4d;}
.be-container.expanded {width: 50%; height: 60vh !important; right: calc(50% - 25%); bottom: calc(50% - 30vh); z-index: 1111; border: 10px solid #cb6b4d;}
#be-button {width: 100%; height: 100%; transition: opacity 0.3s ease; font-weight: 600; font-size: 18px;/* border-radius: 12px;*/}
.be-container.expanded #be-button { opacity: 0; pointer-events: none; width: 0; height: 0;display: none;}
.be-form {display: none; opacity: 0; transition: opacity 0.4s ease; height: 100%; width: 100%;position: relative;z-index: 111111;}
.be-container.expanded .be-form { display: flex; opacity: 1;padding: 20px;}
.be-close { position: absolute; top: 30px; right: 10px; background: transparent; border: none; cursor: pointer;}
.be-close.uk-icon-button:hover {background-color: transparent; color: #e0b365 !important;}
.be-close.uk-icon>* {width: 30px;}
.be-container.over-footer {height: 70px; transition: all 0.3s ease; z-index: 1111;}
.btn-launch-be {position: relative; z-index: 11111;}


/* FORM BUSCADOR */
#form-book input {background: transparent; color: #cb6b4d; border: 0;  color: #cb6b4d; font-family: spirits-sharp, serif; }
#form-book input::placeholder {color: #cb6b4d;}
#form-book .uk-input {background-color: transparent; color: #cb6b4d;}
#form-book .uk-input::placeholder {color: #cb6b4d;}
#form-book .uk-input:focus, #form-book .uk-select:focus, #form-book .uk-textarea:focus {background-color: transparent;border-color: #e0b365; color: #e0b365;}
#form-book .uk-form-label {color: #cb6b4d !important; font-size: 1.3rem;}

/* GENERALS */
.header h1 {text-align: center;}
.be-container {height: 120px; width: 150px; position: fixed !important; z-index: 1111;}
.uk-heading-xsmall {font-family: spirits-sharp, serif; font-size: 1.4rem !important; line-height: 1; margin: 0; }
.uk-heading-small {font-family: spirits-sharp, serif; font-size: 2rem !important; line-height: 1; margin: 0;}
.uk-heading-medium {font-family: spirits-sharp, serif; font-size: 3rem !important; line-height: 1; margin: 0;}
.uk-heading-large {font-family: spirits-sharp, serif; font-size: 4rem !important; line-height: 1; margin: 0;}
.uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 5rem !important; line-height: 1;  margin: 0;}
.uk-text-sans {font-family: "thonglor-soi-4", sans-serif !important; font-weight: 500 !important;}
.uk-text-light {font-weight: 300 !important;} 
.uk-text-normal {font-weight: 400 !important;} 
.uk-text-medium {font-weight: 600 !important;} 
.uk-text-bold {font-weight: 700 !important;} 
.uk-text-underline {display: inline-block; border-bottom: 1px solid currentColor;  padding-bottom: 2px;} 


.uk-width-1-6, .uk-width-1-6\@s, .uk-width-1-6\@m, .uk-width-1-6\@l, .uk-width-1-6\@xl {width: 16.6667%;}
.uk-width-2-6, .uk-width-2-6\@s, .uk-width-2-6\@m, .uk-width-2-6\@l, .uk-width-2-6\@xl { width: 33.3333%;}
.uk-width-3-6, .uk-width-3-6\@s, .uk-width-3-6\@m, .uk-width-3-6\@l, .uk-width-3-6\@xl {  width: 50%;}
.uk-width-4-6, .uk-width-4-6\@s, .uk-width-4-6\@m, .uk-width-4-6\@l, .uk-width-4-6\@xl {  width: 66.6667%;}
.uk-width-5-6, .uk-width-5-6\@s, .uk-width-5-6\@m, .uk-width-5-6\@l, .uk-width-5-6\@xl {    width: 83.3333%;}



.scrolling-text-wrapper {position: absolute; top: 50%; left: 0; width: 100vw; overflow: hidden; z-index: 1; pointer-events: none; transform: translateY(-50%); height: 120px;}
.scrolling-track {display: flex; width: max-content; animation: loop-scroll 20s linear infinite; font-size: 2rem; font-weight: bold; text-transform: uppercase; white-space: nowrap; color: black;}
.scrolling-track span { display: inline-block; padding-right: 2rem;}
/* Animación infinita tipo marquesina */
@keyframes loop-scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); }}

/* LOGO HEADER */

.nav-logo {background-image: url('../../../assets/front_img/logo-default.svg'); height: 60px; width: 192px;}
.uk-navbar-container.uk-active {padding-top: 0;}
.uk-navbar-container.uk-active .nav-logo {background-image: url('../../../assets/front_img/logo-default.svg');  margin-top: 20px; width: 192px; height: 60px; }
.uk-navbar-container .uk-button-book-light {background: transparent; color: #000; border: 1px solid #000; width: auto; padding: 10px 50px !important; border-radius: 50%; margin-top: 10px;}
.uk-navbar-container #menu-icon {margin-top: 10px;}
.uk-navbar-container #menu-icon span {background: #000 !important;}
.uk-navbar-container #menu-icon:hover span {background: #000 !important;}

/* .home .uk-navbar-container #menu-icon span {background: #FFF7E6 !important;}
.home .uk-navbar-container #menu-icon:hover span {background: #FFF7E6 !important;}
.home .nav-logo {background-image: url('../../../assets/front_img/logo-header.svg'); height: 60px; width: 192px;}
.home .uk-navbar-container.uk-active {padding-top: 0;}
.home .uk-navbar-container.uk-active .nav-logo {background-image: url('../../../assets/front_img/logo-default.svg');  margin-top: 20px; width: 192px; height: 60px; }
.home .uk-navbar-container.uk-active .uk-button-book-light {background: transparent; color: #000; border: 1px solid #000; width: auto; padding: 10px 50px !important; border-radius: 50%; margin-top: 10px;}
.home .uk-navbar-container.uk-active .uk-button-book-light:hover {background: #000; color: #FFF7E6 !important; border: 1px solid #000; width: auto; padding: 10px 50px !important; border-radius: 50%; margin-top: 10px;}
.home .uk-navbar-container.uk-active #menu-icon {margin-top: 10px;}
.home .uk-navbar-container.uk-active #menu-icon span {background: #000 !important;}
.home .uk-navbar-container .uk-button-book-light {background: transparent; color: #FFF7E6; border: 1px solid #FFF7E6; width: auto; padding: 10px 50px !important; border-radius: 50%; margin-top: 10px;}
.home .uk-navbar-container .uk-button-book-light:hover {background: #FFF7E6; color: #000 !important; border: 1px solid #FFF7E6; width: auto; padding: 10px 50px !important; border-radius: 50%; margin-top: 10px;} */


#logo-haeder, #menu-icon { transition: filter 0.3s ease, color 0.3s ease;}

.uk-offcanvas-bar {background-color: #FFF7E6; padding: 10vh;}
.uk-open>.uk-offcanvas-bar {width: 100%;}
.uk-offcanvas-bar .uk-close.dark {color: #1D1D20; width: 30px;}
.uk-offcanvas-bar h3 a:hover {color: #DDBE94 !important;}
.uk-offcanvas-bar .container-hotels ul {margin-top: 0 !important; padding-left: 10px; padding: 60px 20px; border-left: 1px solid #1D1D20;}
.uk-offcanvas-bar .menu-hotel.uk-active::after {width: 100%;}
.uk-offcanvas-bar .menu-hotel:hover {color: #DDBE94 !important;}
.uk-offcanvas-bar .menu-flats li.uk-active .uk-button-default::after {width: 100%;}
.uk-offcanvas-bar .menu-flats li {line-height: 1.4 !important;}
.uk-offcanvas-bar .menu-flats li.cats {line-height: 0.8 !important; margin-top: 15px;}
.uk-offcanvas-bar .menu-flats {padding-right: 40px !important; text-align: left !important;}
.uk-offcanvas-bar .menu-flats .list-hotel {margin-top: 15px;}

#offcanvas-nav-booking {width: 50vw;}
#offcanvas-nav-booking .uk-offcanvas-bar {background-color: #DDBE94 !important;}
#offcanvas-nav-booking .uk-offcanvas-close { top: 0px; right: 0px; padding: 10px; background-color: #000;}

.uk-offcanvas-bar ul li  {line-height: 1.3;}

#menu-icon.over-tertiary:hover {border: 4px solid #9ea378;}
#menu-icon.over-tertiary:hover span {background: #9ea378;}


/* BORDER */
 .uk-border-top {border-radius: 300px 300px 0px 0px;}

/* NAVBAR */
.uk-navbar-container {padding-top: 10px; height: 80px;}
.uk-navbar-toggle {height: 60px;}
.uk-navbar-toggle:hover {color: #FFF7E6; text-decoration: none;}
#menu-icon:hover span {background: #FFF7E6 !important;}


/* HEIGHT */
.uk-height-xlarge {height: 600px;}


/* HERO HEADER IMAGE */
.hero-text {margin-top: 15vh}
.hero-stage { position: relative; height: 100vh; overflow: hidden; z-index: 1; margin-top: -100px;}
/* Máscara que cambia de tamaño */
.mask { position: absolute; margin-top: 10vh; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius: 0; /* si quieres bordes redondeados al inicio */ width: min(60vw, 560px); /* ancho inicial (vertical) */ aspect-ratio: 4/4; /* formato vertical inicial */ will-change: width, aspect-ratio; border-radius: 100%;}
/* Imagen dentro de la máscara */
.mask img { width: 100%; height: 100%;object-fit: cover; /* mantiene proporción sin deformar */}
/* Siguiente sección */
.next-section { height: 120vh; background: #fff;}

@media (prefers-reduced-motion: reduce) {
  .mask { width: 100%; aspect-ratio: 16/9; }
}


.border-dark {border: 1px solid #000;} 
.border-dark-top {border-top: 1px solid #000;} 


/* SHAPES */
.wave-wrapper { position: relative; height: 200px; overflow: hidden; transform: rotate(180deg);}
.wave-wrapper.top { position: relative; height: 200px; overflow: hidden; transform: rotate(0); margin-top: -10vh;}
.wave { position: absolute; bottom: 0; width: 100%;  height: 100%;}
/* .wave-wrapper-header {position: relative; z-index: -1;} */

/* DOTNAV */
.uk-dotnav>*>* {width: 13px; height: 4px; border-radius: 0; border: 1px solid rgba(0,0,0,.4);}
.uk-dotnav>.uk-active>* {background-color: rgba(0, 0, 0, 1)}

/* CATEGORIES */
.categories .uk-subnav-pill>*>:first-child {color: #000; height: 27px; width: 27px; font-family: "thonglor-soi-4", sans-serif;}
.categories .uk-subnav-pill>*>:first-child span {text-align: center; width: 100%;}
.categories .uk-subnav-pill>.uk-active>a { border-radius: 30px; background-color: #000; color: white;}
.categories .uk-subnav-pill>*>a:hover {color: #828282;background-color: transparent;}
.categories .category-ind {margin-bottom: 10vh;}
.categories .border-dark {border: 1px solid #000; padding: 30px;}
/* .categories .container-arrows {position: absolute; width: 120px; height: 40px; background-color: red; margin-left: calc(50% - 60px);} */
.categories .container-arrows {width: 120px; margin: 0 auto;}
/* .categories .container-arrows .uk-slidenav {color: rgba(116,183,152,.5)}
.categories .container-arrows .uk-slidenav:hover {color: rgba(116,183,152,.9)} */
.categories svg {display: none;}
.categories span svg {display: block}

/* HOME */
.home .header {background-color: #EDDFC3;}
.home .header .header-text {top: 15vh; position: relative;}
.home .header {height: 100vh; min-height: 100vh; margin-top: -80px; z-index: 0;}
.home .services {position: relative;z-index: 111;}
.home .services .list {border-top: 1px solid #000; margin-top: 0; padding-top: 15px; padding-bottom: 15px;}
.home .services .uk-accordion-content {margin-bottom: 10px;}
.home .services .uk-accordion-title::before {display: none;}
.home .wellness {margin-bottom: 10vh;}

/* Circular text around the plate */
.home .restaurant .circle-plate {
  --circle-scale: 1.45;
  --circle-text-bg: #EDDFC3;
  position: relative;
  width: clamp(280px, 55vw, 560px);
  margin: 10vh auto 0;
}
.home .restaurant .circle-plate .plate-img {
  width: 100%;
  height: auto;
  display: block;
}
.home .restaurant .circle-plate .circle-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% * var(--circle-scale));
  height: calc(100% * var(--circle-scale));
  pointer-events: none;
}
.home .restaurant .circle-plate svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.home .restaurant .circle-plate svg text {
  font-size: clamp(16px, 2.1vw, 22px);
  letter-spacing: clamp(0.6px, 0.18vw, 1px);
  fill: #000;
}
.home .restaurant .circle-plate svg text.text-bg {
  fill: none;
  stroke: var(--circle-text-bg, #EDDFC3);
  stroke-width: clamp(8px, 0.8vw, 10px);
  stroke-linejoin: round;
  paint-order: stroke;
}

/* HOTEL */
.hotel .header {margin-top: -80px; height: auto;}
.hotel .gallery .uk-position-center-left {left: 50px;}
.hotel .gallery .uk-position-center-right {right: 50px;}
.hotel .gallery  svg {display: none;}
.hotel .gallery  span svg {display: block}
.hotel .block-ind  svg {display: none;}
.hotel .block-ind  span svg {display: block}
/* .hotel .gallery .uk-slider-items > * { transition: all 0.4s ease-in-out; transform: scale(0.8); opacity: 0.2; filter: blur(1px);}
.hotel .gallery .uk-slider-items > .uk-active { transform: scale(0.85); opacity: 0.5; filter: blur(0.2px); z-index: 1;}
.hotel .gallery .uk-slider-items > .uk-active.uk-slide-active { transform: scale(1); opacity: 1; filter: none; z-index: 2;}
.hotel .gallery .slider-image { height: 100%; min-height: 400px;} */
.hotel .place .image-center {margin-top: -5vh;}
.hotel .hotel-gastro-video {margin-top: -10vh;}
.hotel .gallery {padding: 0px 30px;}
/* Ajustar el ancho de los ítems */
.hotel .gallery .uk-dotnav>*>* {width: 13px; height: 4px; border-radius: 0; border: 1px solid rgba(0,0,0,.4);}
.hotel .gallery .uk-dotnav>.uk-active>* {background-color: rgba(0, 0, 0, 1)}
.hotel .gallery .uk-slider-items .slider-item {
    flex: 0 0 30%; /* por defecto las laterales ocupan 30% */
    transition: transform 0.6s ease, opacity 0.6s ease, flex-basis 0.6s ease;
    opacity: 0.6;
}

.hotel .gallery .uk-slider-items .slider-item.uk-active {
    flex: 0 0 40%; /* el central ocupa 40% */
    transform: scale(1.1); /* un ligero zoom extra */
    opacity: 1;
    z-index: 2;
}
.hotel .gallery .uk-slider-items.uk-grid {padding-top: 5vh; padding-bottom: 5vh;}

/* Asegura que las imágenes se ajusten bien */
.hotel .gallery .slider-image {
    width: 100%;
    height: 450px; /* ajusta según tu diseño */
    background-size: cover;
    background-position: center;

    overflow: hidden;
}
/* RESTAURANT */
.restaurant .header {margin-top: -80px; height: auto;}
.restaurant .border-dark {border: 1px solid #000; padding: 30px;} 
.restaurant .images svg {display: none;}
.restaurant .images span svg {display: block}
.restaurant .open svg {display: none;}
.restaurant .open span svg {display: block}
.restaurant .open .uk-subnav-pill>*>:first-child{text-transform: inherit !important; }
.restaurant .open .uk-subnav-pill>.uk-active>a {background-color: transparent;}
.restaurant .open .uk-subnav-pill a.uk-button-default span.button-text::after {bottom: 0;}
.restaurant .open .uk-subnav-pill>.uk-active>a.uk-button-default span.button-text::after {width: 100%;}
.restaurant .open .uk-slideshow-items { aspect-ratio: auto !important; width: 100% !important; height: auto !important; min-height: 600px;}
.restaurant .open .uk-slideshow-items > .slider-item {height: 100% !important;}
.restaurant .uk-slideshow-items {aspect-ratio: 4 / 3 !important;}
.restaurant-col { position: relative; }
.restaurant-link { display: flex; flex-direction: column; height: 100%; min-height: inherit; text-decoration: none; }
.restaurant-link .cta { margin-top: auto; }
.restaurant .cocktail svg {display: none;}
.restaurant .cocktail  span svg {display: block}


/* WELLNESS */
.wellness .header {margin-top: -80px; height: auto;}
.wellness .border-dark {border: 1px solid #000; padding: 50px;} 
.wellness .services {padding-top: 30vh; margin-top: -20vh; padding-bottom: 30vh;}
.wellness .services .uk-subnav-pill>*>:first-child{text-transform: inherit !important; }
.wellness .services .uk-subnav-pill>.uk-active>a {background-color: transparent;}
.wellness .services .uk-subnav-pill a.uk-button-default span.button-text::after {bottom: 0;}
.wellness .services .uk-subnav-pill>.uk-active>a.uk-button-default span.button-text::after {width: 100%;}
.wellness .services .uk-slideshow-items { aspect-ratio: auto !important; width: 100% !important; height: auto !important; min-height: 600px;}
.wellness .services .uk-slideshow-items > .slider-item {height: 100% !important;}
.wellness .services .service-ind {border-bottom: 1px solid #000; padding-bottom: 5px; padding-top: 10px;}
.wellness .rituals {margin-top: -20vh; margin-bottom: 10vh;}
.wellness .rituals .bg-primary {height: 50vh; top: 0; left: 0; width: 100%; position: absolute;z-index: 0;}
.wellness .rituals .feed-rituals li {border-top: 1px solid #000; margin-top: 0; padding-top: 20px; padding-bottom: 20px;}
.wellness .rituals .feed-rituals li .uk-accordion-content {margin-top: 0; padding: 20px;}
.wellness .rituals .feed-rituals li .uk-accordion-title::before {content: ""; width: 0.6em; height: 0.6em; margin-left: 10px; float: right; background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E); background-repeat: no-repeat;background-position: 50% 50%; background-size: contain; padding-top: 20px;}
.wellness .rituals .feed-rituals li .uk-accordion-title:hover {color: #EDDFC3;}

/* RETIROS */
.retiros .header {margin-top: -80px; height: auto;}
.retiros .services {padding-top: 30vh; margin-top: -20vh; padding-bottom: 30vh;}
.retiros .services .border-dark {border: 1px solid #000; padding: 40px;} 
.retiros .services svg {display: none;}
.retiros .services span svg {display: block}
.retiros .ibiza {margin-top: -20vh; margin-bottom: 10vh;}
.retiros .ibiza .uk-slider-items.uk-grid {padding-bottom: 10vh;}

/* CO-LIVING */
.coliving .header {margin-top: -80px; height: auto;}
.coliving .services {padding-top: 30vh; margin-top: -20vh; padding-bottom: 10vh;}
.coliving .services ul {padding-left: 20px;}
.coliving .services ul li {list-style-type: disc; list-style: disc; font-weight: 500; font-family: "thonglor-soi-4", sans-serif;}
.coliving .services  p strong {font-family: spirits-sharp, serif; font-size: 1.4rem;}
.coliving .services .border-dark {padding: 40px;}
.coliving .images svg {display: none;}
.coliving .images  span svg {display: block}

/* OFFERS */
.offers .header {margin-top: -80px; height: auto;}
.offers .offer-text p, .offers .offer-text ul li {font-size: 1rem !important;}
.offers .uk-switcher ul {padding-left: 20px;}
.offers .uk-switcher ul li {list-style: disc; list-style-type: disc;}

/* GIFTS */
.gifts .header {margin-top: -80px; height: auto;}
.gifts .container-slider-arrows {width: 120px; margin: 0 auto;}
.gifts .container-slider-arrows svg {display: none;}
.gifts .container-slider-arrows span svg {display: block}
.gifts .no-residents {padding-bottom: 5vh;}
.gifts .no-residents ul {padding-left: 20px;}
.gifts .no-residents ul li {list-style-type: disc; list-style: disc; font-weight: 500; font-family: "thonglor-soi-4", sans-serif;}
.gifts .no-residents .bg-primary {position: absolute; width: 100%; height: 80%; bottom: 0; left: 0; }

/* GALLERY */
.gallery .header {margin-top: -80px; height: auto;}
.gallery .gallery-feed {margin-top: 0vh; z-index: 1; position: relative;}

/* CONTACT */
.contact .header {margin-top: -80px; height: auto;}

/* ROOM */
.room .header {margin-top: -80px; height: auto;}
.room .gallery .uk-dotnav {display: block; padding-left: 15px; padding-right: 15px;}
.room .gallery .uk-dotnav>*>* {height: 15px; width: 5px; margin-top: 5px;}
.room .gallery svg {display: none;}
.room .gallery span svg {display: block}
.room .gallery a.uk-position-center-left {margin-left: 35px;}

/* FLATPAGE */
.flatpage .header {margin-top: -80px; height: auto;}

/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 40px;width: 80%;left: 50%;top: 50%;max-width: 580px;transform: translateX(-50%) translateY(-50%);background-color: #f5e9c9;text-align: center;}
#cookieMessage .cookies-logo{width: 100px;filter: invert();}
#cookieMessage p{margin: 20px 0; color: #444;text-align: center;}
.cookie-consent-options {margin-top: 10px;color: #000000;}
#cookieMessage h3 {font-size: 1.6rem;}
#cookieMessage .uk-link{margin-top: 20px;color: #000000;display: inline-block;padding: 10px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}
#cookieMessageWrapper h4.uk-modal-title{font-size: 1rem;}
#cookieMessageWrapper .uk-link{color: #000000;display: inline-block;padding: 20px;vertical-align: middle;}
#cookieMessageWrapper label{margin-right: 10px;font-family: spirits-sharp, serif; text-transform: uppercase;font-size: 0.8rem;}
#cookieMessageWrapper .uk-checkbox{border-color: #000000 !important;margin-right: 5px;}
#cookieMessageWrapper .uk-checkbox:checked{background-color: #000000;}
#cookieMessageWrapper .uk-checkbox:disabled:checked{background-color: rgba(255, 255, 255, 0.5);border-color: rgba(255, 255, 255, 0.5) !important;}
.uk-button-accept{ background-color: #000000; color: white !important; border: 1px solid #000000; padding: 10px 20px !important; margin: 2px; font-size: 1rem;}
.uk-button-accept:hover{background-color: transparent; color: #000000 !important; border: 1px solid #000000;}
.uk-button-decline{ background-color: transparent; color: #000000 !important; border: 1px solid #000000; padding: 10px 20px !important; margin: 2px; font-size: 1rem;}
.uk-button-decline:hover{ background-color: #000000; color: white !important; border: 1px solid #000000; }
.uk-button-decline-all { background-color: transparent; color: #000000 !important; border: 1px solid #000000; padding: 10px 20px !important;margin: 2px; font-size: 1rem;}
.uk-button-decline-all:hover{background-color: #828282; color: #000000 !important; border: 1px solid #828282;}

#cookieMessageWrapper .uk-link{color: #000000;display: inline-block;padding: 20px;vertical-align: middle;}
#cookieMessageWrapper .uk-checkbox{border-color: #000000 !important;}
#cookieMessageWrapper .uk-checkbox:checked{background-color: #000000;}
#cookieMessageWrapper .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}



footer {z-index: 11; position: relative;}
.container-footer .uk-slider-container {z-index: 11; position: relative;}
/* footer small a {color: #cb6b4d;} */
footer li a:hover {color: #828282 !important;}
footer .whats .uk-icon {    bottom: 3px; position: relative;}
.container-footer .asset-footer {position: absolute; z-index: 1; width: 100%; bottom: 0;}

  /* newsletter */



@media (max-width: 1280px) {
  .home .restaurant .circle-plate { --circle-scale: 1.4; }
}

@media (max-width: 1024px) {
  .home .restaurant .circle-plate { --circle-scale: 1.32; }
}

@media (max-width: 820px) {
  .home .restaurant .circle-plate { --circle-scale: 1.26; }
}

@media (max-width: 640px) {
  .home .restaurant .circle-plate {
    --circle-scale: 1.22;
    width: clamp(240px, 70vw, 420px);
  }
}


@media only screen and (max-width: 1599px){ /* xlarge */
  
  /* WIDTH GRIDS */
  .uk-width-1-6\@xl, .uk-width-2-6\@xl, .uk-width-3-6\@xl, .uk-width-4-6\@xl, .uk-width-5-6\@xl {width: 100%;}

  .uk-offcanvas-bar {padding: 5vh !important;}

  .uk-navbar-container .uk-button-default span.button-text {font-size: 2.6rem !important;}

  .uk-navbar-container .room-list li a .button-text {font-size: 1.8rem !important; margin-top: 15px;}

}


@media only screen and (max-width: 1199px){ /* large */


  /* WIDTH GRIDS */
  .uk-width-1-6\@l, .uk-width-2-6\@l, .uk-width-3-6\@l, .uk-width-4-6\@l, .uk-width-5-6\@l {width: 100%;}  
  #offcanvas-nav-primary .uk-heading-large {font-size: 3rem !important;}


  .list-room .uk-button-default span.button-text {font-size: 1.8rem !important; margin-top: 15px;}


  .room h3.border-title {font-size: 1.6rem;}
  .room .border-title .extras-list li {font-size: 1rem;}

  .uk-heading-xsmall {font-family: spirits-sharp, serif; font-size: 1.2rem !important; line-height: 1; margin: 0; }
  .uk-heading-small {font-family: spirits-sharp, serif; font-size: 1.8rem !important; line-height: 1; margin: 0;}
  .uk-heading-medium {font-family: spirits-sharp, serif; font-size: 2.4rem !important; line-height: 1; margin: 0;}
  .uk-heading-large {font-family: spirits-sharp, serif; font-size: 3.2rem !important; line-height: 1; margin: 0;}
  .uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 4rem !important; line-height: 1;  margin: 0;}
  h3.uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 3.2rem !important; line-height: 1;  margin: 0;}

  

}

@media (max-width: 1024px){ /* ipad */



}


@media (max-width: 959px){ /* medium */

/* WIDTH GRIDS */
  .uk-width-1-6\@m, .uk-width-2-6\@m, .uk-width-3-6\@m, .uk-width-4-6\@m, .uk-width-5-6\@m {width: 100%;}

  /* GENERALS */ 
  /* .room h1.uk-heading-xlarge {font-size: inherit !important;} */
  p {font-size: 1.1rem !important;}
  .uk-heading-xlarge {font-size: 5rem !important;}
  .uk-heading-large {font-size: 3.4rem !important;}

  #offcanvas-nav-primary .uk-heading-large {font-size: 2rem !important;}
  .be-container.expanded {width: 70%; right: calc(50% - 35%); bottom: calc(50% - 30vh); z-index: 1111; border: 10px solid #cb6b4d;}


  .uk-heading-xsmall {font-family: spirits-sharp, serif; font-size: 1.2rem !important; line-height: 1; margin: 0; }
  .uk-heading-small {font-family: spirits-sharp, serif; font-size: 1.6rem !important; line-height: 1; margin: 0;}
  .uk-heading-medium {font-family: spirits-sharp, serif; font-size: 2.2rem !important; line-height: 1; margin: 0;}
  .uk-heading-large {font-family: spirits-sharp, serif; font-size: 2.8rem !important; line-height: 1; margin: 0;}
  .uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 3rem !important; line-height: 1;  margin: 0;}
  h3.uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 2.8rem !important; line-height: 1;  margin: 0;}


  .uk-modal-title {font-size: 1.4rem; line-height: 1.3;}
  .uk-modal-body p {font-size: 1rem !important;}
  .uk-modal-body h1, .uk-modal-body h2, .uk-modal-body h3, .uk-modal-body h4 {margin: 5px 0px !important;}


   .header .uk-background-cover {margin-top: 5vh;}

   /* MENU */
   .uk-offcanvas-bar {padding: 5vh;}
  .uk-navbar-container .uk-button-book-light {font-size: 1.2rem;}
  .nav-logo {height: 53px; width: 170px;}
  .uk-offcanvas-flip .uk-offcanvas {height: calc(100vh - 61px);}
  .uk-offcanvas-bar .menu-flats li.list-room a span {font-size: 1.5rem; line-height: 1;margin-top: 15px;}

/* BORDER */
 .uk-border-top {border-radius: 300px 300px 0px 0px;}

 .block-ind .plyr--video, .images .plyr--video {max-width: 400px !important; margin: 0 auto;}

 /* HOTEL */
 .hotel .gallery .uk-position-center-left {left: 0;}
 .hotel .gallery .uk-position-center-right {right: 0;}
 .hotel .place .image-center {margin-top: 0;}
  .hotel .hotel-gastro-video {margin-top: 30px;}

  /* WELLNESS */
  .wellness .services .uk-button-default span.button-text {font-size: 1.6rem;}

  /* RETIROS */
  .retiros .services .border-dark {padding: 0 !important;}
  .retiros .services .container-arrows {left: 10px; bottom: 0px; position: absolute;}
  .retiros .services .uk-slideshow-items {aspect-ratio: 3 / 4 !important; height: 100% !important;} 

  /* OFFERS */
  .offers .categories .uk-height-xlarge {height: 100%;}


  .room .gallery a.uk-position-center-left {margin-left: 0;}
  .uk-navbar-toggle {
    height: 50px;
    display: contents;
}
 
}
@media (max-width: 767px){ /* medium-small */

  .uk-heading-xsmall {font-family: spirits-sharp, serif; font-size: 1.2rem !important; line-height: 1; margin: 0; }
  .uk-heading-small {font-family: spirits-sharp, serif; font-size: 1.6rem !important; line-height: 1; margin: 0;}
  .uk-heading-medium {font-family: spirits-sharp, serif; font-size: 2rem !important; line-height: 1; margin: 0;}
  .uk-heading-large {font-family: spirits-sharp, serif; font-size: 2.6rem !important; line-height: 1; margin: 0;}
  .uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 3.2rem !important; line-height: 1;  margin: 0;}


}

@media only screen and (max-width: 639px){ /* small */


  /* WIDTH GRIDS */
  .uk-width-1-6\@s, .uk-width-2-6\@s, .uk-width-3-6\@s, .uk-width-4-6\@s, .uk-width-5-6\@s {width: 100%;}

  .mobile-booking {position: fixed; bottom: 0; width: 100%; height: 60px; background-color: #EDDFC3; z-index: 111; border-top: 1px solid #000;-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; }
  .mobile-booking:hover {background-color: #000;}

  /* GENERALS */

  .uk-heading-xsmall {font-family: spirits-sharp, serif; font-size: 1.2rem !important; line-height: 1; margin: 0; }
  .uk-heading-small {font-family: spirits-sharp, serif; font-size: 1.6rem !important; line-height: 1; margin: 0;}
  .uk-heading-medium {font-family: spirits-sharp, serif; font-size: 2rem !important; line-height: 1; margin: 0;}
  .uk-heading-large {font-family: spirits-sharp, serif; font-size: 2.4rem !important; line-height: 1; margin: 0;}
  .uk-heading-xlarge {font-family: spirits-sharp, serif; font-size: 2.6rem !important; line-height: 1;  margin: 0;}

  .mask {top: calc(50% - 5vh);}

  #offcanvas-nav-primary .menu-modal li {display: block; width: 100%; }
  #offcanvas-nav-primary .menu-modal li a {text-align: center !important;width: 100%; display: block; }

  #offcanvas-nav-primary .menu-modal li a:hover::before {width: 100%; bottom: 8px;}

  .uk-offcanvas-bar {padding:10% !important;}
  .uk-offcanvas-bar .menu-flats {padding-right: 0;}

  #offcanvas-nav-primary .uk-heading-large {font-size: 1.6rem !important; margin-bottom: 10px; }
  .uk-navbar-container .nav-logo {width: 165px; height: 52px;}
  .uk-navbar-container:not(.uk-navbar-transparent) {padding: 0 20px;}
  .header .uk-background-contain {max-width: calc(100% - 80px); margin: 0 auto;}
  #offcanvas-nav-primary .menu-modal li a::after {display: none;}
  .booking-engine-header-bottom .be-item {width: 100%;}
  .be-container.expanded {width: 90%; right: 5%; height: calc(100% - 20px) !important; top: 10px;}


  .uk-navbar-container.uk-active .nav-logo {margin-top: 15px; width: 162px; height: 51px;}

    h3.uk-heading-xlarge {font-size: 2.2rem !important;}


  /* WELLNESS */
  .wellness .services .uk-button-default span.button-text {font-size: 1.4rem;}
  .wellness .feed-rituals .uk-heading-medium {font-size: 1.4rem !important;}
  .wellness .rituals .feed-rituals li {padding-top: 20px; padding-bottom: 10px;}

  .retiros .services .uk-slideshow-items {aspect-ratio: 2 / 4 !important; height: 100% !important;} 

  .uk-slider-container-offset {padding: 0; margin: 0;}

}
@media (max-width: 459px){ /* x-small */

  .uk-offcanvas-bar {padding:5% !important;}

  /* GENERALS */
  /* .uk-heading-xlarge {font-size: 3.2rem !important;}
  .uk-heading-large {font-size: 2.2rem !important;} */


}