/* EMBLEM — SO functional CSS adapted to Emblem palette and typography */
/** ----------------------------------------
    CALENDAR
    ---------------------------------------- */


    /* ----------------------------------------
       BASE DAY CELL
       ---------------------------------------- */

    .mbsc-material .mbsc-calendar-day-text {
        height: 1.846154em;
        width: 1.846154em;
        line-height: 1.846154em;
        margin: .230769em auto;
        padding: 0;
        font-size: .8125em;
        border-radius: 0;
        border: 0 !important;
    }

    .mbsc-calendar-day .mbsc-calendar-day-inner {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 1px solid rgba(91, 99, 99, 0.55);
        box-sizing: border-box;
    }

    .mbsc-calendar-cell {
        position: relative;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        margin: 1px;
    }

    .mbsc-material.mbsc-calendar-cell-text {
        color: #A79E92;
    }


    /* ----------------------------------------
       TYPOGRAPHY
       ---------------------------------------- */

    .mbsc-font {
        font-family: "acumin-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
    }

    .mbsc-material.mbsc-datepicker .mbsc-calendar-title {
        font-size: 0.85rem !important;
        line-height: 1.2 !important;
        font-family: "acumin-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        text-transform: uppercase !important;
        letter-spacing: 0.15rem !important;
        color: #A79E92 !important;
    }

    .mbsc-material.mbsc-calendar-week-day {
        font-family: "acumin-pro", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 0.75rem !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        color: #A79E92 !important;
    }

    .mbsc-calendar-label-text {
        color: #A79E92 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        z-index: 2;
        text-align: center;
    }


    /* ----------------------------------------
       CALENDAR CONTAINER
       ---------------------------------------- */

    .mbsc-material.mbsc-calendar-picker-slide,
    .mbsc-material.mbsc-calendar-slide {
        background: #F9F4EF !important;
    }

    .mbsc-material.mbsc-calendar-controls {
        padding: 0 !important;
    }

    .mbsc-datepicker .mbsc-calendar-slide {
        padding: 0.5rem !important;
    }

    .mbsc-material.mbsc-calendar-today,
    .mbsc-material.mbsc-calendar-week-nr {
        color: #999999 !important;
    }


    /* ----------------------------------------
       NORMAL HOVER
       ---------------------------------------- */

    .mbsc-calendar-day:not(.mbsc-disabled) .mbsc-calendar-day-inner:hover {
        background: #A79E92 !important;
        color: #fff !important;
    }

    .mbsc-calendar-day:not(.mbsc-disabled).mbsc-hover
    .mbsc-calendar-cell-text {
        background: #A79E92 !important;
        color: #fff !important;
    }

    .mbsc-calendar-day:not(.mbsc-disabled).mbsc-hover
    .mbsc-calendar-label-text {
        color: #fff !important;
    }


    /* ----------------------------------------
       DISABLED / UNAVAILABLE / CTA
       ---------------------------------------- */

    .mbsc-calendar-day.mbsc-disabled {
        opacity: 1;
    }

    .mbsc-calendar-day.mbsc-disabled
    .mbsc-calendar-day-inner {
        background-color: #F9F4EF !important;
        color: rgba(91, 99, 99, 0.45) !important;
        border-color: rgba(91, 99, 99, 0.2) !important;
    }

    .mbsc-calendar-day.mbsc-disabled
    .mbsc-calendar-cell-text {
        color: rgba(91, 99, 99, 0.45) !important;
    }

    .mbsc-calendar-day.mbsc-disabled
    .mbsc-calendar-label-text {
        color: #A79E92 !important;
        opacity: 0.45 !important;
    }


    /* ----------------------------------------
       RANGE / RANGE HOVER
       ---------------------------------------- */

    .mbsc-calendar-day.mbsc-range-hover,
    .mbsc-calendar-day.mbsc-range-day {
        background: #A79E92 !important;
        color: #fff !important;
    }

    .mbsc-calendar-day.mbsc-range-hover::before {
        border: 0 !important;
        border-color: transparent !important;
    }

    .mbsc-calendar-day.mbsc-range-hover
    .mbsc-calendar-day-inner,
    .mbsc-calendar-day.mbsc-range-day
    .mbsc-calendar-day-inner {
        color: #fff !important;
    }

    .mbsc-calendar-day.mbsc-range-hover
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.mbsc-range-day
    .mbsc-calendar-cell-text {
        background: transparent !important;
        border-color: transparent !important;
        color: #fff !important;
    }

    .mbsc-calendar-day.mbsc-range-hover
    .mbsc-calendar-label-text,
    .mbsc-calendar-day.mbsc-range-day
    .mbsc-calendar-label-text {
        color: #fff !important;
        opacity: 1 !important;
    }

    /* ----------------------------------------
       DISABLED DATE INSIDE RANGE
       ---------------------------------------- */

    .mbsc-calendar-day.mbsc-disabled.mbsc-range-hover,
    .mbsc-calendar-day.mbsc-disabled.mbsc-range-day {
        background: #A79E92 !important;
        color: #fff !important;
        opacity: 1 !important;
    }

    .mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
    .mbsc-calendar-day-inner,
    .mbsc-calendar-day.mbsc-disabled.mbsc-range-day
    .mbsc-calendar-day-inner {
        background: #A79E92 !important;
        border-color: #A79E92 !important;
        color: #fff !important;
    }

    .mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.mbsc-disabled.mbsc-range-day
    .mbsc-calendar-cell-text {
        background: transparent !important;
        color: #fff !important;
        opacity: 1 !important;
    }

    .mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
    .mbsc-calendar-label-text,
    .mbsc-calendar-day.mbsc-disabled.mbsc-range-day
    .mbsc-calendar-label-text {
        color: #fff !important;
        opacity: 1 !important;
    }


    /* ----------------------------------------
       CTA / CUSTOM CLASS STYLING
       Available for stay, closed to arrival
       ---------------------------------------- */

    .mbsc-calendar-day.mbsc-disabled.lux-cta-date
    .mbsc-calendar-day-inner {
        background-color: #F2EEE8 !important;
        border-color: #A79E92 !important;
    }

    .mbsc-calendar-day.mbsc-disabled.lux-cta-date
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.mbsc-disabled.lux-cta-date
    .mbsc-calendar-label-text {
        color: #70685F !important;
        opacity: 1 !important;
    }
    
    /* ----------------------------------------
       MINLOS / CUSTOM CLASS STYLING
       Arrival allowed, minimum stay applies
       ---------------------------------------- */

    .mbsc-calendar-day.lux-minlos-date
    .mbsc-calendar-day-inner {
        background-color: #F2EEE8 !important;
        border-color: #A79E92 !important;
    }

    .mbsc-calendar-day.lux-minlos-date
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.lux-minlos-date
    .mbsc-calendar-label-text {
        color: #A79E92 !important;
        opacity: 1 !important;
    }

    /* MinLOS date inside proposed/selected stay */
    .mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
    .mbsc-calendar-day-inner,
    .mbsc-calendar-day.lux-minlos-date.mbsc-range-day
    .mbsc-calendar-day-inner {
        background-color: #A79E92 !important;
        border-color: #A79E92 !important;
    }

    .mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
    .mbsc-calendar-label-text,
    .mbsc-calendar-day.lux-minlos-date.mbsc-range-day
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.lux-minlos-date.mbsc-range-day
    .mbsc-calendar-label-text {
        color: #fff !important;
        opacity: 1 !important;
    }        


    /* ----------------------------------------
       SELECTED RANGE START / END
       ---------------------------------------- */

    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-start
    .mbsc-calendar-day-inner,
    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-end
    .mbsc-calendar-day-inner {
        background-color: #A79E92 !important;
        color: #fff !important;
        border-color: #A79E92 !important;
        opacity: 1 !important;
    }

    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-start
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-end
    .mbsc-calendar-cell-text,
    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-start
    .mbsc-calendar-day-text,
    .mbsc-calendar-day.mbsc-selected.mbsc-range-day-end
    .mbsc-calendar-day-text {
        background: #A79E92 !important;
        color: #fff !important;
        opacity: 1 !important;
    }

    .mbsc-selected .mbsc-calendar-label-text {
        color: #fff !important;
    }


    /* ----------------------------------------
       MOBISCROLL RANGE BACKGROUND
       ---------------------------------------- */

    .mbsc-material.mbsc-range-day::after {
        background: #F9F4EF !important;
        z-index: -1 !important;
    }


    /* ----------------------------------------
       CALENDAR NAV BUTTONS
       ---------------------------------------- */

    .mbsc-material.mbsc-calendar-button.mbsc-button:hover,
    .mbsc-material.mbsc-calendar-button.mbsc-button:focus,
    .mbsc-material.mbsc-calendar-button.mbsc-button.mbsc-hover,
    .mbsc-material.mbsc-calendar-button.mbsc-button.mbsc-active {
        background: #A79E92;
        color: #fff;
        opacity: 1;
    }

    .mbsc-calendar-button:hover .mbsc-calendar-title,
    .mbsc-calendar-button.mbsc-hover .mbsc-calendar-title,
    .mbsc-calendar-button.mbsc-active .mbsc-calendar-title {
        color: #fff !important;
    }


    /* ----------------------------------------
       RESPONSIVE CONTAINER
       ---------------------------------------- */

    @media screen and (min-width: 800px) {
        .mbsc-material.mbsc-datepicker-inline {
            background: #F9F4EF !important;
            color: #000;
            border: 0px solid #F2EEE8 !important;
            padding: 0.5rem 0.5rem 0 0.5rem;
        }
    }

    @media screen and (max-width: 800px) {
        .mbsc-material.mbsc-datepicker-inline {
            background: #F9F4EF !important;
            color: #000;
            border: 0 !important;
            padding: 0.5rem 0 0 0;
        }
    }

/** CHECKOUT **/

    input.exp,
    input.exp:focus {
        width: 50%;
        height: 44px;
        padding: 0 0 0 36px;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        color: #000;
        font: inherit;
        box-sizing: border-box;
        outline: none;
        float: none;
        position: static;
    }

    input.exp::placeholder {
        color: #B4B5BA;
    }

    input::placeholder {
        font-size: 0.7rem !important;
        text-transform: uppercase !important;
    }

    .exp-wrapper.uk-input,
    .exp-wrapper-focus.uk-input {
        display: flex;
        align-items: center;
        height: 44px;
        padding: 0;
        position: relative;
        overflow: visible;
        border: 0 !important;
        background-color: #F9F4EF !important;
    }

    /* At rest */
    .exp-wrapper.uk-input {
        background-color: #f2eee8 !important;
        border: 0 !important;
    }

    /* On focus */
    .exp-wrapper-focus.uk-input {
        background-color: #F9F4EF !important;
        border: 0 !important;
    }    

    .exp-wrapper .uk-inline {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    #ccexp.uk-form-icon {
        position: absolute;
        left: 0;
        top: 50%;
        bottom: auto !important;
        transform: translateY(-50%);
        margin-left: 0px !important;
    }

    .exp-wrapper::after {
        content: '/';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #B4B5BA;
        pointer-events: none;
    }

    .uk-form-controls {
        margin-top:4px!important;
    }

/** UX **/

#luxratefilter.uk-sticky-fixed {
    z-index:900;
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 3px!important;
    left: 0;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #b4b5ba;
}

.datecontainer {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.com-users-profile__edit-form {
    padding: 40px 40px;
    background-color: #f8f8f8;
}

fieldset {
    margin-top: 20px;
}

.destinationcontainer {
    border: 2px solid #fff;
    padding: 14px!important;
}

.destinationcontainer .uk-h6 {
    font-size: .8rem;
    line-height: 1.2;
    color: #fff;
    font-family: acumin-pro;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0rem!important; 
}

#titlecou .uk-button {
    letter-spacing: 0rem!important; 
}

#titlecou {
    letter-spacing: 0rem!important;
    font-size:0.7rem!important; 
}

#lux_titlecou {
    letter-spacing: 0rem!important;
    font-size:0.7rem!important; 
}

.lux_searchpanel {
    padding:40px 20px;
}


#luxmobilesummary.uk-sticky {
    z-index:970!important;
}

#booksummary.uk-sticky {
    z-index:10;
}

#hotelnav.uk-sticky {
    z-index:10;
}

#offcanvassearch.uk-offcanvas {
    z-index:1000!important;
}

/* Search offcanvas compact guest selector */

#searchhotels #lux_selectguests .lux_guest_row {
    display: flex;
    width: 100%;
    gap: 10px;
}

#searchhotels #lux_selectguests .lux_guest_col {
    flex: 0 0 90px;
}

#searchhotels #lux_selectguests .lux_pet_col {
    flex: 0 0 70px;
}

#searchhotels #lux_selectguests .tallbutton,
#searchhotels #lux_selectguests .tallbutton:hover {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    padding: 0 !important;
}

#searchhotels #lux_selectguests .occbutton {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
}


#searchhotels #lux_selectguests .lux_luxroom .uk-button-group {
    display: flex !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
}

#searchhotels #lux_selectguests .uk-button-group > :not(:first-child) {
    margin-left: -2px !important;
}

#searchhotels #lux_selectguests .lux_petsno,
#searchhotels #lux_selectguests .lux_petsno:hover {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;   
    padding: 0 5px!important;     
    }

#searchhotels #lux_selectguests .lux_petsdrop,
#searchhotels #lux_selectguests .lux_petsdrop:hover {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    padding: 0 !important;
    padding: 0 5px!important;        
}

#searchhotels #lux_selectguests .lux_petsdrop {
    margin-left: -2px !important;
}

.lux_petsno,
.lux_petsno:hover {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;    
    overflow: hidden;   
    }

.lux_petsdrop,
.lux_petsdrop:hover {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;    
    overflow: hidden;       
}

.petsno,
.petsno:hover {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;    
    overflow: hidden; 
    padding: 0 !important;
    padding: 0 5px!important;       
    }

.petsdrop,
.petsdrop:hover {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;    
    overflow: hidden; 
    padding: 0 !important;
    padding: 0 5px!important;           
}

#luxreset {
    padding: 0 5px!important;
}

@media screen and (min-width: 800px) {
    
    .luxavcal {
        padding:10px!important;
    }
    #lxr {
        min-width: 402px;
    }
    .luxsearchbox {
        min-width: 106px!important;
    } 
    .tallbutton {
        min-width: 32px!important;
        max-width: 32px!important;
        width: 32px!important;
        padding: 0 5px!important;
    }

    .tallbutton:hover {
        min-width: 32px!important;
        max-width: 32px!important;
        width: 32px!important;
        padding: 0 5px!important;
    }

    .luxsearchbox .uk-button-group {
        display: grid;
        grid-template-columns: 32px 32px 32px;
        width: 96px;
        min-width: 96px;
    }

    .luxsearchbox .uk-button-group > .uk-button .tallbutton {
        width: 32px!important;
        margin: 0 !important;
        flex: none;
        padding: 0;
        box-sizing: border-box;
    }       
}

@media screen and (max-width: 800px) {
    
    .luxavcal {
        padding:0px!important;
    }

    #lxr {
        min-width: 402px;
    }
    .luxsearchbox {
        min-width: 94px!important;
    } 
    .tallbutton {
        min-width: 28px!important;
        max-width: 28px!important;
        width: 28px!important;
        padding: 0 5px!important;
    }

    .tallbutton:hover {
        min-width: 28px!important;
        max-width: 28px!important;
        width: 28px!important;
        padding: 0 5px!important;
    }

    .luxsearchbox .uk-button-group {
        display: grid;
        grid-template-columns: 28px 28px 28px;
        width: 84px;
        min-width: 84px;
    }

    .luxsearchbox .uk-button-group > .uk-button .tallbutton {
        width: 28px!important;
        margin: 0 !important;
        flex: none;
        padding: 0;
        box-sizing: border-box;
    }
    #luxCalStyle .uk-card-body {
        padding:15px!important;
    }      
}

.calbutton {
    font-family: "acumin-pro", sans-serif;
    font-weight: 300;
    font-style: normal;      
    line-height: 38px;
    font-size: 0.75rem;
    padding: 0 12px;
    border: 1px solid #e5e5e7;
}

.occbutton {
    font-family: "acumin-pro", sans-serif;
    font-weight: 300;
    font-style: normal;       
    line-height: 38px;
    font-size: 0.75rem;
    padding: 0 10px;
    border: 2px solid #fff;
    width: 38px!important;
}

.roobutt {
    font-family: "acumin-pro", sans-serif;
    font-weight: 300;
    font-style: normal;       
    line-height: 38px;
    font-size: 0.75rem;
    min-width: 32px;
    padding: 0 10px;
    border: 2px solid #fff;
}

.uk-button-text {
    text-align: left;
}

.luxSelectGuests {
    min-width: 420px;
}

#shakeybox {
    border: 0px solid #f8f8f8;
}

.luxmorecontainer {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.privatesale {

}

.cf-control-input-desc {
    font-family: "acumin-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
     font-size: 0.75rem;
     line-height: 0.8rem;
     margin-top: 5px;
     margin-bottom: 0px; 
}

.uk-button-small.luxdatebox {
    min-width:102px;
    padding:0px!important;
}

.uk-tooltip-inner {
  line-height: 15px !important;
}

.keybutton {
    font-size:12px;
    line-height: 22px;
    /** font-family: Atlas Grotesk Light; **/
    color: #666;
    font-weight: normal!important; 
    background-color: #f2f3f4!important;
}

.longstaybox {
    max-width: 250px;
    min-width: 250px;
}

#luxDOBform {
    display: inline-block;
    position: relative;
    width: 265px!important;
    vertical-align: middle;
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 183px!important;
    vertical-align: middle;
}

.mobilemember {
    top: -12px;
    right: -12px;
    background-color: #e5e5e7;
    font-weight: bold;
    color: #FFFFFF;
}

.luxClose {
    background-color: #FFFFFF!important;
    padding: 0px!important;
}

.luxFeatures {
    padding:3px 4px;
}

.luxFeaturesButton {
    padding:4px;
    height:32px!important;
}

.luxEditBadge {
    background-color:transparent!important;
}

.luxRateBoxMobile {
    padding-left: 0px!important;
}

.luxRateDetails {
    padding: 20px 40px 20px 40px!important;
}

.luxRateListBox {
    padding: 20px!important;
}

#power {
    position: relative;
    bottom: -25px;
    height: 0px;
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 5px;
    right: 5px;
    padding: 10px;
    background-color: #A79E92!important;
    color: #fff !important;
    overflow: hidden;    
}

#mobileclose {
    position: absolute;
    top: -20px!important;
    right: 0px!important;    
}

[class*=uk-modal-close-]:hover {
    background-color: #FFFFFF!important;
    color: #000000!important;
    overflow: hidden;
}

@media (min-width: 960px) {
    .uk-modal-close-outside {
        right: 0;
        transform: translate(120%, -120%);
    }
}

.lux-reward-badge {
    position: absolute;
    top: 20px;
    left: 0px;
    right: auto!important;  
}

.lux-countdown {
  position: fixed;
  bottom: 20px;
  left: auto;
  left:20px;
  right:auto;
  z-index: 2000;
}

.lux-tog-rate-details:hover {
    text-decoration: none!important;
}

.uk-card-primary .uk-card-footer {
    border-top: 1px solid #e5e5e7;
}

@media (min-width: 960px) {
    .uk-width-medium\@m {
        width: 400px;
    }
}

.alert { 
    border-radius: 0px!important;
}

.uk-badge {
    box-sizing: border-box;
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    border-radius: 0;
    vertical-align: top!important;
    background: #A79E92;
    color: #fff !important;
    font-size: .9rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
    font-family: "acumin-pro", sans-serif;
}

[class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {
    position: absolute !important;
    max-width: 101%;
    box-sizing: border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border-bottom: 1px solid #F9F4EF;
    -webkit-text-fill-color: #e5e5e7;
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
    transition: background-color 5000s ease-in-out 0s;    
}

.luxrategrid {
    padding:26px!important;
}

/* your rounded card */
.hero-rounded {
    border-radius: 7px!important;
    overflow: hidden;
}

.hero-rounded-left {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;    
  overflow: hidden;
}

.hero-rounded-right {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;    
  overflow: hidden;
}

.hero-rounded-top {
  border-top-right-radius: 7px;
  border-top-left-radius: 5px;   
  border-bottom-right-radius: 0px!important; 
  border-bottom-left-radius: 0px!important;       
  overflow: hidden;
}

.hero-rounded-bottom {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px; 
  border-top-left-radius: 0px;       
  overflow: hidden;
}

.clubbg {
    background-color: #A79E92!important;
    color: #F2EEE8!important;
}

.ratetclabel {
    background-color: transparent !important;
    border: 1px solid #A79E92;
    color: #A79E92!important;
}

.rateinclabel {
    background-color: transparent !important;
    border: 1px solid #A79E92;
    color: #A79E92!important;   
}

.js-rate-saving {
    background-color: #403F44!important;
    color: #fff!important;        
}

.bestsave {
    background-color: #403F44!important;
    color: #fff!important; 
}

.lux-rate-card {
    background: transparent;
}

.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
color: #5C5E5E;
}

/* Default spacing for each rate row */
.lux-rate-card .lux-rate-item {
  margin-top: 12px; /* or whatever you like */
}

/* fallback: very first li has no top margin */
.lux-rate-card .lux-rate-item:first-child {
    margin-top: 0;
}


/* First visible item in the list: no top margin + grey background */
.lux-rate-card .lux-rate-item.lux-first-visible {
  margin-top: 0 !important;       /* overrides uk-margin-small-top */
  background: #fffffa;
}

/* Wrapper (optional but recommended) */
.lux-tabs-wrapper {
    background: #F9F4EF;
    padding: 6px 0;
    border-bottom: 1px solid #F9F4EF;
}

/* TAB BAR ------------------------------------------------------------ */
.lux-rate-tabs.uk-subnav-pill {
    padding-left: 0 !important;
    margin: 0;
    justify-content: space-between;
    align-items: flex-end;          /* bottom-align all tabs */
}

/* Force equal width + gaps */
.lux-rate-tabs.uk-subnav-pill > li {
    flex: 1 1 0;
    padding-left: 0 !important;
    margin: 0 2px !important;       /* <— restored gap */
}

.lux-rate-tabs.uk-subnav-pill > li:first-child {
    margin-left: 0 !important;
}
.lux-rate-tabs.uk-subnav-pill > li:last-child {
    margin-right: 0 !important;
}

/* TAB BUTTON SHAPE --------------------------------------------------- */
.lux-rate-tabs.uk-subnav-pill a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;                       /* base height */
    border-radius: 12px 12px 0 0;       /* rounded top, square bottom */
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .03em;
    padding: 0 4px;
    box-shadow: none;
    transition: height .18s ease;       /* no scaling */
}



/* ACTIVE TAB: larger (taller), same colors -------------------------- */
.lux-rate-tabs.uk-subnav-pill .uk-active > a {
    height: 42px;                       /* a bit taller */
}

.hover-list li {
  transition: background-color 0.25s ease, color 0.25s ease;
}

.hover-list li:hover {
  background-color: #f7f7f7;
}

.uk-navbar-toggle-icon svg > [class*="line-"]{
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleX(1.25) !important;
  fill: currentColor !important;
  stroke: none !important;
  opacity: 1 !important;
  fill-opacity: 1 !important;
  shape-rendering: crispEdges;
}
.uk-navbar-toggle-icon svg rect[class*="line-"]{
  height: 1px !important;
}

.uk-navbar-toggle-animate[aria-expanded="true"] .uk-navbar-toggle-icon svg > .line-2{
  transform: rotate(45deg) !important;
}
.uk-navbar-toggle-animate[aria-expanded="true"] .uk-navbar-toggle-icon svg > .line-3{
  transform: rotate(-45deg) !important;
}
.uk-navbar-toggle-animate[aria-expanded="true"] .uk-navbar-toggle-icon svg > .line-1{
  transform: translateY(6px) scaleX(0) !important;
}
.uk-navbar-toggle-animate[aria-expanded="true"] .uk-navbar-toggle-icon svg > .line-4{
  transform: translateY(-6px) scaleX(0) !important;
}

/* Make all bars render the same “strength” */
.uk-navbar-toggle-icon svg {
  shape-rendering: crispEdges;       /* reduce anti-alias differences */
  transform: translateZ(0);          /* nudge GPU compositing */
}

.uk-navbar-toggle-icon svg > [class*="line-"]{
  opacity: 1 !important;
  fill-opacity: 1 !important;
}

.uk-light .uk-navbar-toggle .uk-navbar-toggle-icon svg {
    opacity: 1 !important;
}

.tm-headerbar .uk-navbar-toggle-icon>svg {
height: 30px;
width: 40px;
}

.uk-navbar-toggle svg {
height: 33px;
width: 50px;    
}


.uk-light .uk-navbar-toggle {
    color: #FFFFFF!important;
}

.uk-light .uk-navbar-toggle:hover { 
  color: #F2EEE8 !important;  /* try #ccc, #ddd, #e0e0e0 */
}

.uk-navbar-toggle {
    padding: 0 0;
    color: #A79E92!important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.uk-navbar-toggle:hover {
    color: #A79E92!important;
    text-decoration: none;
}


.room-intro-flip { perspective: 1000px; }

.room-intro-flip .flip-inner{
  position: relative;
  width: 100%;
  min-height: clamp(260px, 38vw, 320px);
  transform-style: preserve-3d;
  transition: transform .8s cubic-bezier(.4,.2,.2,1);
  will-change: transform;
}

.room-intro-flip.is-flipped .flip-inner{
  transform: rotateY(180deg);
}

.room-intro-flip .flip-face{
  position: absolute;
  inset: 0;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* IMPORTANT: nudge faces off the exact same plane */
.room-intro-flip .flip-front{
  transform: translateZ(1px);
}

.room-intro-flip .flip-back{
  transform: rotateY(180deg) translateZ(1px);
}


/* ===============================
   Piwik PRO Consent Banner Fonts
   =============================== */

/* Header 1 – "Cookie Preferences" */
#ppms_cm_popup_overlay .ppms_cm_header1 {
  font-family: "acumin-pro", sans-serif!important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0px !important;
}

/* Header 4 – Section titles (e.g. Analytics) */
#ppms_cm_popup_overlay .ppms_cm_header4 {
  font-family: "acumin-pro", sans-serif!important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #403f44 !important;
}

/* Body text */
#ppms_cm_popup_overlay .ppms_cm_paragraph,
#ppms_cm_popup_overlay .ppms_cm_span,
#ppms_cm_popup_overlay .ppms_cm_link {
  font-family: "acumin-pro", sans-serif!important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 16px !important;
  -webkit-text-size-adjust: 100%;
  color: #5a5a5a !important;
}

/* Buttons */
#ppms_cm_popup_overlay .ppms_cm_button,
#ppms_cm_popup_overlay .ppms_cm_button_primary {
  font-family: "acumin-pro", sans-serif!important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
   font-size: 11px !important;
}

/* Links */
#ppms_cm_popup_overlay .ppms_cm_save-choices, #ppms_cm_popup_overlay .ppms_cm_link {
  font-family: "acumin-pro", sans-serif!important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 22px !important;
  -webkit-text-size-adjust: 100%;
  color:#a79e92 !important;
}

/* Links – hover & focus */
#ppms_cm_popup_overlay .ppms_cm_save-choices:hover,
#ppms_cm_popup_overlay .ppms_cm_save-choices:focus,
#ppms_cm_popup_overlay .ppms_cm_link:hover,
#ppms_cm_popup_overlay .ppms_cm_link:focus {
  color: #91907D !important;
}

#ppms_cm_popup_overlay .ppms_cm_save-choices,
#ppms_cm_popup_overlay .ppms_cm_link {
  transition: color 0.2s ease-in-out;
}

#ppms_cm_popup_overlay .ppms_cm_footer__logo {
  opacity: 0.65;
  transition: opacity 0.2s ease-in-out;
}

#ppms_cm_popup_overlay .ppms_cm_footer__logo_link:hover .ppms_cm_footer__logo {
  opacity: 0.85;
}

/* Overrides */

.uk-button-small {
    padding: 0 10px;
    line-height: 3!important;
    font-size: .7rem!important;
    min-height: 40px;
}

.ratecontainer.uk-card-default {
    background-color: #F9F4EF!important;
}

/* STAY ORIGINAL CALENDAR STYLES */


@media screen and (min-width: 800px) {
    .luxRoomGuests {
        padding: 1rem!important;
    }
    .luxCalSelectors {
        padding:1rem 1.5rem;
    }    
}

@media screen and (max-width: 800px) {
    .luxRoomGuests {
        padding: 0rem!important;
        border: 0px!important;
    }
    .luxCalSelectors {
        padding:1rem 0.75rem;
    }
}

.hero-rounded-top.luxCalSelectors {
  overflow: visible;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
}

@media screen and (max-width: 800px) {
    .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
        content: "·";
        display: inline-block;
        margin: 0 2px;
        font-size: .65rem;
        color: #000;
    } 
    .uk-breadcrumb>*>* {
        font-size: .65rem;
        color: #5c5e5e;
        font-family: "acumin-pro", sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0rem;
    }       
}


/* EMBLEM-SPECIFIC STYLES */
.rateoffer.uk-card-default { background-color: #F2EEE8 !important; }
.tm-mask-default {
  -webkit-mask-image: url('/images/brand/emblematic.svg');
  mask-image: url('/images/brand/emblematic.svg');
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}

/* Emblem refinements */
.mbsc-material.mbsc-calendar-week-day { font-weight: 600; letter-spacing: 2px; }
.mbsc-material.mbsc-datepicker .mbsc-calendar-title { font-weight: 600; letter-spacing: 2px !important; }
.mbsc-calendar-day .mbsc-calendar-day-inner { background-color: #F9F4EF; }
.mbsc-calendar-day.mbsc-range-day .mbsc-calendar-day-inner,
.mbsc-calendar-day.mbsc-range-hover .mbsc-calendar-day-inner { background-color: #A79E92; }
.lux-rate-tabs.uk-subnav-pill a { font-weight: 600; }
.clubbg { background-color: #A79E92 !important; color: #F2EEE8 !important; }
.js-rate-saving, .bestsave { background-color: #403F44 !important; color: #F2EEE8 !important; }



/* ==========================================
   EMBLEM — CALENDAR VISUAL RESTORATION
   ========================================== */

/* 1. WHITE CALENDAR CONTAINER */

.mbsc-material.mbsc-datepicker-inline {
    background: #FFFFFF !important;
    color: #403F44 !important;
    border: 0 !important;
    padding: 3px;
}

.mbsc-material.mbsc-calendar-picker-slide,
.mbsc-material.mbsc-calendar-slide {
    background: #FFFFFF !important;
}


/* 2. TYPOGRAPHY */

.mbsc-font {
    font-family: "acumin-pro", sans-serif;
    font-weight: 600;
    font-size: 1.05rem;
}

.mbsc-material.mbsc-datepicker .mbsc-calendar-title {
    font-family: "acumin-pro", sans-serif;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 600;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #403F44 !important;
}

.mbsc-material.mbsc-calendar-week-day {
    font-family: "acumin-pro", sans-serif;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 600;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #000000 !important;
}


/* 3. CALENDAR DAY TILES */

/* Remove background from outer day cells */

.mbsc-calendar-day,
.mbsc-calendar-day.mbsc-range-day,
.mbsc-calendar-day.mbsc-range-hover {
    background: transparent !important;
}

/* Original cream date tiles */

.mbsc-calendar-day .mbsc-calendar-day-inner {
    background: #F9F4EF !important;
    border: 0 !important;
    box-sizing: border-box;
}

/* Available date text */

.mbsc-calendar-day:not(.mbsc-disabled)
.mbsc-calendar-cell-text {
    color: #403F44 !important;
}

/* Price labels */

.mbsc-calendar-label-text {
    color: #A79E92 !important;
}


/* 4. DISABLED / UNAVAILABLE DATES */

.mbsc-calendar-day.mbsc-disabled {
    opacity: 1 !important;
}

.mbsc-calendar-day.mbsc-disabled
.mbsc-calendar-day-inner {
    background: #F9F4EF !important;
    border: 0 !important;
}

.mbsc-calendar-day.mbsc-disabled
.mbsc-calendar-cell-text {
    color: #D4D0CB !important;
}

.mbsc-calendar-day.mbsc-disabled
.mbsc-calendar-label-text {
    color: #A79E92 !important;
    opacity: 0.3 !important;
}


/* 5. HOVER STATES */

.mbsc-calendar-day:not(.mbsc-disabled)
.mbsc-calendar-day-inner:hover,
.mbsc-calendar-day:not(.mbsc-disabled).mbsc-hover
.mbsc-calendar-day-inner {
    background: #A79E92 !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-day:not(.mbsc-disabled).mbsc-hover
.mbsc-calendar-cell-text,
.mbsc-calendar-day:not(.mbsc-disabled):hover
.mbsc-calendar-cell-text {
    background: transparent !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-day:not(.mbsc-disabled).mbsc-hover
.mbsc-calendar-label-text,
.mbsc-calendar-day:not(.mbsc-disabled):hover
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
}


/* 6. SELECTED RANGE */

.mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-day-inner,
.mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-day-inner {
    background: #A79E92 !important;
    border: 0 !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-cell-text,
.mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-cell-text {
    background: transparent !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-label-text,
.mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

.mbsc-calendar-day.mbsc-range-hover::before {
    border: 0 !important;
}


/* 7. SELECTED START / END DATES */

.mbsc-calendar-day.mbsc-selected.mbsc-range-day-start
.mbsc-calendar-day-inner,
.mbsc-calendar-day.mbsc-selected.mbsc-range-day-end
.mbsc-calendar-day-inner {
    background: #A79E92 !important;
    border-color: #A79E92 !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-day.mbsc-selected.mbsc-range-day-start
.mbsc-calendar-cell-text,
.mbsc-calendar-day.mbsc-selected.mbsc-range-day-end
.mbsc-calendar-cell-text {
    background: transparent !important;
    color: #FFFFFF !important;
}

.mbsc-selected .mbsc-calendar-label-text {
    color: #FFFFFF !important;
}


/* 8. DISABLED DATES WITHIN A RANGE */

.mbsc-calendar-day.mbsc-disabled.mbsc-range-day
.mbsc-calendar-day-inner,
.mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
.mbsc-calendar-day-inner {
    background: #A79E92 !important;
    border-color: #A79E92 !important;
}

.mbsc-calendar-day.mbsc-disabled.mbsc-range-day
.mbsc-calendar-cell-text,
.mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
.mbsc-calendar-cell-text,
.mbsc-calendar-day.mbsc-disabled.mbsc-range-day
.mbsc-calendar-label-text,
.mbsc-calendar-day.mbsc-disabled.mbsc-range-hover
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
    opacity: 1 !important;
}


/* 9. CTA / CLOSED TO ARRIVAL */

.mbsc-calendar-day.mbsc-disabled.lux-cta-date
.mbsc-calendar-day-inner {
    background: #E8E2DA !important;
    border: 0 !important;
}

.mbsc-calendar-day.mbsc-disabled.lux-cta-date
.mbsc-calendar-cell-text,
.mbsc-calendar-day.mbsc-disabled.lux-cta-date
.mbsc-calendar-label-text {
    color: #A79E92 !important;
    opacity: 1 !important;
}


/* 10. MINIMUM LENGTH OF STAY */

.mbsc-calendar-day.lux-minlos-date
.mbsc-calendar-day-inner {
    background: #E8E2DA !important;
    border: 0 !important;
}

/* MinLOS within selected range */

.mbsc-calendar-day.lux-minlos-date.mbsc-range-day
.mbsc-calendar-day-inner,
.mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
.mbsc-calendar-day-inner {
    background: #A79E92 !important;
}

.mbsc-calendar-day.lux-minlos-date.mbsc-range-day
.mbsc-calendar-cell-text,
.mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
.mbsc-calendar-cell-text,
.mbsc-calendar-day.lux-minlos-date.mbsc-range-day
.mbsc-calendar-label-text,
.mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
}


/* 11. REMOVE MOBISCROLL RANGE OVERLAY */

.mbsc-material.mbsc-range-day::after {
    background: transparent !important;
    z-index: -1 !important;
}


/* 12. CALENDAR NAVIGATION */

.mbsc-material.mbsc-calendar-button.mbsc-button:hover,
.mbsc-material.mbsc-calendar-button.mbsc-button:focus,
.mbsc-material.mbsc-calendar-button.mbsc-button.mbsc-hover,
.mbsc-material.mbsc-calendar-button.mbsc-button.mbsc-active {
    background: #A79E92 !important;
    color: #FFFFFF !important;
}

.mbsc-calendar-button:hover .mbsc-calendar-title,
.mbsc-calendar-button.mbsc-hover .mbsc-calendar-title,
.mbsc-calendar-button.mbsc-active .mbsc-calendar-title {
    color: #FFFFFF !important;
}


/* 13. CALENDAR SPACING */

.mbsc-calendar-cell {
    margin: 1px;
}

.mbsc-material.mbsc-calendar-controls {
    padding: 0 !important;
}

.mbsc-datepicker .mbsc-calendar-slide {
    padding: 0.5rem !important;
}


/* EMBLEM — REFINED CALENDAR PALETTE */

/* Warm calendar canvas */
#range.mbsc-material.mbsc-datepicker-inline,
#range .mbsc-material.mbsc-calendar-picker-slide,
#range .mbsc-material.mbsc-calendar-slide {
    background: #F9F4EF !important;
}

/* Warm date tiles */
#range .mbsc-calendar-day .mbsc-calendar-day-inner {
    background: #F2EEE8 !important;
    border: 0 !important;
}

/* Selected / hover / range */
#range .mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-day-inner,
#range .mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-day-inner,
#range .mbsc-calendar-day.mbsc-selected
.mbsc-calendar-day-inner,
#range .mbsc-calendar-day:not(.mbsc-disabled):hover
.mbsc-calendar-day-inner {
    background: #403F44 !important;
    border-color: #403F44 !important;
}

/* Selected date and price text */
#range .mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-cell-text,
#range .mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-cell-text,
#range .mbsc-calendar-day.mbsc-selected
.mbsc-calendar-cell-text,
#range .mbsc-calendar-day.mbsc-range-day
.mbsc-calendar-label-text,
#range .mbsc-calendar-day.mbsc-range-hover
.mbsc-calendar-label-text,
#range .mbsc-calendar-day.mbsc-selected
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
}

/* Hover text */
#range .mbsc-calendar-day:not(.mbsc-disabled):hover
.mbsc-calendar-cell-text,
#range .mbsc-calendar-day:not(.mbsc-disabled):hover
.mbsc-calendar-label-text {
    color: #FFFFFF !important;
}

/* Keep range overlay transparent */
#range .mbsc-material.mbsc-range-day::after {
    background: transparent !important;
}


/* EMBLEM — MINLOS DATE RESTORATION */

/* MinLOS dates: distinctive background */
#range .mbsc-calendar-day.lux-minlos-date
.mbsc-calendar-day-inner {
    background: #e6e1d9 !important;
    border: 0 !important;
}

/* Do not override date or price text colours */

/* MinLOS within selected or hovered range */
#range .mbsc-calendar-day.lux-minlos-date.mbsc-range-day
.mbsc-calendar-day-inner,
#range .mbsc-calendar-day.lux-minlos-date.mbsc-range-hover
.mbsc-calendar-day-inner {
    background: #403f44 !important;
}

.linguise_switcher_side_by_side li {
list-style-type: none!important;
margin: 0px 5px!important;
float: left;
padding: 0;
}

.linguise_switcher_side_by_side {
list-style: none!important;
margin: 0 0!important;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.linguise_switcher_side_by_side li {
    margin: 0px 0px 0px 10px !important;
    float: none!important;
}

.linguise_flag_de {
visibility: hidden!important;
}