/* input(7648,39): run-time error CSS1034: Expected closing parenthesis, found ','
input(7648,39): run-time error CSS1042: Expected function, found ','
input(7648,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */
/* --------------- Globals -------------------*/
@font-face {
    font-family: 'Swiss721 BT';
    font-weight: 500;
    src: url("//cache.marriott.com/aka-fonts/MarriottDigital/Swiss721BT-Regular.woff2") format("woff2"); 
    font-display: swap;
}

@font-face {
    font-family: 'Swiss721 BT';
    font-weight: 700;
    src: url("//cache.marriott.com/aka-fonts/MarriottDigital/Swiss721BT-Medium.woff2") format("woff2"); 
    font-display: swap;
}

@font-face {
    font-family: 'Swiss721 BT';
    font-weight: 900;
    src: url("//cache.marriott.com/aka-fonts/MarriottDigital/Swiss721BT-Bold.woff2") format("woff2"); 
    font-display: swap;
}

@font-face {
    font-family: 'Aldine721 BT';
    src: url("//cache.marriott.com/aka-fonts/Aldine/Aldine721-Roman.woff2") format("woff2"); 
    font-display: swap;
}

@font-face {
    font-family: 'Aldine721 BT';
    font-style: Italic;
    font-weight: 500;
    src: url("//cache.marriott.com/aka-fonts/Aldine/Aldine721-Italic.woff2") format("woff2"); 
    font-display: swap;
}

html, * {
    font-family: 'Swiss721 BT', Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
}

body {
    margin: 0;
    background: #FFFFFF;
    position: absolute;
    max-width: 100vw;
    width: 100%;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: inherit;
}

input[type="text"] {
    border: none;
    border-left: 2px solid transparent;
    outline: none;
    caret-color: #FF8D6B;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: calc(0.75em - 10px) 0 0;
    vertical-align: top;
}

input[type="radio"] {
    background: url("/img/icons/radio.svg?v=17w-J20Lc5tLAnL3pRugHuEc-iY") #FFFFFF no-repeat center center;
    background-size: contain;
}

input[type="checkbox"] {
    background: url("/img/icons/checkbox.svg?v=Jzo4LHdMDEXegdTg4xFHI5dM7_Q") #FFFFFF no-repeat center center;
    background-size: contain;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"]:checked {
    background: url('/img/icons/checkbox-checked.svg?v=xwAxkYSosOPw2lnq-J6fy2bGyeA') #FFFFFF no-repeat center center;
    background-size: contain;
}

input[type="radio"]:checked {
    background: url('/img/icons/radio-checked.svg?v=NZ4XvDk3qHLgKOD3rWTb38RIJrs') #FFFFFF no-repeat center center;
    background-size: contain;
}

label {
    user-select: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

main {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: hidden;
}

#page-mask {
    display: none;
}
main.fade #page-mask {
    display: block;
    background: #1C1C1C;
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

div.filters .active:after,
div.filters .filter:after {
    content: "";
    opacity: 0%;
    transition: opacity 400ms;
}

div.filters .active:after,
div.filters .filter:hover:after {
    content: "";
    opacity: 100%;
    width: 100%;
    height: 3px;
    background: #FF8D6B;
    border-radius: 0px 99px 99px 0px;
}

#nav-list .nav-item.active .text-label {
    font-weight: bold;
}

div.slick-list {
    overflow: visible;
}

.section {
    padding-bottom: 8px;
}

@media only screen and (min-width: 768px) {
    .section {
        padding-bottom: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .section {
        padding-bottom: 24px;
    }
}
/* ------------- End Globals -----------------*/
/* ------------- Buttons ---------------------*/

/*
    <div class="button button-primary button-large">
        <div>Primary - Large</div> 
        <!-- <a href="/">Primary - Large</a> -->
    </div>
*/

.button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 200ms;
    width: fit-content;
    white-space: nowrap;
    z-index: 1;
}

    .button a, .button div {
        font-style: normal;
        font-weight: 400;
        text-align: center;
        transition: border-color 200ms;
    }

    .button.external-link:after {
        content: "";
        background-image: url("/img/icons/ext-arrow.svg?v=NhPV6d4nM00TxZY7b9X0GqYg-Ww");
        background-size: contain;
        background-repeat: no-repeat;
    }

.dark .button.external-link:after {
    background-image: url("/img/icons/ext-arrow-black.svg?v=GI-_M4ydM5AmPspqTirKd3mHvLs");
}

        .button-primary, .button-secondary {
    border-radius: 100px;
}

.button-primary {
    background: #1C1C1C;
}

    .button-primary a, .button-primary div{
        color: #FFFFFF;
    }

    .button-primary:hover {
        background: #707070;
    }

    .button-primary:focus {
        border: 3px solid #FFFFFF;
    }

div.all-up.list-view div.card-container div.copy-container .button-primary {
    background: #1c1c1c;
}
    div.all-up.list-view div.card-container div.copy-container .button-primary div {
        color: #fff;
    }

    .dark .button-primary, .grid-view .destination-theme-offer .button-primary {
        background: #FFFFFF;
    }

    .dark .button-primary:hover, .grid-view .destination-theme-offer .button-primary:hover {
        background: #C4C4C4;
    }

    .dark .button-primary a, .dark .button-primary div,
    .grid-view .button-primary a, .grid-view .destination-theme-offer .button-primary div {
        color: #1C1C1C;
    }

    .dark .button-primary.external-link:hover:after,
    .grid-view .destination-theme-offer .button-primary.external-link:hover:after {
        filter: invert(100%);
    }

    .button-primary:disabled,
    .dark .button-primary:disabled {
        background: #C4C4C4;
        color: #FFFFFF;
    }

.button-secondary, .dark .button-secondary:hover {
    background: #FFFFFF;
    border: 1px solid #1C1C1C;
}

    .button-secondary a, .button-secondary div,
    .dark .button-secondary:hover a, .button-secondary:hover div {
        color: #1C1C1C;
    }

.button-tertiary {
    padding: 0px;
    gap: 4px;
    font-size: 13px;
    height: 17px;
    align-items: flex-start;
}

    .button-tertiary a, .button-tertiary div {
        color: #1C1C1C;
        padding-bottom: 2px;
        border-bottom: 1px solid #FFFFFF;
    }

    .button-tertiary:after {
        content: "";
        background-image: url("/img/icons/right-arrow-black.svg?v=_JL1cmFP0oWcEJUtgOGegxpcEV4");
        background-size: contain;
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
    }

    .button-tertiary.external-link:after {
        background-image: url("/img/icons/ext-arrow-black.svg?v=GI-_M4ydM5AmPspqTirKd3mHvLs");
    }

    .button-tertiary:hover a, .button-tertiary:hover div {
        border-color: #1C1C1C;
    }

    .dark .button-tertiary a, .dark .button-tertiary div {
        color: #FFFFFF;
    }

.dark .button-tertiary:hover a, .dark .button-tertiary:hover div {
    border-color: #FFFFFF;
}

.dark .button-tertiary.external-link:after {
    filter: invert(100%);
}

    .button-small {
        padding: 7.5px 16px;
        height: 32px;
    }

    .button-small a, .button-small div {
        height: 17px;
        font-size: 13px;
        line-height: 17px;
    }

.button-small.external-link:after {
    width: 16px;
    height: 16px;
}

.button-medium {
    padding: 9.5px 24px;
    height: 40px;
}

    .button-medium a, .button-medium div {
        height: 20px;
        font-size: 16px;
        line-height: 20px;
    }

.button-medium.external-link:after {
    width: 20px;
    height: 20px;
}

.button-large {
    padding: 14.5px 32px;
    height: 52px;
}

    .button-large a, .button-large div {
        height: 22px;
        font-size: 18px;
        line-height: 22px;
    }

.button-large.external-link:after {
    width: 24px;
    height: 24px;
}

/*
    <div class="button icon-button icon-add">
        <div>Add</div>
    </div>
*/

.icon-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7.5px 16px;
    gap: 4px;
    height: 32px;
 
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 100px;
}

    .icon-button a, .icon-button div {
        font-size: 13px;
        line-height: 17px;
        color: #1C1C1C;
    }

    .icon-button:hover {
        background: #C4C4C4;
        border-color: #EEEEEE;
    }

    .icon-button:before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
    }

.dark .icon-button {
    border-color: #1C1C1C;
}

.dark .icon-button:hover {
    background: #1C1C1C;
    border-color: #EEEEEE;
}

.dark .icon-button:hover a, .dark .icon-button:hover div {
    color: #EEEEEE;
}

.dark .icon-button:hover:before {
    filter: invert(100%);
}

.icon-account-active:before { background-image: url("/img/icons/ui/account-active.png?v=pqBNzOJwX4mcXQj6fg0riOCA5no"); }
.icon-account-alt-active:before { background-image: url("/img/icons/ui/account-alt-active.png?v=-gfe9qiOZzz31jBu3uvBfdEYABc"); }
.icon-account-alt:before { background-image: url("/img/icons/ui/account-alt.png?v=nx4xC4sKnAIbedFHEaWWHvMN_-U"); }
.icon-account:before { background-image: url("/img/icons/ui/account.png?v=_Iivs66-OENJ4ZesHc97XX6KSp8"); }
.icon-add-to-calendar:before { background-image: url("/img/icons/ui/add-to-calendar.png?v=9qPnTEHrk4ZAkWRHs4evFXxYrRA"); }
.icon-add-to-wallet:before { background-image: url("/img/icons/ui/add-to-wallet.png?v=Acn6MylB_A2cl3UaKuMto5QC1c8"); }
.icon-add:before { background-image: url("/img/icons/ui/add.png?v=fWdFTDdtHFRO-Y1TfnmhR-6rXLQ"); }
.icon-alert:before { background-image: url("/img/icons/ui/alert.png?v=cteYD4itCCKnPcVk5FactLjlM-c"); }
.icon-apple-pay:before { background-image: url("/img/icons/ui/apple-pay.png?v=8AzHgc6-WHCmZ1p4kwGfJd1qaJQ"); }
.icon-arrow-down:before { background-image: url("/img/icons/ui/arrow-down.png?v=aqk2oxFPElvrqn14uWwzPpRWujU"); }
.icon-arrow-left:before { background-image: url("/img/icons/ui/arrow-left.png?v=N7l9Wubfa82Et1D5DnJPSDjIXIE"); }
.icon-arrow-right:before { background-image: url("/img/icons/ui/arrow-right.png?v=pICt-Jk3SdWmS2qfc6pskhtYVl4"); }
.icon-arrow-up:before { background-image: url("/img/icons/ui/arrow-up.png?v=jBPyD8Ctkqw18SS2MPZ9Os7BcjY"); }
.icon-avatar:before { background-image: url("/img/icons/ui/avatar.png?v=W87NjZ-lNVgLhiu23LRp2TXJHsg"); }
.icon-back-arrow:before { background-image: url("/img/icons/ui/back-arrow.png?v=W87NjZ-lNVgLhiu23LRp2TXJHsg"); }
.icon-biz-chat:before { background-image: url("/img/icons/ui/biz-chat.png?v=yfiVzGIWfMt3kQkpuhnCN0r0SHI"); }
.icon-book-active:before { background-image: url("/img/icons/ui/book-active.png?v=NyzlMDf-mFhqRMY6eHu0rbijgeE"); }
.icon-book:before { background-image: url("/img/icons/ui/book.png?v=n94fp4qGLy7iJBOXZFXq-D6p7Ng"); }
.icon-cancel:before { background-image: url("/img/icons/ui/cancel.png?v=8-9w-jfo9xnSw3TAAwtP5AlCDVw"); }
.icon-chat-bot:before { background-image: url("/img/icons/ui/chat-bot.png?v=Adx8eURssd7wm4rWeUqp9iIsCW0"); }
.icon-check:before { background-image: url("/img/icons/ui/check.png?v=EEWdu2laXGXf_MH9wgwSoMS2jp0"); }
.icon-clear:before { background-image: url("/img/icons/ui/clear.png?v=hBb30roq1viA_KfFJ0MGUmK7nxA"); }
.icon-collapse:before { background-image: url("/img/icons/ui/collapse.png?v=45eXYFKnoGgrXbQVSBjk5aNQBfY"); }
.icon-customer-support:before { background-image: url("/img/icons/ui/customer-support.png?v=QXN4Ncgp-DZJPQD1oiMIapiDDM0"); }
.icon-delete:before { background-image: url("/img/icons/ui/delete.png?v=Q01S9MZR13V7ZT-p6GTn_FVCWo8"); }
.icon-down-arrow:before { background-image: url("/img/icons/ui/down-arrow.png?v=5KzkDjU5E60IXCfHwbx4q7eyl3Y"); }
.icon-download:before { background-image: url("/img/icons/ui/download.png?v=h9EygHbu77gGlXJ46qv2uhnKzPs"); }
.icon-dropdown-down:before { background-image: url("/img/icons/ui/dropdown-down.png?v=eo8_ZQvv2E1o3mOmEcCSnhfCLUE"); }
.icon-dropdown-up:before { background-image: url("/img/icons/ui/dropdown-up.png?v=_tJ2EhyCUq6GJW9jQOEyp1wuJKU"); }
.icon-edit-dates:before { background-image: url("/img/icons/ui/edit-dates.png?v=L-0fxOg-GRH2m5nKSVMORtnrMPk"); }
.icon-edit:before { background-image: url("/img/icons/ui/edit.png?v=AqmIfGasbXLUWDorDsoZq4dzZGY"); }
.icon-external-arrow:before { background-image: url("/img/icons/ui/external-arrow.png?v=kCShbUrqquTAjbg_XKuLIQvSoK8"); }
.icon-filter:before { background-image: url("/img/icons/ui/filter.png?v=cR-cNbfdyQ_4Jh9lxtmkOiAKydo"); }
.icon-forward-arrow:before { background-image: url("/img/icons/ui/forward-arrow.png?v=o2U9xn0a4fDQsFtZyF98pzh51Uo"); }
.icon-forward:before { background-image: url("/img/icons/ui/forward.png?v=FmI6kSTtGNo9Ct4YctExre2_tEQ"); }
.icon-gear:before { background-image: url("/img/icons/ui/gear.png?v=VDBzzDNy12OVOXXYFRBd99f94aQ"); }
.icon-google-pay:before { background-image: url("/img/icons/ui/google-pay.png?v=DMfCc9C_ASWXzt-piyXD8nJI3zM"); }
.icon-grid-view:before { background-image: url("/img/icons/ui/grid-view.png?v=BVAHhxYX75PGL3gN7khMsB7YCZk"); }
.icon-heart-fill:before { background-image: url("/img/icons/ui/heart-fill.png?v=6OST7j6-vZF3zuo9FFKSzuWG7DA"); }
.icon-heart-outline:before { background-image: url("/img/icons/ui/heart-outline.png?v=MXdXHWMejMe2wwY1hm7YaJdPlvM"); }
.icon-help:before { background-image: url("/img/icons/ui/help.png?v=QSPq4yIRLdONQSKcoOvO7Uc69sE"); }
.icon-home-active:before { background-image: url("/img/icons/ui/home-active.png?v=GFn6xP82ApLNUsFZzV036tFtQxk"); }
.icon-home:before { background-image: url("/img/icons/ui/home.png?v=l-_9LfAfoj11XkklcXC6NCv1qdM"); }
.icon-increment-minus:before { background-image: url("/img/icons/ui/increment-minus.png?v=pEpFU9cfVfBskibfWgQbVpP2YqI"); }
.icon-information:before { background-image: url("/img/icons/ui/information.png?v=NluLUGZ3YFPjIkTCBREbcFTVPXA"); }
.icon-key-station:before { background-image: url("/img/icons/ui/key-station.png?v=sOcppBY3XYJ4F23GSbEfAX9tLZQ"); }
.icon-list-view---alt:before { background-image: url("/img/icons/ui/list-view---alt.png?v=3fGBj19EUIjEPfGJ8wBbZw6nmxY"); }
.icon-list-view:before { background-image: url("/img/icons/ui/list-view.png?v=IxiXhD_KnIvLiacB5BI9P9ubNkw"); }
.icon-lock-open:before { background-image: url("/img/icons/ui/lock-open.png?v=u19UAaYyFs7XOwj1Qpev87GhWkc"); }
.icon-lock:before { background-image: url("/img/icons/ui/lock.png?v=TcFk84IjOXk45qSP-_yXSawx23M"); }
.icon-mail:before { background-image: url("/img/icons/ui/mail.png?v=JZ4X1RcwUZ69OC3-AhVAkxRFT1g"); }
.icon-map-zoom:before { background-image: url("/img/icons/ui/map-zoom.png?v=fpANKV2dcB55HmGbt5t6SkB0sm4"); }
.icon-menu:before { background-image: url("/img/icons/ui/menu.png?v=gw93TSUlTn8weukYpUV-nLj4ezM"); }
.icon-merge:before { background-image: url("/img/icons/ui/merge.png?v=MKmGSBXpdyf-Ugy8x1r9bpvN7-c"); }
.icon-minus:before { background-image: url("/img/icons/ui/minus.png?v=_LxsSQbwPx1JSwlMfWSQh64wBi4"); }
.icon-more:before { background-image: url("/img/icons/ui/more.png?v=Q6XMwZEKfF1R69JjDclOnavgi3o"); }
.icon-ocr-scan-payment:before { background-image: url("/img/icons/ui/ocr-scan-payment.png?v=GD9xJus9eJKK-ePYVqWqvEAdVu4"); }
.icon-phone:before { background-image: url("/img/icons/ui/phone.png?v=V4aAQTDrC19Q710ezArtasGTMj8"); }
.icon-photo-gallery:before { background-image: url("/img/icons/ui/photo-gallery.png?v=-fq0RdDM7AFnaWMM34ZhC3zSaeo"); }
.icon-plus:before { background-image: url("/img/icons/ui/plus.png?v=qSyGjm5bWaFgKemHrWhcZBrgfAo"); }
.icon-print:before { background-image: url("/img/icons/ui/print.png?v=UPAM0QRy-ZvGNysDUFa1tsJTmjk"); }
.icon-ritz-kids:before { background-image: url("/img/icons/ui/ritz-kids.png?v=z0dmwbJdXFvj71T8nZsDWcNTHFM"); }
.icon-search-list-sort:before { background-image: url("/img/icons/ui/search-list-sort.png?v=y6J6cr4-GPg87hGwQI5tYp57iR8"); }
.icon-search:before { background-image: url("/img/icons/ui/search.png?v=Vk4i9tVUA5ME5E1eYDJKBBtyAWw"); }
.icon-share-ios:before { background-image: url("/img/icons/ui/share-ios.png?v=EGAH_gPhoBc8VoVlpHqmmVYcHNc"); }
.icon-share:before { background-image: url("/img/icons/ui/share.png?v=QulZaACT3gK_qW25hFjgDmOJfTc"); }
.icon-sign-in:before { background-image: url("/img/icons/ui/sign-in.png?v=OpMKmTnx9ULMgS_DndeerSzqyA8"); }
.icon-smartphone:before { background-image: url("/img/icons/ui/smartphone.png?v=AFQ8AZ9Q6NdM2LSHJx6ypCewVTY"); }
.icon-spinner:before { background-image: url("/img/icons/ui/spinner.png?v=_7sAaO-PaXLlXqWiXum2aFyoyxU"); }
.icon-star-filled:before { background-image: url("/img/icons/ui/star-filled.png?v=LCWac6DAmNUusyvA6EAaX_1c0lM"); }
.icon-star-half-fill:before { background-image: url("/img/icons/ui/star-half-fill.png?v=JPrIY2Wumw518J8N_iXjOSQRc40"); }
.icon-star:before { background-image: url("/img/icons/ui/star.png?v=RoTTZr1DOuibWYSmzAQBQm6tdao"); }
.icon-success:before { background-image: url("/img/icons/ui/success.png?v=hK93KJ2AWveJ3-erN4XftCvXLes"); }
.icon-trips-active:before { background-image: url("/img/icons/ui/trips-active.png?v=t8KZWLC7YKIpKi01qjFmUeHDybg"); }
.icon-trips:before { background-image: url("/img/icons/ui/trips.png?v=kuoprWUsTG9UGtL8TxvfIJrYw4w"); }
.icon-up-arrow:before { background-image: url("/img/icons/ui/up-arrow.png?v=fhwCBtisjV__ZuiR_QSEo06ifJA"); }
.icon-visibility-off:before { background-image: url("/img/icons/ui/visibility-off.png?v=hWNT-zeA9RnL5MW20JwsKhz49WY"); }
.icon-visibility:before { background-image: url("/img/icons/ui/visibility.png?v=VkP8-k4oswpbyo2paFIQQL_q2Bs"); }
.icon-warning:before { background-image: url("/img/icons/ui/warning.png?v=4UamPZoMfe9apnOcycjpd3_xbM8"); }
.icon-website:before { background-image: url("/img/icons/ui/website.png?v=R0ZYGm8cRPPHgseggCreT5ieV88"); }

/* ------------- End Buttons -----------------*/
/* ------------- Links -----------------------*/

/*
    <div class="link">
        <a href="/" class="link-body link-medium external-link">Text Link Body Medium</a>
    </div>
*/

.link-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    letter-spacing: 0.015em;
    color: #1C1C1C;
    border-bottom: 1px solid #1C1C1C;
    transition: all 200ms;
    padding-bottom: 0;
    cursor: pointer;
}

.dark .link-body {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.link-body:hover {
    padding-bottom: 4px;
}

.link.external-link:after {
    content: "";
    opacity: 0;
    transition: opacity 200ms;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/img/icons/ext-arrow-black.svg?v=GI-_M4ydM5AmPspqTirKd3mHvLs");
    height: 20px;
    width: 20px;
}

.dark .link.external-link:after {
    filter: invert(100%);
}

.link-medium {
    font-size: 16px;
    line-height: 24px;
    height: 20px;
    
}

.link-xsmall {
    font-size: 12px;
    line-height: 16px;
}

.link-xsmall.external-link:after {
    height: 16px;
    width: 16px;
}

/* ------------- End Links -------------------*/
/* ------------- Labels ----------------------*/

/*
    <div class="label label-small label-pool">Pool</div>
*/

.label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    font-style: normal;
    font-weight: 400;
    color: #1C1C1C;
}

.label-small {
    font-size: 14px;
    line-height: 20px;
}

    .label-small:before {
        height: 16px;
        width: 16px;
    }

.label-medium {
    font-size: 16px;
    line-height: 24px;
}

    .label-medium:before {
        height: 20px;
        width: 20px;
    }

.label-large {
    font-size: 18px;
    line-height: 22px;
}

    .label-large:before {
        height: 24px;
        width: 24px;
    }

.label:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
}

.card .airport .label:before {
    opacity: 43.75%;
    transform: rotate(90deg);
    margin: 0 8px;
}

.label-accessibility:before { background-image: url("/img/icons/amenities/accessibility.png?v=SpHAmdmfhKKLr4gOZoEJjC1DXO4"); }
.label-activity:before { background-image: url("/img/icons/amenities/activity.png?v=AotHnZYv-FG6H5gREpjhjRimBBM"); }
.label-airplane:before { background-image: url("/img/icons/amenities/airplane.png?v=oOW4iuAg6dW-zyUZljfSgWQDLeY"); }
.label-alarm:before { background-image: url("/img/icons/amenities/alarm.png?v=8TtxS_PVDYsVyS6UwkpCKkeyC3s"); }
.label-amenities:before { background-image: url("/img/icons/amenities/amenities.png?v=awgNErL6tiK6us5qYcb_6lRo7No"); }
.label-apple-wallet:before { background-image: url("/img/icons/amenities/apple-wallet.png?v=r_lMndHtJJ39HW0iWq8AsDNO_U8"); }
.label-art-gallery:before { background-image: url("/img/icons/amenities/art-gallery.png?v=RdB1NZvYKF9ql-XCc2eZPgwgngY"); }
.label-asterisk:before { background-image: url("/img/icons/amenities/asterisk.png?v=8urC4VYR8l2NCfXwNimfKbd4qMk"); }
.label-bar:before { background-image: url("/img/icons/amenities/bar.png?v=NBFZ2KdvoN7lyban8JctNVZcD2Y"); }
.label-bath-mat:before { background-image: url("/img/icons/amenities/bath-mat.png?v=HwZIUoLCvlDy2Zaxi26N_NFvaME"); }
.label-bath-towel:before { background-image: url("/img/icons/amenities/bath-towel.png?v=GT1_g4IgnX0VLIZ8T4Fy3Dahj5o"); }
.label-beach:before { background-image: url("/img/icons/amenities/beach.png?v=r0rihIqRWH7-NfmbPWYNYSPQuCQ"); }
.label-bed:before { background-image: url("/img/icons/amenities/bed.png?v=ubfmGacbhkm6wI_xVFxWeX9XS3w"); }
.label-bike-share:before { background-image: url("/img/icons/amenities/bike-share.png?v=aIpKm2l5kh_FfreJbIWaMYyED3Q"); }
.label-blanket:before { background-image: url("/img/icons/amenities/blanket.png?v=G2Y10CTM0FL73cpCKvqPrQifGqk"); }
.label-body-lotion:before { background-image: url("/img/icons/amenities/body-lotion.png?v=kuQW9KVcrEmEDjTrakIRiWSAq0g"); }
.label-body-wash:before { background-image: url("/img/icons/amenities/body-wash.png?v=GNmXhEjj2sM18-BJv16b7g-ONb8"); }
.label-breakfast:before { background-image: url("/img/icons/amenities/breakfast.png?v=KC8mArROcsgCilGdPBy65JrG8yM"); }
.label-business-center:before { background-image: url("/img/icons/amenities/business-center.png?v=GqD6U0lE0g4fIvweaL7XCrlLa0M"); }
.label-calendar:before { background-image: url("/img/icons/amenities/calendar.png?v=fTijITCp-w1Zxw_q-USkKcCavVc"); }
.label-capacity-chart:before { background-image: url("/img/icons/amenities/capacity-chart.png?v=dkTrdjZfqXmm5GoaT1pQhkgQGa8"); }
.label-car-rental:before { background-image: url("/img/icons/amenities/car-rental.png?v=tYLXLqLAoGlfTAbwsTox99cdiao"); }
.label-cart:before { background-image: url("/img/icons/amenities/cart.png?v=DomIBjiKJjZFt-FtnoqFy-3V_Qk"); }
.label-casino:before { background-image: url("/img/icons/amenities/casino.png?v=r5XLonasqjfPUeVBf3QBGWXdotk"); }
.label-chat:before { background-image: url("/img/icons/amenities/chat.png?v=ph8LtBHsNNdtTehRh78l2l8neBU"); }
.label-check-in:before { background-image: url("/img/icons/amenities/check-in.png?v=Hlnk3IF6kmgeCxxc9viRMakS7DE"); }
.label-check-out:before { background-image: url("/img/icons/amenities/check-out.png?v=S1Lw5ipIpljbClm8ABZLP1G6ffo"); }
.label-cigar-bar:before { background-image: url("/img/icons/amenities/cigar-bar.png?v=i3eEcC2FWlNwBEsTBx8P4BlUWP0"); }
.label-city:before { background-image: url("/img/icons/amenities/city.png?v=Ib3ITaiztbfmQheM0quIKGRehl8"); }
.label-clock:before { background-image: url("/img/icons/amenities/clock.png?v=fX5xVxrBb_d6jlRiNAGihnTjEA0"); }
.label-comb:before { background-image: url("/img/icons/amenities/comb.png?v=p4k3SyK4ENyLJAuCLtPn6F4Z9jA"); }
.label-concierge-lounge:before { background-image: url("/img/icons/amenities/concierge-lounge.png?v=q4H8hbqblkmPmPvg82zaVPHbRtw"); }
.label-concierge:before { background-image: url("/img/icons/amenities/concierge.png?v=Fqmb9YQzrUhsB8Q9FOBClNYOUgQ"); }
.label-conditioner:before { background-image: url("/img/icons/amenities/conditioner.png?v=lmp_OYCZbsjN5Z2alsAB-E8zTqI"); }
.label-currency:before { background-image: url("/img/icons/amenities/currency.png?v=_KULyZMM3tBYcLFr-qTkz9_m_5o"); }
.label-dental-kit:before { background-image: url("/img/icons/amenities/dental-kit.png?v=h6mLt54r8mhWYPieFfdkSXbsCk4"); }
.label-device-cast:before { background-image: url("/img/icons/amenities/device-cast.png?v=p-kRDxOHOSeYowhjnq3Oa-8wSxU"); }
.label-dining-chopsticks-02:before { background-image: url("/img/icons/amenities/dining-chopsticks-02.png?v=36MTkNxFg6z69Z5IlmGhcc78Wkg"); }
.label-dining:before { background-image: url("/img/icons/amenities/dining.png?v=RK_5rwl8lj9De2jbG74kt04JEVw"); }
.label-directions:before { background-image: url("/img/icons/amenities/directions.png?v=3iS-dZCkhk0SkXurJLLZwrre7bs"); }
.label-do-not-disturb:before { background-image: url("/img/icons/amenities/do-not-disturb.png?v=hlRNq7cM6uCbnvugnkPmzfeW-BI"); }
.label-dry-cleaning:before { background-image: url("/img/icons/amenities/dry-cleaning.png?v=oCxQ8h_9CNsBKU2CxJi9Di_WRVQ"); }
.label-early-check-in:before { background-image: url("/img/icons/amenities/early-check-in.png?v=pfI5thSN4ZsYgtJLsYdT3Xw3oYs"); }
.label-ev-charging-station:before { background-image: url("/img/icons/amenities/ev-charging-station.png?v=ly9J5Xa7WYI6chThoIvRIqEOhwM"); }
.label-events:before { background-image: url("/img/icons/amenities/events.png?v=iCyHHSSpwxFgDfhnuDQuXgUDBAo"); }
.label-extra-towels:before { background-image: url("/img/icons/amenities/extra-towels.png?v=1DPbtS_MaBbcCDqq0xKManDonJc"); }
.label-family-travel:before { background-image: url("/img/icons/amenities/family-travel.png?v=EjfIbdV2yLmS1xYbhUNTRWIms24"); }
.label-feather-free:before { background-image: url("/img/icons/amenities/feather-free.png?v=jED9UMiut7fKuWi7iQAPKLjp1ws"); }
.label-feather-pillow:before { background-image: url("/img/icons/amenities/feather-pillow.png?v=xAqZz2m4e_SWK6SncwmueYXuwoM"); }
.label-fingerprint:before { background-image: url("/img/icons/amenities/fingerprint.png?v=uylIv5Ny6ROOiEC7Sg5PLUJ8gEA"); }
.label-fitness-center:before { background-image: url("/img/icons/amenities/fitness-center.png?v=7Jd5f-A-5GA7l3MH7a6NCln2DgI"); }
.label-foam-pillow:before { background-image: url("/img/icons/amenities/foam-pillow.png?v=Q3rxh5gREQ19A1GvJNM5Crelrco"); }
.label-free-beach-access:before { background-image: url("/img/icons/amenities/free-beach-access.png?v=J6US7IaBmCOAifv-9oRgyLXkPnI"); }
.label-gift:before { background-image: url("/img/icons/amenities/gift.png?v=yuRtBv0vOSISgFwdrkcwOJ5Zzfo"); }
.label-globe:before { background-image: url("/img/icons/amenities/globe.png?v=optNqljH0RQ4hzUl4vkWdk1QkCI"); }
.label-golf:before { background-image: url("/img/icons/amenities/golf.png?v=zzn9FYrQa9qm0dHs1C5oTwVc9gg"); }
.label-guest-room-entertainment:before { background-image: url("/img/icons/amenities/guest-room-entertainment.png?v=ZN7wj99eGgekHxoo3iDxqTfe868"); }
.label-hand-towels:before { background-image: url("/img/icons/amenities/hand-towels.png?v=Hp6Wa5Q5FRrPtHiiJrjgLBP6FKo"); }
.label-hangers:before { background-image: url("/img/icons/amenities/hangers.png?v=7t1aWY71_zKBTA1vCldiQqCx7Dg"); }
.label-help:before { background-image: url("/img/icons/amenities/help.png?v=7oGYsQAn5v9EAHdclxNdV96V7RA"); }
.label-high-floor:before { background-image: url("/img/icons/amenities/high-floor.png?v=9gvRZV4yx8ogf9KGTVFki3Zb4Jk"); }
.label-iconic-landmark:before { background-image: url("/img/icons/amenities/iconic-landmark.png?v=ZxrmWkCzZIAXu2JqiiSF3Yw87qg"); }
.label-join-now:before { background-image: url("/img/icons/amenities/join-now.png?v=5PlO1hGYLsPdSQXTkN0G_pCoLaE"); }
.label-keyless-entry:before { background-image: url("/img/icons/amenities/keyless-entry.png?v=bcu9IBTLi-QaxXxWh2PBPPhXkQo"); }
.label-kids-activities:before { background-image: url("/img/icons/amenities/kids-activities.png?v=vih2uBZgQo2ZFIo_CRvCt1Ar4kE"); }
.label-kitchen:before { background-image: url("/img/icons/amenities/kitchen.png?v=6n57jUqix0DRE_0Hv3bvQKY8JEc"); }
.label-late-check-out:before { background-image: url("/img/icons/amenities/late-check-out.png?v=dZfMlRIH88O6Fb2vaE4YSq3PxVg"); }
.label-laundry-services:before { background-image: url("/img/icons/amenities/laundry-services.png?v=giMQ7DZOLYWuJavPTVU60W_erTg"); }
.label-location:before { background-image: url("/img/icons/amenities/location.png?v=fUmyiv9RljS41hSHdzk5z_4BhtI"); }
.label-low-floor:before { background-image: url("/img/icons/amenities/low-floor.png?v=3yshpBS5uI1qcYo0B0NjkW_-P0s"); }
.label-luggage:before { background-image: url("/img/icons/amenities/luggage.png?v=TokHwCydmY4MRGN0_OikNJQTe1I"); }
.label-maid-service:before { background-image: url("/img/icons/amenities/maid-service.png?v=xxHyoxpS6dEOQezovASkEgb8w-w"); }
.label-make-a-green-choice:before { background-image: url("/img/icons/amenities/make-a-green-choice.png?v=4o3_TWzVMMjja_PDNI44q-aTnAg"); }
.label-map:before { background-image: url("/img/icons/amenities/map.png?v=MgIALEKZcFbYaLAe88D4wFCn5iQ"); }
.label-meeting-space:before { background-image: url("/img/icons/amenities/meeting-space.png?v=G-zZPH-kTxYMGs5JruLLwEsW1YM"); }
.label-mini-bar:before { background-image: url("/img/icons/amenities/mini-bar.png?v=63cT9k8F9Cw36H0DjXuqFP_Yhdw"); }
.label-movie-theater:before { background-image: url("/img/icons/amenities/movie-theater.png?v=OMhFmAe3E8SBqhLZzFNugZApV4o"); }
.label-near-elevator:before { background-image: url("/img/icons/amenities/near-elevator.png?v=8ti3NrsYEXBVvlmwwjhkXX6SaMM"); }
.label-nearby:before { background-image: url("/img/icons/amenities/nearby.png?v=f26HsswNvlD2Ng-38nY5HU-sWBk"); }
.label-no-parking:before { background-image: url("/img/icons/amenities/no-parking.png?v=4DMR57EfnYXdyHOaU8HiZAKSVvM"); }
.label-opt-out:before { background-image: url("/img/icons/amenities/opt-out.png?v=nPbTyFPRDwJD52h2L23aiS7VMbc"); }
.label-outdoor-grill:before { background-image: url("/img/icons/amenities/outdoor-grill.png?v=J2PajIn653y5fUsfj2X0IovnkCM"); }
.label-overview:before { background-image: url("/img/icons/amenities/overview.png?v=VamVOBic8jld5GI_SfB-wCJ3TkU"); }
.label-parking-package:before { background-image: url("/img/icons/amenities/parking-package.png?v=T9LxL6fOacOtmwiqlbEetvKtGvI"); }
.label-parking:before { background-image: url("/img/icons/amenities/parking.png?v=7z_cXXsqzJz30PVBYFTzDVqdiaI"); }
.label-pet-friendly:before { background-image: url("/img/icons/amenities/pet-friendly.png?v=cUGeAgTT8nQinn_RLcKRIj_0OSE"); }
.label-plug-in-panel:before { background-image: url("/img/icons/amenities/plug-in-panel.png?v=2RVsOh4ftIiuiA2Igz4duyQ-2yo"); }
.label-pool:before { background-image: url("/img/icons/amenities/pool.png?v=qJpyGfwg0p-5lx6NYAFJwqTfRtM"); }
.label-power-supply:before { background-image: url("/img/icons/amenities/power-supply.png?v=I3YFeVETUz1btoioc4wTSd69zdg"); }
.label-private-garden:before { background-image: url("/img/icons/amenities/private-garden.png?v=_7K8rdFVFXdfv6i7ZubO09XingU"); }
.label-promotion-achieved:before { background-image: url("/img/icons/amenities/promotion-achieved.png?v=kIaYWquYSkc5ZhpG-9K4yI4uYy0"); }
.label-restaurant-on-site:before { background-image: url("/img/icons/amenities/restaurant-on-site.png?v=FG1ChwZSdaC2BX0fBwYzmTxa8S0"); }
.label-ritz-kids:before { background-image: url("/img/icons/amenities/ritz-kids.png?v=mmD2NjrcJZZtXE0NfkwaHyDyPWo"); }
.label-robe:before { background-image: url("/img/icons/amenities/robe.png?v=mmD2NjrcJZZtXE0NfkwaHyDyPWo"); }
.label-rollaway-bed-or-cot:before { background-image: url("/img/icons/amenities/rollaway-bed-or-cot.png?v=jbk932lSMRGR8js-K0xnE0IuAtU"); }
.label-rollaway-crib:before { background-image: url("/img/icons/amenities/rollaway-crib.png?v=w94m6s3uT2SRl9Mdmrmns9HLYCY"); }
.label-room-ready-alerts:before { background-image: url("/img/icons/amenities/room-ready-alerts.png?v=nRvTe0gOkKyw92uXEwK7CSuq9oA"); }
.label-room-ready:before { background-image: url("/img/icons/amenities/room-ready.png?v=vrwVwca2wZasv60NLQEJOZhgieM"); }
.label-room-service:before { background-image: url("/img/icons/amenities/room-service.png?v=hspFLtNvjYqGg8SZhM4Q3CjaNYY"); }
.label-shampoo:before { background-image: url("/img/icons/amenities/shampoo.png?v=B0GME68TSwSLzo6E8w-Ljl8l63g"); }
.label-shaving-kit:before { background-image: url("/img/icons/amenities/shaving-kit.png?v=IvWzpzlylSylGZJSiMPdFiFqCkc"); }
.label-sheet-set:before { background-image: url("/img/icons/amenities/sheet-set.png?v=2YNzbfGDa5_A-k5g-iYWxPL3Kzw"); }
.label-shield:before { background-image: url("/img/icons/amenities/shield.png?v=DaBJZD3tyT-Bp-mvxyiGUzFeI9E"); }
.label-shoe-shine:before { background-image: url("/img/icons/amenities/shoe-shine.png?v=35XPdBWgqB4AGjJZUteFzfqX5tQ"); }
.label-shower-cap:before { background-image: url("/img/icons/amenities/shower-cap.png?v=DJZ79-rtxLVfdbedoZ7KaCn_6bQ"); }
.label-shuttle:before { background-image: url("/img/icons/amenities/shuttle.png?v=TGP5CjtIkFkVsk7AQ7t4U0vyyy4"); }
.label-skiing:before { background-image: url("/img/icons/amenities/skiing.png?v=J8uWPQ6wR6hZe6nlcOWgROvQiRk"); }
.label-slippers:before { background-image: url("/img/icons/amenities/slippers.png?v=IfVZpiH9TAFUA3KXlabb-22nnFY"); }
.label-smart-tv:before { background-image: url("/img/icons/amenities/smart-tv.png?v=2rGkXlY1L8NA2vst_y2bKJJiA2k"); }
.label-soap:before { background-image: url("/img/icons/amenities/soap.png?v=zdBW6WumW1yRDB9Awiu3Af-IaPk"); }
.label-spa:before { background-image: url("/img/icons/amenities/spa.png?v=vWTyk-QYZak4vTh4PykHqDscNdA"); }
.label-stay-dates:before { background-image: url("/img/icons/amenities/stay-dates.png?v=rxTh3_gkVqjhjhaIPBHheb1Z4dc"); }
.label-tag:before { background-image: url("/img/icons/amenities/tag.png?v=D926Xh7sXoby_PEmE67UIQsZiyw"); }
.label-tennis:before { background-image: url("/img/icons/amenities/tennis.png?v=2RKgjW3bn8ylCaaFSTVSIMhW9Y8"); }
.label-towel-set:before { background-image: url("/img/icons/amenities/towel-set.png?v=-MiNXPajZEec0Ye6m-T4pKZi0Rw"); }
.label-transportation:before { background-image: url("/img/icons/amenities/transportation.png?v=m_5GpRvHcXAA31dd7JMhuAt1QSg"); }
.label-universal-access:before { background-image: url("/img/icons/amenities/universal-access.png?v=Z_7s4Mf3stN1R8_v-0iyysirzO8"); }
.label-upgrade-requested-left:before { background-image: url("/img/icons/amenities/upgrade-requested-left.png?v=FKZ1vZDpYtGK5j6NXEbkgHUG8c8"); }
.label-upgrade-requested:before { background-image: url("/img/icons/amenities/upgrade-requested.png?v=XYJc22kpplwUlg3AAzWBREGU5iA"); }
.label-valet:before { background-image: url("/img/icons/amenities/valet.png?v=5MH6B9jZctAqz8SBkfTeWDYZUDU"); }
.label-vanity-kit:before { background-image: url("/img/icons/amenities/vanity-kit.png?v=MWirqHeYHMkxCn0lNiMVOYgLnew"); }
.label-wake-up-call:before { background-image: url("/img/icons/amenities/wake-up-call.png?v=BinpuHA1N2F-Z9vJhNoHRYGWDBI"); }
.label-washcloth:before { background-image: url("/img/icons/amenities/washcloth.png?v=APdHq04dRroYIWVX3NwGeKTGMsY"); }
.label-wedding-planner:before { background-image: url("/img/icons/amenities/wedding-planner.png?v=YtHVgwhhLoCBOJ9sLwejL-ZGIac"); }
.label-wifi:before { background-image: url("/img/icons/amenities/wifi.png?v=3oxSZQlwfTnff-0jdmdBSZ9LmPY"); }
.label-wine-tasting:before { background-image: url("/img/icons/amenities/wine-tasting.png?v=P90A-EvCl64-4AwDRiCowVqehK8"); }
.label-bed2:before { background-image: url("/img/icons/amenities/bed2.png?v=6YX1p-XuIVszH2YM-0FmyrAHTR4"); }
.label-border-style:before { background-image: url("/img/icons/amenities/border-style.png?v=1fLPQXdy-BDovsh46__ZuIuI_Is"); }
.label-first-page:before { background-image: url("/img/icons/amenities/first-page.png?v=4R8mk1xgOnFOYA5ZqN8fsRz7HB8"); }
.label-last-page:before { background-image: url("/img/icons/amenities/last-page.png?v=7V1C18e5WdktXjUQx3fEmslvzCQ"); }
.label-location-on:before { background-image: url("/img/icons/amenities/location-on.png?v=uIMDbwvkLmRp3pOQCYYzM46MhcA"); }
.label-preferred-class:before { background-image: url("/img/icons/amenities/preferred-class.png?v=Dx4v4IxH5jWaq7lngop4lKFKZK4"); }
.label-savings:before { background-image: url("/img/icons/amenities/savings.png?v=ycU0k0PIGYrbzVSUqs72YaH8ePE"); }
.label-thumb-up:before { background-image: url("/img/icons/amenities/thumb-up.png?v=cu29SwjjZ62EIrdjK0IXYP9qIEM"); }

/* ------------- End Labels ------------------*/
/* ------------- Header ----------------------*/
#global-header {
    position: fixed;
    width: 100%;
    height: 54px;
    left: 0px;
    top: 0px;
    background: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
    z-index: 12;
}

/*body {
    padding-top: 55px;
}*/

body.no-scroll {
    overflow: hidden;
}

#blackbar {
    position: absolute;
    height: 5px;
    left: 0px;
    right: 0px;
    top: 0px;
    background: #1C1C1C;
}

#button-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 50px;
    height: 49px;
    left: 0px;
    top: 5px;
    cursor: pointer;
}

    #button-menu img {
        width: 18px;
        height: 18px;
        position: absolute;
        left: 16px;
        top: 15.5px;
    }

#logo-nav {
    position: absolute;
    width: 85px;
    height: 49px;
    left: 50px;
    top: 5px;
    background: url("/img/globalHeader/logoNav-small.png?v=Yd8-8o5rKgflhHQ8R5SS1cyTQc4") no-repeat, #1c1c1c;
    background-size: contain;
}

#logo {
    position: relative;
    display: block;
    width: 127px;
    height: 50px;
    left: 50px;
    top: 5px;
    background: url("/img/globalHeader/marriott-logo-white.png?v=pipz5SJSCPzCjJb9cZ3bA8TJ6SQ") no-repeat, #1c1c1c;
    background-size: 85%;
    background-position: center;
}

#menu-container {
    display: none;
    z-index: 5;
    background: #FFFFFF;
    position: absolute;
    top: 54px;
    height: calc(100vh - 54px);
    width: 100%;
}

#nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    position: absolute;
    width: calc(100% - 32px);
    height: 208px;
    top: 40px;
    left: 21px;
}

    #nav-list .nav-item {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 0px;
        width: 100%;
        height: 52px;
        border-bottom: 1px solid #C4C4C4;
    }

        #nav-list .nav-item .text-label {
            width: calc(100% - 20px);
            height: 20px;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            /* or 150% */

            letter-spacing: 0.015em;
            /* System/Base/base-10 */

            color: #1C1C1C;
        }

        #nav-list .nav-item .nav-arrow {
            width: 20px;
            height: 20px;
        }

        #nav-list .nav-item .arrow-right {
            left: 35.79%;
            right: 33.33%;
            top: 25%;
            bottom: 25%;
        }
/* ------------- End Header ------------------*/

/* --------------- Heros ---------------------*/
    #hero-container {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #hero-container.hub {
        margin-bottom: 24px;
    }

    #hero-container #hero-image {
        width: 100%;
        height: 455px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    #hero-container.hotel-brand #hero-image,
    #hero-container.hotel-location #hero-image,
    #hero-container.destination-listing #hero-image {
        height: 273px;
    }

    #hero-container #hero-image .scrim {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.54) 22.61%, rgba(0, 0, 0, 0.62) 100%);
    }

    #hero-container.destination-listing #hero-image .scrim,
    #hero-container.category #hero-image .scrim,
    #hero-container.hotel-brand #hero-image .scrim,
    #hero-container.hotel-location #hero-image .scrim{
        background: none;
    }

    #hero-container .logo-band {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #1C1C1C;
        background-position: center;
        background-size: auto 56px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #FF8D6B;
    }

    #hero-container #hero-image .caption {
        text-align: right;
        color: #FFF;
        font-size: 12px;
        line-height: 14px;
        background: rgba(28, 28, 28, 54%);
        border-radius: 4px;
        position: relative;
        right: 12px;
        top: calc(100% - 28px);
        padding: 4px 8px;
        float: right;
    }

    #hero-container.hotel-brand #hero-image .caption,
    #hero-container.hotel-location #hero-image .caption {
        top: calc(100% - 32px);
    }

    .has-copy #copy-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: calc(100% - 32px);
        max-width: 413px;
        height: 176px;
        position: absolute;
        left: 16px;
        bottom: 136px;
    }

    .category #copy-container {
        position: static;
        width: 100%;
        height: unset;
        max-width: unset;
        padding: 40px 16px;
        box-sizing: border-box;
    }

    .hotel-brand #copy-container,
    .hotel-location #copy-container,
    .destination-listing #copy-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
        position: static;
        height: unset;
    }

    #hero-title {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        width: calc(100% - 32px);
        margin: 0;
    }

    .has-copy #hero-title,
    .has-copy #hero-text {
        display: block;
        color: #fff;
    }

    .hotel-brand #hero-title,
    .hotel-location #hero-title,
    .destination-listing #hero-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 12px;
        color: #000;
    }

    .category #hero-title {
        font-size: 30px;
    }

    .category #hero-title,
    .category #hero-text {
        color: #1C1C1C;
        width: 100%;
    }

    .category #copy-container .button {
        display: none;
    }

    .hotel-brand #hero-title::before,
    .hotel-location #hero-title::before,
    .destination-listing #hero-title::before {
        content: "";
        height: 24px;
        width: 100%;
        border-top: 1px dashed #FF8D6B;
    }

    .hotel-brand #hero-title::after,
    .hotel-location #hero-title::after,
    .destination-listing #hero-title::after {
        content: "";
        height: 16px;
        border-bottom: 1px solid #FF8D6B;
        width: 48px;
    }

    #hero-text {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.015em;
        margin-bottom: 16px;
        width: calc(100% - 32px);
    }

    .hotel-brand #hero-text,
    .hotel-location #hero-text,
    .destination-listing #hero-text {
        color: #000;
    }
/* ------------- End Heros -------------------*/
/* ------------- Booking Banner --------------*/
.back-button {
    display: none;
    flex-direction: row;
    align-items: center;
    align-self: flex-start;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 16px;
    left: 8px;
}

    .back-button img {
        width: 24px;
        height: 25px;
    }

    .open .back-button {
        display: flex;
    }

div.booking-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    position: relative;
    left: 16px;
    width: calc(100% - 66px);
    height: 122px;
    top: -48px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

    div.booking-widget.open {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 13;
        width: 100%;
        max-width: 100vw;
        height: 100%;
        box-sizing: border-box;
        border-radius: 0;
        box-shadow: none;
        gap: 16px;
        align-items: center;
        border: none;
        padding: 72px 16px 100px;
        overflow: hidden auto;
    }

    div.booking-widget.hub:not(.open) {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 24px 16px;
        gap: 16px;
        position: fixed;
        width: 100%;
        height: 94px;
        left: 0;
        top: 55px;
        background: #FFFFFF;
        border: none;
        border-bottom: 1px solid #EEEEEE;
        border-radius: 0;
        z-index: 4;
        box-sizing: border-box;
    }


    .booking-widget .hotel-flight-container {
        height: 124px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
}

        .booking-widget .pills, .booking-widget .hotel-flight-container .dates .find-my-vacation {
            display: none;
        }

    .booking-widget.open .pills, 
    .booking-widget.open .hotel-flight-container .dates .find-my-vacation {
        display: flex;
        align-self: center;
    }

    .booking-widget .find-my-vacation {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 332px;
        height: 52px;
        position: fixed;
        bottom: 32px;
    }

.find-my-vacation:focus {
    border: 3px solid #FFFFFF;
    margin-right: -3px;
}

    .booking-widget.open .pills,
    .booking-widget.open .hotel-flight-container,
    .booking-widget.open .locations,
    .booking-widget.open .dates {
        flex-direction: column;
        gap: 16px;
        height: 378px;
        flex-basis: 68px;
        width: 100%;
        justify-content: flex-start;
    }

.booking-widget.hub:not(.open) .hotel-flight-container,
.booking-widget.hub:not(.open) .dates {
    display: flex;
    flex-direction: row;
    padding: 0px;
    gap: 8px;
    width: 150px;
    height: 46px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
}

.booking-widget.hub:not(.open) .date-wrapper {
    padding-left: 16px;
    border-left: 1px dashed #C4C4C4;
}

    .booking-widget.open .pills {
        padding: 0px;
        gap: 8px;
        width: 100%;
        height: 136px;
        border-bottom: 1px dashed #C4C4C4;
    }

    .booking-widget.open .pill {
        height: 40px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    .booking-widget.open .locations {
        height: 249px;
        padding: 0;
    }

    .booking-widget.open .locations div {
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid #707070;
    }

input[id^=booking-widget][id$=-origin]:focus,
input[id^=booking-widget][id$=-destination]:focus,
input[id^=booking-widget][id$=-date]:focus {
    margin-top: -2px;
    border: 2px solid #1C1C1C;
    border-radius: 4px;
}

    .booking-widget.hub .locations div:first-of-type {
        display: none;
    }

    .booking-widget.hub.open .locations div:first-of-type {
        display: flex;
    }

    .booking-widget.open .find-my-vacation {
        display: flex;
    }

.booking-widget .locations {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 16px;
    gap: 16px;
    width: 100%;
    height: 46px;
    border-bottom: 1px dashed #C4C4C4;
}

.booking-widget.no-flight .locations div:first-of-type,
.booking-widget.hub.no-flight .locations div:first-of-type {
    display: none;
}

    .booking-widget.hub .locations {
        width: 150px;
        border-bottom: none;
    }

    .booking-widget.hub.open .locations {
        width: 100%;
    }

        .booking-widget .locations div {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 160px;
            height: 52px;
            overflow: hidden;
        }

        .booking-widget.hub .locations div {
            width: 100%;
        }

.booking-widget .locations label, div#hws-container .hws-heading {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 73px;
            height: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #1C1C1C;
        }

        .booking-widget .locations input,
.booking-widget .dates input, div#hws-container .hws-subheading {
            width: 100%;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
        }

        .booking-widget .dates {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            width: 100%;
            justify-content: space-between;
        }

            .booking-widget .dates > div {
                display: flex;
                flex-direction: column;
                gap: 8px;
            }

            .booking-widget.open .dates .date-wrapper {
                width: 100%;
                border-bottom: 1px solid #1C1C1C;
                padding-bottom: 16px;
            }

            .booking-widget .date-label {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 0px;
                gap: 8px;
                width: 73px;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;

                letter-spacing: 0.1em;
                text-transform: uppercase;

                color: #1C1C1C;
            }


.booking-widget.expanded:not(.open) .select-options, 
.booking-widget:not(.open) .select-options, 
.booking-widget .select-options,
.booking-widget .select-option {
    display: none;
}

    .booking-widget.expanded.open .select-options, .booking-widget .select-option.open {
        display: flex;
        cursor: pointer;
        align-self: center;
        width: 100%;
    }

            .booking-widget.expanded .select-options {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 8px 0px 0px;
                gap: 16px;
                width: 332px;
                padding-bottom: 12em;
            }

                .booking-widget.open.expanded .select-option.open {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: flex-start;
                    padding: 4px 16px;
                    gap: 8px;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 20px;
                    box-sizing: border-box;
                }

                .booking-widget .select-option span {
                    height: 24px;
                    width: 24px;
                    background-image: url("/img/icons/chevron-down.svg?v=INmdQGO4j0eTMlBuups63nSoxhI");
                    background-position: center;
                    
                }

.airport-selection {
    display: none;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 72px 16px 40px;
    gap: 16px;
    position: fixed;
    height: 100%;
    max-height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 13;
}

.airport-selection.open {
    display: flex;
}

    .airport-selection .content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 0px;
        gap: 24px;
        overflow: hidden auto;
        border-bottom: 1px solid #C4C4C4;
    }

        .airport-selection .content-wrapper .location-select-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            padding: 0px 0px 16px;
            gap: 8px;
            height: 62px;
            border-bottom: 2px solid #1C1C1C;
        }

            .airport-selection .origin-label,
            .airport-selection .destination-label {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 0px;
                gap: 8px;
                width: 73px;
                height: 16px;
            }

                .airport-selection .origin-label img,
                .airport-selection .destination-label img {
                    width: 16px;
                    height: 16px;
                }

                .airport-selection .origin-label label,
                .airport-selection .destination-label label {
                    width: 49px;
                    height: 16px;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 16px;
                    letter-spacing: 0.1em;
                    text-transform: uppercase;
                    color: #1C1C1C;
                }

            .airport-selection .content-wrapper .location-select-wrapper input {
                width: 332px;
                font-style: normal;
                font-weight: 400;
                font-size: 18px;
                line-height: 22px;
            }

        .airport-selection .content-wrapper .search-list {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            padding: 0px;
        }

            .airport-selection .content-wrapper .search-list .nearest-airports {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: 100%;
                padding: 0px;
            }

                .airport-selection .content-wrapper .search-list .nearest-airports .airport-label,
                .airport-selection .region-list-label {
                    height: 16px;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 16px;
                    letter-spacing: 0.1em;
                    text-transform: uppercase;
                    color: #707070;
                }

                .airport-selection .content-wrapper .search-list .nearest-airports .airport-list {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    align-self: center;
                    width: 100%;
                    padding: 0px;
                    gap: 4px;
                }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        padding: 16px;
                        gap: 16px;
                        height: 92px;
                    }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports img {
                        width: 80px;
                        height: 60px;
                        border-radius: 8px;
                    }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .all-airports-text {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        padding: 0px;
                        width: 204px;
                        height: 60px;
                    }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .title-code {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        padding: 0px;
                        gap: 8px;
                        width: 204px;
                        height: 40px;
                    }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .text-title {
                        width: 164px;
                        height: 40px;

                        font-style: normal;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 20px;
                        text-transform: capitalize;
                        color: #1C1C1C;
                    }

                    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .text-description {
                        width: 68px;
                        height: 20px;

                        font-style: normal;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 20px;
                        color: #707070;
                    }

    [id$='origin-selection'] .airport-selection .airport-list > div {
        border-bottom: 1px solid #C4C4C4;
    }
.airport-selection .airport-list .airport-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    gap: 16px;
    width: 100%;
    height: 72px;
    border-bottom: 1px dashed #C4C4C4;
}

    .airport-selection .airport-list .airport-result img {
        width: 24px;
        height: 24px;
    }

        .airport-selection .airport-list .airport-result .text-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 0px;
            width: 100%;
            height: 40px;
        }

        .airport-selection .airport-list .airport-result .title-code {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 20px;
        }

            .airport-selection .airport-list .airport-result .title-code .text-title {
                width: 224px;
                height: 20px;
                
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                text-transform: capitalize;
                color: #1C1C1C;
                white-space: nowrap;
                overflow: hidden;
            }

            .airport-selection .airport-list .airport-result .title-code .text-code {
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #1C1C1C;
            }

            .airport-selection .airport-list .airport-result .text-description {
                width: 100%;
                height: 20px;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: #707070;
                white-space: nowrap;
                overflow: hidden;
            }

    .airport-selection .select-region {
        display: flex;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 348px;
        height: 163px;
        margin-top: 24px;
    }

        .airport-selection .select-region .region-list {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 484px;
            height: 139px;
            overflow-x: scroll;
        }

    .airport-selection .region-list .region {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 8px;
        gap: 4px;
    }

    .airport-selection .region img {
        width: 140px;
        height: 79px;
        border-radius: 8px;
        overflow: hidden;
    }

    .airport-selection .region .region-title {
        width: 140px;
        height: 20px;

        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
    }

    .airport-selection .clear-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 110px;
        height: 49px;
    }

        .airport-selection .clear-wrapper .clear-recent {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 2px;
            width: 78px;
            height: 17px;
            cursor: pointer;
        }

            .airport-selection .clear-wrapper .clear-recent div {
                width: 78px;
                height: 17px;
                
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                line-height: 17px;
                color: #1C1C1C;
            }

[id$='date-selection'] {
    display: none;
}

    [id$='date-selection'].open {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 54px 0px 140px;
        gap: 24px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100vw;
        background: #FFFFFF;
        overflow: hidden auto;
        z-index: 13;
    }

    [id$='date-selection'] .date-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0px;
        width: 100%;
        height: 192px;
    }

    [id$='date-selection'] .date-header .field-group {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        width: 100%;
        height: 100px;
        border-bottom: 1px dashed #C4C4C4;
    }

    [id$='date-selection'] .field-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0px;
        gap: 16px;
        width: 100%;
        height: 64px;
    }

    [id$='date-selection'] .departing-wrapper,
    [id$='date-selection'] .returning-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 0px 16px;
        gap: 8px;
        width: 158px;
        height: 64px;
        box-sizing: border-box;
        border-bottom: 2px solid #1C1C1C;
    }

        [id$='date-selection'] .departing-wrapper label,
        [id$='date-selection'] .returning-wrapper label {
            width: 79px;
            height: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #707070;
        }

        [id$='date-selection'] .departing-wrapper input,
        [id$='date-selection'] .returning-wrapper input {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 158px;
            height: 24px;
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
            color: #1C1C1C;
        }

    [id$='date-selection'] .departing-date,
    [id$='date-selection'] .returning-date {
        position: relative;
    }

.clear-button {
    visibility: hidden;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 96px;
    position: absolute;
    cursor: pointer;
}

[id$='date-selection'] .clear-button {
    right: 0;
    top: calc(50% - 12px);
}

    
    .has-value  .clear-button {
        visibility: visible;
    }

    [id$='date-selection'] .field-check {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 4px;
        width: 332px;
        height: 40px;
    }

        [id$='date-selection'] .field-check input {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

        [id$='date-selection'] .field-check label {
            width: 308px;
            height: 20px;
            cursor: pointer;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #1C1C1C;
        }

    [id$='date-selection'] .calendar-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0px 16px;
        gap: 40px;
        width: 100%;
        height: 772px;
        box-sizing: border-box;
    }

        [id$='date-selection'] .calendar-container .previous-month-button,
        [id$='date-selection'] .calendar-container .next-month-button {
            width: 40px;
            height: 40px;
            background-position: center;
            position: absolute;
            cursor: pointer;
        }

        [id$='date-selection'] .calendar-container .previous-month-button {
            display: block;
            background-image: url("/img/icons/chevron-left.svg?v=Gd7ADKmZ8lZkqS5sbnjcvnhwxBw");
        }

        [id$='date-selection'] .calendar-container .next-month-button {
            display: block;
            background-image: url("/img/icons/chevron-right.svg?v=EG6k5K8XknvKCC1C7r_ydGFOPbo");
        }

.flatpickr-calendar.inline {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    width: 332px;
    top: unset;
    max-height: unset;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    box-shadow: unset;
    gap: 6px;
}

.flatpickr-months {
    flex-direction: row;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1C1C1C;
}

    .flatpickr-month {
        flex: 0 1 auto;
        width: 332px;
         display: flex;
        justify-content: center;
    }
 

.flatpickr-current-month, .flatpickr-current-month .flatpickr-monthDropdown-months {
    width: unset;
    position: unset;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1C1C1C;
}

    .flatpickr-current-month .numInputWrapper {
        width: 54px;
    }

    .flatpickr-current-month span.cur-month {
        font-weight: 400;
    }

    .flatpickr-current-month .numInput.cur-year {
        letter-spacing: 0.1em;
    }

.flatpickr-weekdays {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    height: 44px;
}

    .flatpickr-weekdaycontainer {
        width: 307.875px;
        max-width: 332px;
        display: flex;
        flex-direction: row;
        padding-left: 12px;
        gap: 25px;
    }

span.flatpickr-weekday, .flatpickr-day {
    width: 44px;
    height: 44px;
    max-width: unset;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.015em;
    color: #1C1C1C;
}

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
        color: #A0A0A0;
    }

span.flatpickr-day.inRange:focus {
    border-bottom: 3px solid #FF8D6B;
}

.flatpickr-innerContainer {
    width: 100%;
    justify-content: center;
}

.dayContainer, .dayContainer + .dayContainer {
    width: 332px;
    max-width: unset;
    justify-content: flex-start;
    gap: 4px 0;
    box-shadow: none;
    overflow: hidden;
    padding-top: 24px;
}

.rangeMode .flatpickr-day {
    margin-top: 0;
}

.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus,
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 50px;
    border-color: #C4C4C4;
    background: #1C1C1C;
}

    .flatpickr-day.selected + .flatpickr-day.selected:after,
    .flatpickr-day.selected + .flatpickr-day.endRange:hover:after,
    .flatpickr-day.startRange:hover + .flatpickr-day.selected:after {
        content: "";
        width: 44px;
        height: 44px;
        background: #C4C4C4;
        position: absolute;
        left: -23px;
        z-index: -2;
    }

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
    background: #C4C4C4;
    box-shadow: -5px 0 0 #C4C4C4, 23px 0 0 #C4C4C4;
    border-color: #C4C4C4;
    z-index: -1;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: -5px 0 0 #C4C4C4, 23px 0 0 #C4C4C4 !important; /* Eye for an eye */
}

.flatpickr-day.selected.startRange + .flatpickr-day.inRange,
.flatpickr-day.startRange + .flatpickr-day.inRange,
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.selected.startRange + .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: -23px 0 0 #C4C4C4, 23px 0 0 #C4C4C4 !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: 23px 0 0 #C4C4C4;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: none;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    height: 44px;
    padding: 0;
}

[id$='date-selection'] .calendar-container .previous-month-button,
[id$='date-selection'] .calendar-container .next-month-button {
    top: -2px;
}

[id$='date-selection'] .calendar-container .previous-month-button {
    left: -16px;
}

[id$='date-selection'] .calendar-container .next-month-button {
    right: -16px;
}


    [id$='date-selection'] .date-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16px 10px;
        gap: 10px;
        position: fixed;
        width: 364px;
        height: 72px;
        left: calc(50% - 364px/2);
        bottom: 0px;
        border-top: 1px solid #C4C4C4;
        background: #FFFFFF;
    }

        [id$='date-selection'] .date-footer .button-wrapper {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 9.5px 24px;
            width: 128px;
            height: 40px;
            cursor: pointer;
            background: #1C1C1C;
            border-radius: 100px;
        }


        [id$='date-selection'] .date-footer .button-label {
            width: 40px;
            height: 20px;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            text-align: center;
            color: #FFFFFF;
        }

[id$='traveler-selection'] {
    display: none;
}

    [id$='traveler-selection'].open {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100vw;
        padding: 72px 16px 112px;
        gap: 16px;
        z-index: 14;
        box-sizing: border-box;
        overflow-y: scroll;
        overflow-x: hidden;
        
    }

    [id$='traveler-selection'] .travelers-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
    }

    [id$='traveler-selection'] .travelers-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 24px;
    }

        [id$='traveler-selection'] .travelers-header div {
            width: 79px;
            height: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;

            letter-spacing: 0.1em;
            text-transform: uppercase;

            color: #707070;
        }

    [id$='traveler-selection'] .guest-count {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 24px 16px;
        box-sizing: border-box;
        width: 100%;
        gap: 16px;
    }

    [id$='traveler-selection'] .guest-count-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 284px;
        height: 40px;
    }

        [id$='traveler-selection'] .guest-count-wrapper .text-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 16px;
        }

    [id$='traveler-selection'] .text-container div,
    [id$='traveler-selection'] .room,
    [id$='traveler-selection'] .guest-type {
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        color: #1C1C1C;
    }

    [id$='traveler-selection'] .text-container div.count {
        font-size: 22px;
    }

    [id$='traveler-selection'] .text-container,
    [id$='traveler-selection'] .guest-type {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 100%;
        justify-content: space-between;
    }

    [id$='traveler-selection'] .guest-counter {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
        height: fit-content;
    }

    [id$='traveler-selection'] .guest-counter .count {
        font-size: 22px;
    }

        [id$='traveler-selection'] .guest-counter .minus,
        [id$='traveler-selection'] .guest-counter .plus {
            width: 40px;
            height: 40px;
            background-size: 24px;
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        [id$='traveler-selection'] .guest-counter .minus {
            background-image: url("/img/icons/minus.png?v=g3GB-ZQ3xll5AYpHGtRe-6kgEsA");
        }

        [id$='traveler-selection'] .guest-counter .plus {
            background-image: url("/img/icons/plus.png?v=5Bjr-VqLmjW0cJl4jbVeVEP1VQU");
        }

        [id$='traveler-selection'] .guest-counter .minus.disabled {
            opacity: 30%;
        }

    [id$='traveler-selection'] .rooms-wrapper {
        width: 100%;
    }

    [id$='traveler-selection'] .room-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        margin-bottom: 8px;
        gap: 8px;
    }

    [id$='traveler-selection'] .room {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px 24px;
        gap: 8px;
        width: 332px;
        height: 56px;
        justify-content: space-between;
        box-sizing: border-box;
        background: #EEEEEE;
        border-radius: 8px;
        cursor: pointer;
    }

        [id$='traveler-selection'] .room .room-toggle {
            background-image: url("/img/icons/chevron-down.svg?v=INmdQGO4j0eTMlBuups63nSoxhI");
            background-position: center;
            width: 24px;
            height: 24px;
        }

    [id$='traveler-selection'] .room-wrapper.open .room .room-toggle {
        background-image: url("/img/icons/chevron-up.svg?v=SHoH3RlpAXyE7xgtaBibvZWOBaM");
    }

            [id$='traveler-selection'] .room-wrapper .room ~ div {
                display: none;
            }

    [id$='traveler-selection'] .room-wrapper.open .room ~ div {
        display: flex;
    }
    [id$='traveler-selection'] .remove-room {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 24px;
        gap: 8px;
        height: 32px;
        box-sizing: border-box;
        cursor: pointer;
    }

    [id$='traveler-selection'] .remove-room div {
        display: block;
        width: 16px;
        height: 16px;
        background-image: url("/img/icons/cancel.svg?v=k9nilERu5G9q-ZhVaVCEQIORjjw");
        background-position: center;
        background-size: contain;
    }

            [id$='traveler-selection'] .remove-room span {
                height: 16px;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;

                letter-spacing: 0.03em;

                color: #1C1C1C;
            }

    [id$='traveler-selection'] .room-guests {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 24px;
        height: fit-content;
        gap: 16px;
        box-sizing: border-box;
    }

        [id$='traveler-selection'] .room-guests > div {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px 0px 16px;
            gap: 16px;
            width: 284px;
            height: fit-content;
            border-bottom: 1px solid #EEEEEE;
            box-sizing: border-box;
        }

        [id$='traveler-selection'] .room-guests .guest-type {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            padding: 0px;
            gap: 16px;
            width: 284px;
            height: fit-content;
        }

    [id$='traveler-selection'] .guest-type .title-wrapper {
        display: flex;
        flex-direction: column;
        gap: 4px;
        white-space: nowrap;
        height: fit-content;
        flex-wrap: wrap;
    }

    [id$='traveler-selection'] .guest-type .subtitle {
        height: 16px;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.03em;
        color: #707070;
    }

    [id$='traveler-selection'] .guest-type,
    [id$='traveler-selection'] .guest-type .count {
        font-size: 22px;
    }

    [id$='traveler-selection'] .guest-type .age-selectors {        
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
        width: 100%;
    }

.child-age-selector, .infant-age-selector {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    line-height: 20px;
}

.age-selectors option {
    font-size: 16px;
}

select#child-0-age {
}

.age-selectors select {
    font-size: 16px;
}

.age-selectors label {
    text-align: center;
}

.infant-travel > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    line-height: 24px;
}

    [id$='traveler-selection'] .add-room {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        padding: 8px;
        gap: 4px;
        width: 332px;
        height: 40px;
        box-sizing: border-box
    }

        [id$='traveler-selection'] .add-room .add-room-button {
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 17px;
            color: #1C1C1C;
            cursor: pointer;
        }

    [id$='traveler-selection'] .partial-hotel-check {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 0px;
        gap: 4px;
        width: 332px;
        height: 40px;
    }

    .partial-hotel-check input, .partial-hotel-check label,
    .travelers-footer{
        cursor: pointer;
    }

        [id$='traveler-selection'] .partial-hotel-check label {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #1C1C1C;
        }

[id$='traveler-selection'] .travelers-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 10px;
    gap: 10px;
    position: absolute;
    width: 364px;
    height: 72px;
    left: calc(50% - 364px/2);
    bottom: 0px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-top: 1px solid #C4C4C4;
    position: fixed;
}

    [id$='traveler-selection'] .footer-button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 9.5px 24px;
        width: 128px;
        height: 40px;
        background: #1C1C1C;
        border-radius: 100px;
        box-sizing: border-box;
    }

        [id$='traveler-selection'] .footer-button div {
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            display: flex;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
        }

.option-selection {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 72px 0px 40px;
    gap: 16px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    z-index: 13;
    background: #FFFFFF;
}

    .option-selection.open {
        display: flex;
    }

    .option-selection .back-button {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 8px 8px 8px 24px;
        width: 56px;
        height: 40px;
        box-sizing: border-box;
    }

    .option-selection .option-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 364px;
        height: 240px;
    }

    .option-selection .option-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 24px;
        width: 364px;
        height: 16px;
    }

        .option-selection .option-header div {
            height: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #707070;
        }

    .option-selection .options {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        width: 364px;
        height: 216px;
    }

    .option-selection .option {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 24px;
        width: 364px;
        height: 54px;
        cursor: pointer;
    }

        .option-selection .option > div {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 16px 0px;
            width: 316px;
            height: 54px;
            border-bottom: 1px solid #EEEEEE;
        }

        .option-selection .option div div {
            height: 22px;
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
            color: #1C1C1C;
        }

        .option-selection .option.selected,
        .option-selection .option:hover {
            background: #F4F4F4;
        }

/* ------------- End Booking Banner ----------*/
/* ------------- Cards -----------------------*/
.card, .card.slick-slide {
    width: 332px;
    height: 332px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    
    float: left;
    margin-right: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.22);
    background-color: #FFFFFF;
}

.card.destination-theme-offer-flight {
    height: 564px;
}

.card.hotel-brand-location-offer {
    height: 584px;
}

    .card.destination-theme-offer-flight .card-bg-image,
    .card.hotel-brand-location-offer .card-bg-image {
        height: 332px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card .scrim {
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
    }

    .card.hotel-brand .scrim {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 18.36%, rgba(0, 0, 0, 0.54) 43.85%, rgba(0, 0, 0, 0.62) 100%);
    }

    .card.hotel-location .scrim {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 30.18%, rgba(0, 0, 0, 0.54) 53.94%, rgba(0, 0, 0, 0.62) 100%);
    }

    .card.destination-theme-offer .scrim {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.54) 42.26%, rgba(0, 0, 0, 0.62) 100%);
    }

    .card.destination-theme-offer-flight .scrim {
        height: 332px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 22.33%, rgba(0, 0, 0, 0.54) 48.49%, rgba(0, 0, 0, 0.62) 100%);
    }

    .card.hotel-brand-location-offer .scrim {
        height: 332px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 27.71%, rgba(0, 0, 0, 0.54) 58.54%, rgba(0, 0, 0, 0.62) 100%);
    }

    .card .card-offerflag {
        position: relative;
        width: fit-content;
        padding: 0 16px;
        left: 16px;
        top: 16px;
        background: #FFFFFF;
        border-radius: 4px;
        margin: 0;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 32px;
        white-space: nowrap;
        letter-spacing: 0.1em;
        text-transform: uppercase;

        color: #1C1C1C;
    }

    .list-view .card-offerflag {
        left: 8px;
        top: 8px;
        padding: 0 8px;
        font-size: 8px;
        line-height: 16px;
        max-width: 72px;
        white-space: initial;
        border-radius: 2px;
    }

    .card.hotel-brand-location-offer .card-offerflag {
        color: #FFFFFF;
        background: #477D00;
    }

    .card .copy-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 24px;
    }

    .card.destination-theme-offer-flight .copy-container {
        gap: 8px;
        height: 104px;
    }

    .card.hotel-brand-location-offer .copy-container {
        height: 72px;
        gap: 4px;
    }

    .card .copy-container .card-eyebrow {
        width: 185px;
        height: 16px;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height, or 133% */

        display: flex;
        align-items: flex-end;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF;
    }

    .card.hotel-location .copy-container {
        height: 192px;
    }

    .card.destination-theme-offer .copy-container {
        height: 218px;
    }

    .listing-gallery .card.listing-gallery-card .scrim .copy-container {
        height: 160px;
    }

.card.listing-gallery-card .copy-container .card-label {
    text-transform: capitalize;
    letter-spacing: unset;
    font-size: 16px;
    line-height: 20px;
}

.grid-view span.nobr {
    white-space: nowrap;
}

        .card .copy-container .title-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-end;
            padding: 0px;
        }

        .card.hotel-location .copy-container .title-container {
            gap: 16px;
            width: 300px;
            height: 128px;
        }

        .card.destination-theme-offer .copy-container .title-container {
            gap: 8px;
            width: 271px;
            height: 154px;
        }

            .card .title-container .card-logo {
                width: 80px;
                min-height: 60px;
                background-size: contain;
                
            }

            .card .title-container .card-logo.logo-wide {
                width: 140px;    
            }

            .card .title-container .card-logo.logo-extrawide {
                width: 180px;   
            }

            .card.hotel-brand .card-logo {
                position: absolute;
                width: 189px;
                height: 189px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                left: calc(50% - 189px/2 - 0.5px);
                top: calc(50% - 189px/2 + 0.5px);
            }

            .card .copy-container .card-title {
                /*width: 300px;*/
                margin: 0;
                font-style: normal;
                font-weight: 400;
                font-size: 22px;
                line-height: 26px;
                /* or 118% */

                color: #FFFFFF;
            }

            .card.hotel-location .copy-container .card-title {
                width: 300px;
                height: 52px;
                margin: 0;
                font-style: normal;
                font-weight: 400;
                font-size: 22px;
                line-height: 26px;
                /* or 118% */

                color: #FFFFFF;
            }

            .card.destination-theme-offer .copy-container .card-title {
                width: 271px;
                font-family: 'Aldine721 BT';
                font-size: 30px;
                line-height: 36px;
                color: #FFFFFF;
            }

            .card.listing-gallery-card .copy-container .card-title {
                font-family: 'Swiss721 BT';
                font-size: 22px;
                line-height: 26px;
            }

            .card.destination-theme-offer-flight .copy-container .card-title {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            .card .copy-container .card-label {
                width: 271px;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 16px;
                margin: 0;
                letter-spacing: 0.1em;
                text-transform: uppercase;
                color: #FFFFFF;
            }

            .card .copy-container .card-subtitle {
                width: 300px;
                height: 20px;

                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                margin: 0;

                display: flex;
                align-items: flex-end;
                text-transform: capitalize;

                color: #FFFFFF;
            }

    .card .content-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        width: 332px;
        height: 232px;
     
        background: #FFFFFF;
        border-radius: 0px 0px 16px 16px;
    }

        .card .content-container .content-copy-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 16px;
        }


        .card .content-copy-container .header-text {
            margin: 0;
            width: 300px;
            height: 20px;

            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;

            display: flex;
            align-items: flex-end;

            color: #1C1C1C;
        }

            .card .content-copy-container .date-airport {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding: 0 0 16px 0;
                gap: 8px;
                width: 300px;
                height: 46px;
                border-bottom: 1px dashed #C4C4C4;
            }

            .card.hotel-brand-location-offer .content-copy-container .date-airport {
                height: 74px;
            }

                .card .content-copy-container .date {
                    width: 300px;
                    height: 22px;
                    margin: 0;

                    font-style: normal;
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 22px;
                    /* identical to box height, or 122% */

                    display: flex;
                    align-items: flex-end;
                    /* System/Base/base-10 */

                    color: #1C1C1C;
                }

                .card .content-copy-container .airport {
                    width: 300px;
                    height: 16px;
                    margin: 0;

                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 18px;

                    display: flex;
                    align-items: center;
                    letter-spacing: 0.1em;
                    text-transform: uppercase;
                    color: #707070;
                }

                .card .content-copy-container .description {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    padding: 0px;
                    gap: 16px;
                    width: 300px;
                    height: 66px;
                }

                .card.hotel-brand-location-offer .content-copy-container .description {
                    height: 58px;
                    gap: 8px;
                }

                .card .content-copy-container .description .card-label {
                    width: 300px;
                    height: 16px;
                    margin: 0;

                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 16px;
                    /* identical to box height, or 133% */

                    display: flex;
                    align-items: flex-end;
                    letter-spacing: 0.1em;
                    text-transform: uppercase;

                    /* System/Base/base-10 */

                    color: #1C1C1C;  
                }

                .card .content-copy-container .description .card-price {
                    display: flex;
                    flex-direction: row;
                    align-items: baseline;
                    padding: 0px;
                    gap: 8px;
                    margin: 0;
                    height: 34px;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 30px;
                    line-height: 34px;
                    display: flex;
                    align-items: flex-end;
                    letter-spacing: -0.05px;
                    color: #477D00;
                }

                .card .content-copy-container .description .card-price span {
                    font-size: 16px;
                    line-height: 20px;
                    color: #707070;
                }


            .card.destination-theme-offer .copy-container .card-price {
                font-style: normal;
                font-weight: 400;
                font-size: 30px;
                line-height: 34px;
                margin: 0;

                display: flex;
                align-items: flex-end;
                letter-spacing: -0.05px;
                /* System/Base/base-20 */

                color: #FFFFFF;
            }

                .card.destination-theme-offer .copy-container .card-price span {
                    font-size: 16px;
                    line-height: 20px;
                }


        .card .cta-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 32px;
            
            height: 40px;
            cursor: pointer;
        }

        .card.hotel-brand .cta-container {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0px;
            gap: 8px;
            position: absolute;
            height: 24px;
            left: 24px;
            right: 24px;
            bottom: 32px;
            width: unset;
        }

        .card.hotel-brand .card-title {
            width: 252px;
            height: 20px;
            margin: 0;

            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;

            text-transform: capitalize;

            color: #FFFFFF;
        }

    .card .card-cta-chevron, .tile .card-cta-chevron {
        width: 24px;
        height: 24px;
        background: url("/img/chevron-right-white.png?v=1u_KdN03ZbWMzCGxLQC7oo2mK8c");
    }

        .card.destination-theme-offer-flight .cta-container,
        .card.hotel-brand-location-offer .cta-container {
            display: flex;
            justify-content: center;
            width: 128px;
            background: #1C1C1C;
            border-radius: 100px;
        }

        .card .cta-container .card-cta1 {
            padding: 9.5px 24px;
            width: 124px;
            white-space: nowrap;
            background: #FFFFFF;
            border-radius: 100px;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #1C1C1C;
            text-align: center;
            margin: 0;
            flex-basis: 78px;
        }

        .card.destination-theme-offer-flight .cta-container .card-cta1,
        .card.hotel-brand-location-offer .cta-container .card-cta1{
            width: 76px;
            height: 20px;

            padding: 0;
            border-radius: 0;
            background: inherit;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            /* identical to box height, or 125% */

            display: flex;
            align-items: center;
            text-align: center;

            /* System/Base/base-20 */

            color: #FFFFFF;
        }

        .card .cta-container .card-cta2 {
            width: 56px;
            height: 24px;

            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            margin: 0;

            letter-spacing: 0.015em;

            color: #FFFFFF;
            border-bottom: 1px solid #FFFFFF;
        }

    .card.destination-theme.horizontal {
        width: 332px;
        border-radius: 16px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        .card.destination-theme.horizontal:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #00000040;
            z-index: 0;
        }

    .card.destination-theme.horizontal.large {
        height: 266px;
    }

        .card.destination-theme.horizontal.small {
            height: 111px;
        }

        .card.destination-theme.horizontal .copy-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            position: absolute;
            height: 39%;
            width: 258px;
            left: 16px;
            bottom: 24px;
            color: #FFFFFF;
            z-index: 1;
        }

        .card.destination-theme.horizontal.small .copy-container {
            bottom: 16px;
            gap: 2px;
        }

        .card.destination-theme .card-eyebrow {
            display: none;
        }

        .card.destination-theme.horizontal.large .card-eyebrow {
            display: block;
            width: 144px;
            height: 16px;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.013em;
            text-transform: uppercase;
        }

    .card.destination-theme.horizontal.large .card-title {
        /*width: 258px;*/
        height: 52px;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
    }

    .card.destination-theme.horizontal.small .card-title {
        width: 300px;
        height: 22px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
    }

    .card.destination-theme.horizontal .card-subtitle {
        width: 258px;
        height: 20px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
    }

    .card.destination-theme.horizontal .card-cta-chevron {
        position: absolute;
        bottom: 0;
        right: -42px;
    }

.card.hotel-room {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 0 24px;
    width: 332px;
    height: 459px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    box-sizing: border-box;
}

.slick-initialized div.card.hotel-room.slick-slide {
    display: flex;
}

    .card.hotel-room .room-image {
        width: 100%;
        height: 187px;
    }

    .card.hotel-room .copy-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 24px;
        width: calc(100% - 48px);
        gap: 16px;
        position: static;
        flex-grow: 1;
    }

.card.hotel-room .title-container {
    gap: 16px;
    border-bottom: 1px dashed #C4C4C4;
}

    .card.hotel-room .card-title {
        font-size: 18px;
        line-height: 22px;
        display: flex;
        align-items: flex-end;
        gap: 16px;
        color: #1C1C1C;
        width: 100%;
    }

.card.hotel-room .title-container .room-amenities {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 90px;
}

.card.hotel-room .room-amenities .amenity:before {
    /* #000000 to #FF8D6B */
    filter: invert(86%) sepia(34%) saturate(7293%) hue-rotate(317deg) brightness(108%) contrast(116%);
}

.card.area-explore-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    box-sizing: border-box;
    gap: 16px;
    width: calc(100% - 32px);
    height: fit-content;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
}

.area-explore-card .title {
    font-family: 'Aldine721 BT';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #1C1C1C;
}

.area-explore-card .body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.area-explore-card .overview-container,
.area-explore-card .known-for-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
}

.area-explore-card .eyebrow {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.013em;
    text-transform: capitalize;

    color: #1C1C1C;
}

.area-explore-card .overview {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 3);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.area-explore-card .known-for-container {
    display: none;
}

.area-explore-card .button {
    align-self: center;
}

.area-explore-card .button:after {
    background-image: url("/img/icons/ui/dropdown-down.png?v=eo8_ZQvv2E1o3mOmEcCSnhfCLUE");
}

.area-explore-card .button:before {
    content: "Show More";
}

    .area-explore-card .button:before {
        content: "Show More";
    }

.area-explore-card.open .overview-container {
    padding-bottom: 16px;
    border-bottom: 1px dashed #C4C4C4;
}

.area-explore-card.open .button:after {
    background-image: url("/img/icons/ui/dropdown-up.png?v=_tJ2EhyCUq6GJW9jQOEyp1wuJKU");
}

.area-explore-card.open .known-for-container {
    display: flex;
}
.area-explore-card.open .overview {
    -webkit-line-clamp: unset;
    height: fit-content;
}

.card.point-of-interest-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
    box-sizing: border-box;
    gap: 8px;
    width: 100%;
    height: unset;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    cursor: pointer;
}

    .card.point-of-interest-card:hover {
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.24);
    }

.point-of-interest-card .copy-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    position: static;
}

.point-of-interest-card .text-label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #1C1C1C;
}

.point-of-interest-card .text-distance {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}

.point-of-interest-card .card-cta-chevron {
    background-image: url("/img/icons/chevron-right.svg?v=EG6k5K8XknvKCC1C7r_ydGFOPbo");
    width: 40px;
    height: 40px;
}

.tile {
    cursor: pointer;
}
/* ------------- End Cards -------------------*/
/* ------------- Three Up --------------------*/
.three-up {
    position: relative;
    /*overflow: hidden;*/
    padding-left: 16px;
    gap: 40px;
    background: #FFFFFF;
}

    .three-up .title-bar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        color: #1C1C1C;
        width: calc(100% - 16px);
    }

        .three-up .title-bar h3, .recirc .title-bar h3 {
            font-family: 'Aldine721 BT';
            font-style: normal;
            font-weight: 400;
            font-size: 30px;
            line-height: 120%;
            margin: 0;
        }


    .three-up .card-container {
        width: 100%;
        padding-top: 48px;
    }

    .slider-controls, .pagination-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 8px;
        gap: 16px;
        z-index: 1;
    }

    .pagination {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
    }

.button-left, .button-right {
    transition: opacity 400ms;
}

.button-left:not(.inactive), .button-right:not(.inactive) {
    cursor: pointer;
}

    .button-left.inactive, .button-right.inactive, .slick-disabled {
        opacity: 25%;
    }

    .pagination .slick-dots {
        width: fit-content;
        bottom: 6px;
        position: relative;
    }

.pagination .slick-dots li button:before {
    color: #C4C4C4;
    opacity: 100%;
    transition: font-size 400ms, color 400ms;
}

.pagination .slick-dots li.slick-active button:before {
    opacity: 100%;
    color: #1C1C1C;
    font-size: 16px;
}
/* ------------- End Three Up ----------------*/
/* ------------- SixUp Pathing ---------------*/
.six-up {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 16px;
    gap: 32px;
    background: #FFFFFF;
    position: relative;
}

    .six-up .copy-container {
        display: flex;
        flex-direction: column;
        align-self: flex-start;
        align-items: flex-start;
        padding: 4px 0px;
        gap: 0;
    }

    .six-up .title-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
    }

    .six-up .eyebrow {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.013em;
        text-transform: uppercase;
        color: #303030;
    }

    .six-up .title-container h3 {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        color: #1C1C1C;
        margin: 0;
    }

    .six-up .desc-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
    }

        .six-up .desc-container p {
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.015em;
            color: #303030;
        }

    .six-up .content-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 8px;
        width: 100%;
    }
    .six-up .tile-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: fit-content;
        align-self: flex-start;
    }

    .six-up .tile-container.slick-initialized {
        width: 100%;
        align-self: center;
    }

    :not(.slick-initialized) ~ .slider-controls {
        display: none;
    }

    .six-up .line {
        position: absolute;
        box-sizing: border-box;
        position: absolute;
        width: 279px;
        height: 375px;
        left: 86px;
        top: 304px;
        
        border: 1px dashed #FF8D6B;
        border-radius: 16px;
    }

div.six-up .tile {
    position: relative;
    border-radius: 16px;
    width: 332px;
    height: 332px;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.tile:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    opacity: 25%;
    z-index: 1;
}

.six-up .tile .content-container {
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    padding: 24px 32px;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: border-box;
    z-index: 2;
}

    .six-up .tile .content-container h4 {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        margin: 0;
        color: #FFFFFF;
    }

.six-up .tile .card-cta-chevron {
    z-index: 2;
}

/* ------------- End SixUp Pathing -----------*/
/* ------------- All Up ----------------------*/
div.all-up-container, 
div.listing-gallery-container {
    width: 100%;
    background: #FFFFFF;
    position: relative;
}

    .all-up-container .all-up, 
    .listing-gallery-container .listing-gallery {
        width: 100%;
        padding: 56px 16px 32px;
        box-sizing: border-box;
    }

.all-up > p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

.all-up .filter-container, 
.listing-gallery .filter-container  {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    width: 100%;
    height: 40px;
    margin: 44px 0 32px;
}

.filter-container .button-left,
.filter-container .button-right {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: flex-start;
}

.filter-container .button-left img,
.filter-container .button-right img {
    height: 24px;
    width: 24px;
}

.filter-container div:not(.inactive) {
    cursor: pointer;
}

.all-up .filters, 
.listing-gallery .filters {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 4px 0px 0px;
    height: 40px;
    width: calc(100% - 124px);
    overflow: hidden;
}

    .all-up .filters.slick-initialized,
    .listing-gallery .filters.slick-initialized {
        display: block;
    }

    div.filters .active {
        font-weight: bold;
    }

div.filters .active,
div.filters div.filter:hover,
div.filters a.filter:hover {
    gap: 4px;
}

div.filter-container div.filter {
    display: flex;
    flex-direction: column;
    height: 40px;
    margin-right: 24px;
    white-space: nowrap;
    cursor: pointer;
    width: fit-content;
}

        div.filter-container div.filter:last-of-type {
            margin-right: 0;
        }

        .all-up-container .all-up .card-container,
        .listing-gallery-container .listing-gallery .card-container {
            width: 100%;
            overflow: visible;
            padding-left: 0;
        }

.all-up-container .all-up.list-view .card-container {
    width: 100%;
    padding-left: 0;
}

        .listing-gallery .slick-slide {
            /*margin-right: 8px;*/
        }

.all-up-container .all-up .card-container .slick-list{
    overflow: visible;
}

.all-up .control-row {
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding: 24px 0;
    border-top: 1px dashed #C4C4C4;
}

.all-up .view-toggle-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.all-up .view-toggle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    box-sizing: border-box;
    gap: 8px;
    width: 88px;
    height: 48px;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    transition: all 400ms;
}

    .all-up .view-toggle:hover {
        background: #C4C4C4;
    }

    .all-up .view-toggle .icon-button, .all-up .view-toggle .icon-button:hover {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 0;
        height: 24px;
    }

        .all-up .view-toggle:before {
            content: "";
            display: block;
            order: 1;
            height: 24px;
            width: 1px;
            border-right: 1px solid #EEEEEE;
            transition: all 400ms;
        }

    .all-up .view-toggle:hover:before {
        border-right: 1px solid #1C1C1C;
    }

        .all-up .view-toggle .icon-button.icon-grid-view {
            order: 0;
        }

    .all-up .view-toggle .icon-button.icon-dropdown-down, .all-up .view-toggle .icon-button.icon-dropdown-up {
        order: 2;
    }

    .all-up .view-toggle .icon-button:before {
        height: 24px;
        width: 24px;
    }

.all-up .view-list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    width: 134px;
    z-index: 2;
}

.all-up .view-toggle-container.open .view-list {
    display: block;
}

.all-up .view-list .icon-button {
    border: none;
    border-radius: 0;
    width: 100%;
    height: 56px;
}

.all-up.grid-view .view-list .icon-button.icon-grid-view,
.all-up.list-view .view-list .icon-button.icon-list-view {
    background: #EEEEEE;
}

.all-up .view-list .icon-button div {
    font-size: 14px;
    line-height: 20px;
}

.all-up .card-container .card, .listing-gallery .card-container .card {
    margin-right: 8px;
}

.list-view .card.destination-theme-offer.listing-gallery-card {
    height: 100px;
    width: 100%;
    max-width: calc(100vw - 32px);
    background-size: contain;
    background-position: left;
}

.list-view .card.destination-theme-offer.listing-gallery-card .scrim {
    background: rgba(0,0,0,.15);
}

.list-view .card.destination-theme-offer .copy-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    height: 100px;
    width: 69%;
    box-sizing: border-box;
    right: 0;
    top: 0;
    bottom: 0;
    left: unset;
    background: #FFFFFF;
}

.list-view .card.listing-gallery-card .copy-container .title-container {
    height: unset;
    width: 100%;
    max-width: calc(100% - 64px);
    padding: 0 8px 0 16px;
}

    .list-view .card.listing-gallery-card .copy-container .title-container .card-title {
        color: #1C1C1C;
        font-size: 16px;
        line-height: 20px;
        height: 40px;
        width: unset;
        flex-shrink: 3;
        flex-basis: fit-content;
    }

    .list-view .card.listing-gallery-card .copy-container .title-container .card-label {
        color: #1C1C1C;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        width: unset;
        text-transform: capitalize;
        letter-spacing: 0;
        align-items: flex-start;
        overflow: hidden;
        flex-shrink: 1;
        flex-basis: auto;
    }

    .list-view .copy-container .button {
        display: none;
    }

    .grid-view .copy-container .card-cta-chevron {
        display: none;
    }

    .list-view .copy-container .card-cta-chevron {
        filter: invert(1);
    }

/* ------------- End All Up ------------------*/
/* --------- All Up Filtering Modal ----------*/

.all-up-container .all-up .spinner {
    display: none;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.all-up-container .all-up .spinner.active {
    display: block;
}

.all-up-container .all-up .filter-modal {
    display: none;
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    color: #1c1c1c;
}

.all-up-container .filter-button-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.all-up-container .all-up .filter-button .button-open-filters {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    padding: 0.75em 0.8em;
    cursor: pointer;
    margin: 0.25em 0.8em;
}

.all-up-container .filter-button-container .filter-button.filter-button-divider {
    border-right: 1px dashed silver;
}

.all-up-container .filter-button-container .filter-button span.circle-this {
    border-radius: 50%;
    background: #000;
    color: #fff;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    text-align: center;
}

.all-up-container .filter-button-container .filter-button .secret-button {
    border: 0;
    background: none;
    font-size: initial;
    cursor: pointer;
}

.all-up-container .all-up .filter-button .button-open-filters.has-filters {
    background: silver;
}

.all-up-container .all-up .filter-modal.active {
    display: block;
}

.all-up-container .filter-modal-container {
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 14px 14px 0 0;
    height: calc(100dvh - 14em);
    margin: 15% auto;
    margin-top: 14em;
    overflow: hidden;
}

.all-up-container .filter-modal-heading {
    height: 2em;
    border-bottom: 1px solid #c4c4c4;
    padding: 2em 1em;
}

.all-up-container .filter-modal-content {
    height: calc(100% - 13em);
    overflow: auto;
}

.all-up-container .filter-modal-footer {
    background-color: #F4F4F4;
    border: 1px solid #C4C4C4;
    height: 7em;
}

.all-up-container .all-up .filter-modal-footer .clear-selections-button {
    float: left;
    margin: 1.25em;
}

.all-up-container .all-up .filter-modal-footer .apply-selections-button {
    float: right;
    margin: 1.75em;
}

.all-up-container .all-up .filter-modal-footer .clear-filter-button {
    display: block;
    padding: 1.5em;
    text-decoration: underline;
    cursor: pointer;
}

.all-up-container .filter-modal-close {
    float: right;
    font-size: 1.25em;
    font-weight: bold;
    background-color: #eee;
    padding: 0.3em 0.5em;
    border-radius: 3px;
    margin-right: 1em;
}

.all-up-container .filter-modal-close:hover, .all-up-container .filter-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.all-up-container .filter-modal-heading .filter-modal-title {
    font-size: 1.5em;
    padding: 1em;
    font-weight: bold;
}

.all-up-container .filter-modal-content .filter-section {
    border-bottom: 1px solid #C4C4C4;
    padding: 1em 1em 2em 1em;
}

.all-up-container .filter-modal-content .filter-section:last-child {
    border-bottom: none;
}

.all-up-container .filter-modal-content .all-up-container.filter-section {
    border-bottom: none;
    padding: 1em;
}

.all-up-container .filter-section .filter-control-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
}

.all-up-container .filter-section .filter-control-container .filter-checkbox {
    flex-basis: 100%;
    padding: 0.5em 0;
}

.all-up-container .filter-section .filter-control-container .brand-filter-toggle {
    flex-basis: 48%;
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    height: 4em;
    text-align: center;
}

.all-up-container .filter-section .filter-control-container .brand-filter-toggle .brand-toggle-label {
    background: #fff;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    height: 4em;
    text-align: center;
    display: block;
    cursor: pointer;
}

.all-up-container .filter-section h4 .brand-class {
    text-transform: uppercase;
    color: #707070;
}

.all-up-container .filter-section h4 .select-all-brands-in-class {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.all-up-container .filter-section .filter-control-container input, .all-up-container .filter-section .filter-control-container label {
    cursor: pointer;
}

.all-up-container .filter-section .filter-control-container input:disabled, .all-up-container .filter-section .filter-control-container input:disabled ~ label {
    cursor: not-allowed;
    color: #C4C4C4;
}

.all-up-container .filter-section .filter-control-container .brand-filter-toggle .brand-filter-checkbox {
    display: none;
}

.all-up-container .filter-section .filter-control-container .brand-filter-toggle.disabled .brand-toggle-label {
    background: #F4F4F4;
    cursor: default;
}

.all-up-container .filter-section .filter-control-container .brand-filter-toggle .brand-filter-checkbox:checked + .brand-toggle-label {
    border: 2px solid #1C1C1C;    
}

/* and now an accordion inside of a flex box inside of a modal inside of a Blazor component - may Dog have mercy on our souls for what we have created */
.all-up-container .filter-section .filter-accordion .filter-accordion-label {
    display: block;
    font-weight: bold;
    padding: 1em 0;
    position: relative;
    width: 7em;
    cursor: pointer;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-label::after {
    content: "\276F";
    display: block;
    float: right;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    transform: rotate(90deg);
}

.all-up-container .filter-section .filter-accordion .filter-accordion-content {
    display: none;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-input {
    display: none;
}

.all-up-container .filter-section .filter-accordion .show-less {
    display: none;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-input:checked ~ .filter-accordion-content {
    display: flex;
    padding-top: 5px;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-input:checked ~  .filter-accordion-label .show-more {
    display: none;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-input:checked ~ .filter-accordion-label .show-less {
    display: inline;
}

.all-up-container .filter-section .filter-accordion .filter-accordion-input:checked ~ .filter-accordion-label::after {
    transform: rotate(270deg);
}
/* ------- End All Up Filtering Modal ------- */
/* ------------- Regions ---------------------*/
.regions {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 16px;
    box-sizing: border-box;
    gap: 24px;
    position: relative;
    width: fit-content;
    max-width: 332px;
    margin: 0 auto;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}

    .regions .filters {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        width: fit-content;
        overflow: hidden;
    }

    .regions .filter, .slick-initialized .slick-slide.filter {
        display: flex;
        flex-direction: column;
        white-space: nowrap;
        margin-right: 24px;
    }

    .regions .slick-track a:last-of-type {
        margin-right: 0;
    }

/* ------------- End Regions ------------------*/
/* ------------- Editorial Feature------------*/
.editorial {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 56px 16px 64px;
    gap: 40px;
    background: #FFFFFF;
    box-sizing: border-box;
}

    .editorial .copy-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 16px;
    }

    .editorial .title-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
    }

        .editorial .title-container .eyebrow {
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.013em;
            text-transform: uppercase;
            color: #303030;
        }

        .editorial .title-container h3 {
            margin: 0;
            font-family: 'Aldine721 BT';
            font-style: normal;
            font-weight: 400;
            font-size: 30px;
            line-height: 36px;
            color: #1C1C1C;
        }

    .editorial .text-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
    }

        .editorial .text-container p {
            margin: 0;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.015em;
            color: #303030;
        }

    .editorial .image-container {
        position: relative;
        width: 100%;
        height: 310px;
    }

        .editorial .image-container div {
            position: absolute;
            border-radius: 16px;
            background-size: cover;
        }

    .editorial .img1, .editorial .img3 {
        width: 65%;
        height: 30vw;
    }
    
    .editorial .img1 {
        left: 0;
        top: 0;  
    }

    .editorial .img2 {
        width: 158px;
        height: 158px;
        left: calc(50% - 158px/2);
        top: 76px;
        border: 4px solid #FFFFFF;
        z-index: 1;
    }

    .editorial .img3 {
        right: 0;
        bottom: 0;
    }
/* ------------- End Editorial Feature -------*/
/* ------------- Highlight Content -----------*/
.highlight-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    padding: 64px 16px;
    box-sizing: border-box;
    position: relative;
}

    .highlight-content .title {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        color: #1C1C1C;
    }

.highlight-content .content-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

    .highlight-content .image-container {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 16px;
        justify-content: flex-end;
        order: 1;
    }

    .highlight-content .img1, 
    .highlight-content .img2, 
    .highlight-content .img3 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 8px;
        z-index: 1;
    }

    .highlight-content .img1 {
        width: calc(83.45% - 32px);
        max-width: 291px;
        height: 245px;
        height: 67.3vw;
        max-height: 291px;
    }

    .highlight-content .img2,
    .highlight-content .img3 {
        width: calc(48.8% - 32px);
        max-width: 168px;
        height: 163px;
        height: 40.4vw;
        max-height: 210px;
    }

    .highlight-content .copy-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        width: 100%;
        color: #303030;
        padding: 0 16px 0 48px;
        box-sizing: border-box;
    }

        .highlight-content .copy-container .eyebrow {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .highlight-content .copy-container .text-title {
            font-family: 'Aldine721 BT';
            font-style: normal;
            font-weight: 400;
            font-size: 22px;
            line-height: 26px;
            color: #1C1C1C;
        }

        .highlight-content .copy-container .text {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.015em;
        }

        .highlight-content .copy-container .button {
            margin-top: 16px;
        }

/* ------------- End Highlight Content -------*/
/* ------------- Listing Gallery -------------*/
div.listing-gallery-container {
    margin-top: 16px;
    border-top: 1px dashed #FF8D6B;
}

div.listing-gallery-container div.listing-gallery {
    padding-top: 88px;
}

div.listing-gallery .title-bar h3 {
    font-size: 30px;
}

div.listing-gallery .title-bar p {
    padding-bottom: 24px;
}

.listing-gallery .slick-initialized .slick-slide {
    opacity: 1;
    transition: opacity 1000ms;
}

.listing-gallery .slick-initialized .slick-slide:not(.slick-active) {
    opacity: 0;
    transition: opacity 500ms;
}
    /* ------------- End Listing Gallery ---------*/
    /* ------------- Featured 6 Up ---------------*/
    .featured-six-up {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 56px 16px 64px;
        gap: 40px;
        width: 100%;
        background: #FFFFFF;
    }

    .featured-six-up .title-bar {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: calc(100% - 32px);
        height: 84px;
        color: #1C1C1C;
    }

        .featured-six-up .title-bar h3 {
            font-family: 'Aldine721 BT';
            font-style: normal;
            font-weight: 400;
            font-size: 30px;
            line-height: 36px;
            margin: 0 0 10px;
        }

    .featured-six-up .card-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: calc(100% - 32px);
        padding: 0px;
        gap: 16px;
    }

/* ------------- End Featured 6 Up -----------*/
/* ------------- Story -----------------------*/
.story {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 40px 24px;
    gap: 16px;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-bottom: 36px;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
}

    .story .copy-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 24px;
        width: 100%;
    }

    .story .story-title, .story .story-title p {
        font-family: 'Aldine721 BT';
        font-style: italic;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        color: #1C1C1C;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

        .story .story-title:after {
            content: "";
            width: 48px;
            border-bottom: 1px solid #FF8D6B;
        }

    .story .story-text, .story .story-text p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        width: 100%;
        text-overflow: ellipsis;
        margin: 0;
    }
        .story .story-text.trunc {
            display: -webkit-box;
            -webkit-line-clamp: var(--line-clamp, 4);
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

    .story .story-text.open {
        height: fit-content;
        -webkit-line-clamp: unset;
    }

    .story .button {
        display: none;
    }
    
    .story .trunc ~ .button {
        display: flex;
    }
.story .button:after {
    background-image: url("/img/icons/ui/dropdown-down.png?v=eo8_ZQvv2E1o3mOmEcCSnhfCLUE");
}
    .story .open ~ .button:after {
        background-image: url("/img/icons/ui/dropdown-up.png?v=_tJ2EhyCUq6GJW9jQOEyp1wuJKU");
    }

/* ------------- End Story -------------------*/
/* ------------- Hotel Description -----------*/
.hotel-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 72px 16px;
}

    .hotel-description .description-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
    }

.description-container > div {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .hotel-description .description-title {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        color: #1C1C1C;
    }

    .hotel-description .description-text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: var(--line-clamp, 4);
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hotel-description.open .description-text {
        height: fit-content;
        -webkit-line-clamp: unset;
    }

    .hotel-description .amenities {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 0px;
        gap: 10px;
        border-top: 1px dashed #C4C4C4;
    }

    .hotel-description .amenities h4 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.013em;
        text-transform: uppercase;
        color: #707070;
        margin: 24px 0 0;
    }

        .hotel-description .amenities > div {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            width: 100%;
            padding: 0px;
            gap: 16px;
        }

        .hotel-description .amenity:not(.popular) {
            display: none;
        }

        .hotel-description.open .amenity:not(.popular) {
            display: flex;
        }

        .hotel-description .amenity {
            flex: 1 0 158px;
        }

    .hotel-description .languages {
        display: none;
    }

    .hotel-description.open .languages {
        display: block;
    }

    .hotel-description .languages h4 {
        margin: 0 0 8px;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.013em;
        color: #707070;
    }

    .hotel-description .languages span {
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
        color: #1C1C1C;
    }
    .hotel-description .button-container {
        width: 100%;
        display: flex;
        justify-content: center;
        border-top: 1px solid #C4C4C4;
        padding: 32px 0 16px;
        margin-top: 24px;
    }

    .hotel-description .button:after {
        background-image: url("/img/icons/ui/dropdown-down.png?v=eo8_ZQvv2E1o3mOmEcCSnhfCLUE");
    }

    .hotel-description.open .button:after {
        background-image: url("/img/icons/ui/dropdown-up.png?v=_tJ2EhyCUq6GJW9jQOEyp1wuJKU");
    }
/* ------------- End Hotel Description -------*/
/* ------------- Image Feature ---------------*/
.image-feature {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
    padding: 0 16px 64px;
    position: relative;
}

    .image-feature .line {
        position: absolute;
        bottom: 208px;
        right: 134px;
        width: 100%;
        height: 450px;
        border: 1px dashed #FF8D6B;
        border-radius: 16px;
        z-index: 0;
    }

    .image-feature .img1, .image-feature .img2 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 16px;
        z-index: 1;
    }

.image-feature .img1 {
    width: calc(100% - 32px);
    height: 166px;
    height: 45.6vw;
}

    .image-feature .img2 {
        width: calc(100% - 132px);
        height: 288px;
        height: 79.12vw;
        align-self: flex-end;
        margin-right: 53px;
        border: 8px solid #FFFFFF;
        box-sizing: border-box;
    }

    .image-feature .copy-container {
        width: 60.7%;
        font-size: 16px;
        line-height: 24px;

        color: #303030;
    }

/* ------------- End Image Feature -----------*/
/* ------------- Hotel Images ----------------*/
.hotel-images {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 56px 16px 64px;
    gap: 24px;
    box-sizing: border-box;
}

    .hotel-images .title-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 0px 0px;
        gap: 24px;
        width: calc(100% - 32px);
    }

.hotel-images .text-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
    .hotel-images .eyebrow {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        display: flex;
        align-items: center;
        letter-spacing: 0.013em;
        text-transform: uppercase;
        color: #303030;
    }
    .hotel-images .title {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        color: #1C1C1C;
    }
.hotel-images .button {
    height: 40px;
}
    .hotel-images .carousel-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 332px;
        height: 261px;
    }

    .hotel-images .image-container {
        height: 187px;
        max-width: 100%;
    }

.hotel-images .slick-list {
    max-width: 100%;
}

.hotel-images .image-container .carousel-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 332px;
    height: 187px;
    border-radius: 16px;
    margin-right: 8px;
}

.hotel-images .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
/* ------------- End Hotel Images ------------*/
/* ------------- Hotel Room 3up --------------*/

/* ------------- End Hotel Room 3up ----------*/
/* ------------- Area Explore ----------------*/
.area-explore {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 64px;
    background: #F4F4F4;
}

.area-explore .header-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 56px 16px 120px;
    gap: 40px;
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
}

    .area-explore .header-container .text-label {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;
        color: #1C1C1C;
    }

    .area-explore .filter-container, .area-explore .filter-container .filters {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 16px;
        width: 100%;
    }

    .area-explore .area-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 40px;
        position: relative;
        top: -64px;
        width: 100%;
    }

    .area-explore .area-explore-card {
        margin: 0;
    }

    .area-explore .points-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        width: 100%;
    }

    .area-explore .points-of-interest {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 16px;
        box-sizing: border-box;
        gap: 16px;
        width: 100%;
    }

    .area-explore .points-title span {
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
        color: #707070;
    }

    .area-explore .points {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        gap: 8px;
    }

.points.slick-initialized .slick-slide .card {
    margin-bottom: 8px;
}

.area-explore .slider-controls {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
}
/* ------------- End Area Explore ------------*/
/* ------------- Hotel Policies --------------*/
.hotel-policies {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 16px 64px;
    box-sizing: border-box;
    width: 100%;
    color: #1C1C1C;
    background: #F4F4F4;
}

    .hotel-policies .copy-container {
        display: block;
        margin: 0;
    }

    .hotel-policies dl lh {
        font-family: 'Aldine721 BT';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;   
        margin: 0 0 40px;
    }

    .hotel-policies dl dt {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        margin: 32px 0 16px;
    }

    .hotel-policies dl dd {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        color: #303030;
    }
/* ------------- End Hotel Policies ----------*/
/* ------------- Alert Banner ----------------*/
.alert-banner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    background-color: #FFFFFF;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 100;
    min-height: 16px;
    max-height: 50vh;
    box-shadow: 0px -4px 16px rgba(0, 0, 0, 12%);
}

    .alert-banner.open {
        min-height: 64px;
        padding: 16px;
    }

    .alert-banner .text-container {
        width: 100%;
        max-height: 40vh;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }

    .alert-banner .text-alert {
        font-size: 16px;
        line-height: 24px;
        height: 72px;
        letter-spacing: 0.015em;
        color: #1C1C1C;
        width: calc(100% - 32px);
        overflow: hidden;
    }

    .alert-banner.open .text-alert {
        overflow-y: auto;
        height: 100%;
        max-height: 40vh;
    }

    /*.alert-banner .text-container:after {
        content: "...";
        display: block;
    }

    .alert-banner.open .text-container:after {
        display: none;
    }*/

    .alert-banner.dark {
        background-color: #1C1C1C;
    }

    .alert-banner.dark .text-alert {
        color: #FFFFFF;
    }

        .alert-banner.dark .close-button {
            filter: invert(100%);
        }

    .alert-banner .close-button {
        width: 32px;
        height: 32px;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

    .alert-banner ul {
        list-style: disc;
        padding-left: 24px;
    }

    .alert-banner .button:before {
        content: "Show More";
        display: inline;
    }

    .alert-banner.open .button:before {
        content: "Show Less";
    }

    .alert-banner .button:after {
        background-image: url("/img/icons/ui/dropdown-up.png?v=_tJ2EhyCUq6GJW9jQOEyp1wuJKU");
    }

    .alert-banner.open .button:after {
        background-image: url("/img/icons/ui/dropdown-down.png?v=eo8_ZQvv2E1o3mOmEcCSnhfCLUE");
    }
/* ------------- End Alert Banner ------------*/
/* ------------- Footer ----------------------*/
#global-footer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background: #1C1C1C;
    padding: 48px 16px 56px;
}

    #global-footer #footer-flex-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        width: calc(100% - 16px);
        color: #fff;
    }

        #global-footer #footer-flex-container .nav-heading {
            height: 30px;
            font-style: normal;
            font-weight: 400;
            font-size: 1rem;
            line-height: 30px;
            display: flex;
            align-items: center;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #fff;
        }

        #global-footer #footer-flex-container .basis-content.desktop {
            display: none;
        }

        #global-footer #footer-flex-container .basis-content.mobile {
            display: block;
            overflow: hidden;
            width: 100%;
        }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_label {
                display: block;
                position: relative;
            }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_label::after {
                content: "\276F";
                width: 1em;
                height: 1em;
                line-height: 1em;
                float: right;
                text-align: center;
                transform: rotate(90deg);
            }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_content {
                padding: 14px 5px;
                display: none;
            }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_input {
                display: none;
            }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_input:checked ~ .footer_accordion_content {
                display: block;
            }

            #global-footer #footer-flex-container .basis-content.mobile .footer_accordion_input:checked + .footer_accordion_label::after {
                transform: rotate(270deg);
            }

            #global-footer #footer-flex-container .basis-content.mobile ul {
                line-height: 24px;
                color: #c4c4c4;
            }

        #global-footer #footer-flex-container .divider {
            height: 0;
            width: 100%;
            border-bottom: 1px solid #fff;
        }

    #global-footer #row2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;

        gap: 24px;
        width: calc(100% - 8px);
    }

        #global-footer .copy {
            width: 100%;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;

            letter-spacing: 0.015em;
            color: #C4C4C4;
        }

        #global-footer #footer-nav-list {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 0px;
            gap: 24px;
            width: calc(100% - 8px);
        }

            #global-footer #footer-nav-list li {
                height: 24px;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                white-space: nowrap;
                line-height: 24px;
                letter-spacing: 0.015em;
            }

        #global-footer #lockup {
            background-image: url("/img/globalFooter/logoCropped.png?v=I31nopy51YgYQXxqvx99w6HZ73Q");
            background-size: contain;
            
            height: 64px;
            width: 168px;
            margin-top: 8px;
        }
        
/* ------------- End Footer ------------------*/
/* ------------- FAQs ------------------------*/
.FAQs, .privacy {
    max-width: 1200px;
    margin: auto;
    padding: 24px;
    box-sizing: border-box;
}

/* ------------- End FAQs --------------------*/
/* ------------- Promo Disclamer -------------*/
.promotional-disclaimer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .promotional-disclaimer .copy-container {
        width: 100%;
        max-width: 1200px;
        padding: 36px;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
/* ------------- End Promo Disclamer ---------*/
/* -------------------------------- TABLET ------------------------------*/
@media only screen and (min-width: 768px) {
    /* ------------- Header ----------------------*/
    a.nav-item.active, a.nav-item:hover,
    .all-up .filters .filter:hover {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    /* ------------- End Header ------------------*/
    /* --------- Booking Banner ------------------*/
    div.booking-widget {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        width: calc(93.5% - 48px);
        height: 206px;
        padding: 24px;
        top: -88px;
        left: 24px;
        margin-bottom: -40px;
        transition: height 400ms;
    }

        div.booking-widget.hub {
            padding: 0 24px;
        }

    .booking-widget.expanded {
        height: 240px;
    }

    div.booking-widget.hub:not(.open), div.booking-widget.hub.open {
        padding: 24px;
        flex-direction: column;
        height: 254px;
    }

    div.booking-widget.hub.expanded:not(.open),
    div.booking-widget.hub.expanded.open {
        height: 298px;
    }

    div.booking-widget.hub.slim:not(.open), div.booking-widget.hub.slim.open {
        height: 84px;
        padding-top: 0;
    }

    .booking-widget .pills {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        gap: 32px;
        width: 672px;
        height: 40px;
        opacity: 100%;
        transition: all 400ms;
    }

    .booking-widget.slim .pills {
        opacity: 0%;
        height: 0px;
    }

    .booking-widget .pill {
        display: flex;
        height: 40px;
        align-items: center;
        gap: 4px;
    }

    .booking-widget .pills .pill label {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #1C1C1C;
        cursor: pointer;
    }

    .booking-widget .pills .pill input {
        cursor: pointer;
    }

    .booking-widget .hotel-flight-container,
    div.booking-widget.hub:not(.open) .hotel-flight-container {
        display: flex;
        flex-direction: column;
        padding-bottom: 24px;
        gap: 24px;
        width: 100%;
        height: 150px;
    }

    .booking-widget .locations div:last-of-type {
        padding-left: 16px;
    }

    .booking-widget.slim .locations div:last-of-type {
        border-left: 1px solid #C4C4C4;
    }

    .booking-widget .hotel-flight-container .dates,
    .booking-widget .hotel-flight-container .locations {
        transition: opacity 400ms;
        height: 52px;
        width: 100%;
    }

    .booking-widget.hub.slim:not(.open) .dates {
        opacity: 0;
    }

    .booking-widget.hub .locations {
        border-bottom: 1px dashed #C4C4C4;
    }

    .booking-widget .locations div {
        width: 50%;
    }

    .booking-widget.hub .locations div:first-of-type {
        display: flex;
    }

    .booking-widget .hotel-flight-container .locations input,
    .booking-widget .hotel-flight-container .dates input, div#hws-container .hws-subheading {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        width: 172px;
    }

        .booking-widget .hotel-flight-container .dates input{
            width: fit-content;
        }

        .booking-widget.expanded .select-options, .booking-widget.expanded:not(.open) .select-options {
            display: flex;
            flex-direction: row;
            width: 332px;
        }

    .booking-widget.expanded .select-option.open {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: fit-content;
        white-space: nowrap;
        padding: 0px;
        gap: 8px;
        height: 24px;
    }

    .booking-widget .hotel-flight-container .dates .find-my-vacation {
        display: flex;
        position: unset;
        width: unset;
    }

    .booking-widget.hub:not(.open) .hotel-flight-container,
    .booking-widget.hub:not(.open) .dates {
        width: 100%;
        align-self: auto;
    }

    .booking-widget.hub:not(.open) .date-wrapper {
        padding-left: 0;
        border-left: none;
        flex-grow: 1;
    }

    .booking-widget .date-wrapper {
        flex-grow: 1;
    }

    .airport-selection {
        position: absolute;
        width: 459px;
        height: unset;
        bottom: unset;
        left: 24px;
        top: 463px;
        padding: 24px;
        border: 1px solid #EEEEEE;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
        border-radius: 16px;
        z-index: 10;
    }

    [id$='destination-selection'] {
        left: unset;
        right: 24px;
    }

        /*[id$='destination-selection'] {
        padding: 24px;
        gap: 24px;
        position: absolute;
        width: calc(93.5%);
        height: 682px;
    }*/
        [id$='destination-selection'] .location-select-wrapper {
            padding: 0px 0px 24px;
            gap: 8px;
            width: 292px;
            height: 74px;
        }

    .airport-selection .back-button {
        display: none;
    }

    .airport-selection .location-select-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px 0px 24px;
        gap: 8px;
        width: 411px;
        height: 74px;
        border-bottom: 2px solid #1C1C1C;
    }

    .airport-selection .content-wrapper .location-select-wrapper input[id$='origin-select'],
    .airport-selection .content-wrapper .location-select-wrapper input[id$='destination-select'] {
        height: 26px;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
    }

    .airport-selection .content-wrapper {
        gap: 16px;
        overflow: hidden;
    }

    /*[id$='destination-selection'].airport-selection .content-wrapper .search-list {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 0;
        width: 688px;
        height: 552px;
    }

    [id$='destination-selection'].airport-selection .content-wrapper .search-list .nearest-airports {
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 248px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [id$='destination-selection'] .nearest-airports .airport-result {
        padding: 0;
        justify-content: flex-start;
    }*/

    .airport-selection .select-region {
        width: 459px;
        height: 552px;
        gap: 0;
        margin-top: 0;
        padding-left: 8px;
        border-left: 1px dashed #C4C4C4;
    }

        .airport-selection .select-region .region-list {
            gap: 0;
            flex-wrap: wrap;
            overflow: hidden;
            width: 459px;
            height: 528px;
        }

    .airport-selection .region {
        height: 121px;
        cursor: pointer;
    }

        .airport-selection .region img {
            width: 137px;
            height: 77px;
        }

        .airport-selection .region .region-title {
            width: 137px;
        }

    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports,
    .airport-selection .airport-list .airport-result {
        width: 409px;
        box-sizing: border-box;
        justify-content: space-between;
        cursor: pointer;
        height: 72px;
    }

    /*[id$='destination-selection'].airport-selection .airport-list .airport-result {
        width: unset;
    }*/

    .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports {
        justify-content: flex-start;
    }

        .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .title-code,
        .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .text-container,
        .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .all-airports-text,
        .airport-selection .content-wrapper .search-list .nearest-airports .airport-list .all-airports .text-title {
            width: unset;
            height: unset;
        }

    .airport-selection .airport-list .airport-result .text-container {
        width: 339px;
    }

        .airport-selection .airport-list .airport-result .text-container .title-code {
            width: 339px;
        }

            .airport-selection .airport-list .airport-result .text-container .title-code .text-title {
                width: 303px;
            }
    /*
    [id$='destination-selection'].airport-selection .airport-list .airport-result .text-container,
    [id$='destination-selection'].airport-selection .airport-list .airport-result .text-container .title-code,
    [id$='destination-selection'].airport-selection .airport-list .airport-result .text-container .title-code .text-title {
        width: 207px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    [id$='destination-selection'].airport-selection .airport-list .airport-result .text-container .title-code .text-title {
        width: 156px;
    }*/

    [id$='date-selection'].open {
        position: absolute;
        top: 556px;
        left: 24px;
        padding: 24px;
        width: 630px;
        gap: 0;
        height: 576px;
        background: #FFFFFF;
        border: 1px solid #FFFFFF;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
        border-radius: 16px;
        box-sizing: border-box;
    }

    [id$='date-selection'] .date-header {
        width: unset;
        height: unset;
        margin-bottom: 32px;
    }

    [id$='date-selection'] .back-button {
        display: none;
    }

    [id$='date-selection'] .calendar-container {
        padding: 0px;
        gap: 32px;
        width: 582px;
        height: 464px;
        overflow: hidden;
    }

    [id$='date-selection'] .field-row {
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        gap: 32px;
        width: 582px;
        height: 66px;
    }

        [id$='date-selection'] .field-row:after {
            display: flex;
            order: 2;
            content: "";
            height: 100%;
            border-right: 1px dashed #707070;
        }

    [id$='date-selection'] .date-header .field-group {
        padding: 0;
        width: unset;
        height: unset;
        border-bottom: none;
    }

    [id$='date-selection'] .departing-wrapper,
    [id$='date-selection'] .returning-wrapper {
        width: 259px;
        height: 66px;
    }

    [id$='date-selection'] .departing-wrapper {
        order: 1;
    }

    [id$='date-selection'] .returning-wrapper {
        order: 3;
    }

        [id$='date-selection'] .departing-wrapper input,
        [id$='date-selection'] .returning-wrapper input {
            width: 259px;
            height: 26px;
            font-size: 22px;
            line-height: 26px;
        }


    [id$='date-selection'] .field-check {
        position: absolute;
        bottom: 24px;
        left: 24px;
    }

    .flatpickr-calendar.inline {
        width: 832px;
    }

    .flatpickr-weekdaycontainer {
        padding-left: 1px;
        gap: 3px;
    }

    [id$='date-selection'] .date-footer {
        flex-direction: row;
        position: initial;
        width: 100%;
        justify-content: flex-end;
        border-top: none;
        height: unset;
        padding: 0;
        box-sizing: border-box;
    }

    .clear-button {
        top: unset;
        right: 0;
        bottom: calc(50% - 12px);
    }

    [id$='traveler-selection'].open {
        padding: 24px;
        gap: 0;
        position: absolute;
        width: 320px;
        left: 24px;
        top: 635px;
        right: unset;
        bottom: unset;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
        border-radius: 16px;
        overflow-y: unset;
    }

    [id$='traveler-selection'] .back-button {
        display: none;
    }

    [id$='traveler-selection'] .travelers-wrapper {
        width: 320px;
    }

    [id$='traveler-selection'] .travelers-header {
        margin-left: 24px;
    }

    [id$='traveler-selection'] .guest-count {
        justify-content: center;
    }

    [id$='traveler-selection'] .guest-count-wrapper {
        width: 272px;
        justify-content: center;
    }

        [id$='traveler-selection'] .guest-count-wrapper .text-container,
        [id$='traveler-selection'] .room-guests .guest-type {
            padding: 0 24px;
            box-sizing: border-box;
        }

    [id$='traveler-selection'] .room-wrapper {
        align-items: center;
    }

    [id$='traveler-selection'] .room {
        width: 272px;
        box-sizing: border-box;
    }

    [id$='traveler-selection'] .remove-room {
        align-self: flex-start;
        padding-left: 48px;
    }

    [id$='traveler-selection'] .travelers-footer {
        position: initial;
        width: unset;
        border-top: none;
    }

    [id$='traveler-selection'] .add-room {
        width: 320px;
        padding: 0 24px;
        box-sizing: border-box;
    }

    [id$='traveler-selection'] .partial-hotel-check {
        width: unset;
    }

    .option-selection {
        padding: 24px 0px;
        gap: 8px;
        position: absolute;
        width: 269px;
        height: unset;
        top: 635px;
        left: 204px;
        bottom: unset;
        right: unset;
        background: #FFFFFF;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
        border-radius: 16px;
    }

    [id$='car-selection'] {
        left: 368px;
    }

    .option-selection .back-button {
        display: none;
    }

    .option-selection .option-wrapper {
        width: 269px;
    }

    .option-selection .options {
        width: 269px;
    }

    .option-selection .option {
        box-sizing: border-box;
        width: 269px;
    }

        .option-selection .option div {
            width: 245px;
        }

            .option-selection .option div div {
                box-sizing: border-box;
                width: 269px;
            }

    [id*=recirc] ~ [id$='origin-selection'],
    [id*=recirc] ~ [id$='destination-selection'] {
        top: 254px;
    }

    [id*=recirc] ~ [id$='date-selection'].open,
    [id*=recirc] ~ [id$='date-selection'] {
        top: 347px;
    }

    [id*=recirc] ~ [id$='traveler-selection'],
    [id*=recirc] ~ [id$='flight-class-selection'] {
        top: 436px;
    }




    .hub ~ [id$='origin-selection'],
    .hub ~ [id$='destination-selection'],
    .hub ~ [id$='date-selection'].open,
    .hub ~ [id$='date-selection'],
    .hub ~ [id$='traveler-selection'],
    .hub ~ [id$='flight-class-selection'] {
        position: fixed;
    }

    .hub ~ [id$='origin-selection'],
    .hub ~ [id$='destination-selection'] {
        top: 108px;
    }

    .hub ~ [id$='date-selection'].open {
        top: 200px;
        left: 24px;
    }


    .hub ~ [id$='traveler-selection'],
    .hub ~ [id$='flight-class-selection'] {
        top: 280px;
    }

    .hub ~ [id$='flight-class-selection'] {
        left: 154px;
    }

    /* --------- End Booking Banner --------------*/
    /* --------------- Heros ---------------------*/
    #hero-container.hub {
        margin-bottom: 0;
    }

    #hero-container #copy-container {
        left: 24px;
        bottom: 146px;
    }

    #hero-container.hotel-brand #hero-image,
    #hero-container.hotel-location #hero-image {
        height: 485px;
    }

    #hero-container.has-copy.category {
        flex-direction: row-reverse;
    }

    #hero-container.has-copy.category #hero-image {
        position: relative;
        margin-bottom: 81px;
        height: 376px;
    }

    #hero-container.destination-listing #hero-image {
        height: 474px;
        margin-bottom: 124px;
    }

    .hotel-brand #hero-title::before,
    .hotel-location #hero-title::before,
    .destination-listing #hero-title::before {
        border-top: none;
    }

    .destination-listing #hero-title::before {
        height: unset;
    }

    #hero-container.destination-listing #copy-container {
        position: absolute;
        background: #FFFFFF;
        bottom: 96px;
    }

    #hero-container.hotel-brand #copy-container,
    #hero-container.hotel-location #copy-container {
        width: 474px;
        height: 148px;
        background: #1C1C1CE5;
        position: absolute;
        left: calc(50% - 474px / 2);
        top: calc((485px / 2) - (148px / 2));
    }

    #hero-container.destination-listing #copy-container {
        top: unset;
        width: calc(100% - 48px);
        max-width: unset;
        padding-top: 32px;
        border-radius: 4px 4px 0 0;
    }

    #hero-container.category #copy-container {
        width: 50%;
        height: 100%;
        padding-left: 24px;
        box-sizing: border-box;
    }

    #hero-container.has-copy.destination-listing::after {
        content: "";
        position: relative;
        width: 100%;
        display: block;
        border-bottom: 1px dashed #FF8D6B;
        bottom: -16px;
    }

    #hero-container.destination-listing #hero-image .caption {
        top: calc(100% - 190px);
    }

    .hotel-brand.has-copy #hero-title {
        color: #FFFFFF;
    }
/* ------------- End Heros -------------------*/
/* ------------- Cards -----------------------*/
    .card, .slick-slide.card {
        width: 352px;
        height: 452px;
        margin-right: 16px;
        cursor: pointer;
    }

    .card.destination-theme-offer-flight {
        height: 608px;
    }

    .card.hotel-brand-location-offer {
        height: 628px;
    }

        .card.destination-theme-offer-flight .card-bg-image,
        .card.destination-theme-offer-flight .scrim,
        .card.hotel-brand-location-offer .card-bg-image, 
        .card.hotel-brand-location-offer .scrim {
            height: 352px;
        }

        .card .copy-container {
            left: 24px;
            right: 24px;
            bottom: 32px;
        }

        .card.destination-theme-offer-flight .content-container {
            height: 256px;
            padding: 24px;
            gap: 24px;
        }

        .card.hotel-brand-location-offer .content-container {
            height: 276px;
            padding: 24px;
            gap: 24px;
        }

        .card .card-offerflag {
            padding: 0 24px;
            top: 24px;
            left: 24px;
        }

        .list-view .card .card-offerflag {
            font-size: 12px;
            max-width: 162px;
            line-height: 24px;
            border-radius: 4px;
        }

    .card.hotel-brand .card-logo {
        width: 240px;
        height: 240px;
        left: calc(50% - 240px/2);
        top: calc(50% - 240px/2);
    }

        .card.destination-theme.horizontal.large {
            width: 720px;
            height: 240px;
        }

        .card.destination-theme.horizontal.large .copy-container {
            width: 646px;
            height: 32%;
        }

        .card.destination-theme.horizontal.large .card-title {
            height: 26px;
        }

        .card.destination-theme.horizontal.small {
            width: 352px;
            margin: 0;
            height: 117px;
        }

        .card.destination-theme.horizontal.small .copy-container {
            width: 278px;
        }

    .list-view .card.destination-theme-offer.listing-gallery-card {
        height: 195px;
    }

    .list-view .card.destination-theme-offer .copy-container {
        justify-content: space-between;
        height: 100%;
        width: 63.9%;
        padding-right: 24px;
    }

    .list-view .card.listing-gallery-card .copy-container .title-container {
        max-width: calc(100% - 166px);
        padding: 0 0 0 24px;
        justify-content: space-between;
    }

    span.nobr {
        white-space: nowrap;
    }

        .list-view .card.listing-gallery-card .copy-container .title-container .card-title {
            font-size: 22px;
            line-height: 26px;
            height: 52px;
        }

        .list-view .card.listing-gallery-card .copy-container .title-container .card-label {
            height: 40px;
        }

    .list-view .copy-container .button {
        display: flex;
    }

    .list-view .copy-container .card-cta-chevron,
    .grid-view .copy-container .card-cta-chevron {
        display: none;
    }
/* ------------- End Cards -------------------*/
/* ------------- Three Up --------------------*/
.three-up {
    padding-left: 24px;
}
    .three-up .title-bar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: calc(100% - 24px);
    }
/* ------------- End Three Up ----------------*/

/* ------------- All Up ----------------------*/
.all-up-container .all-up, .listing-gallery-container .listing-gallery {
    padding: 64px 24px 80px;
}

    .all-up .card-container .card, .listing-gallery .card-container .card {
        margin-right: 16px;
    }

    .all-up .card-container .card, .listing-gallery .card-container.slide-container .slide-element .card {
        margin-right: 10px;
    }

    .listing-gallery .card-container .card:nth-of-type(2n) {
        /*margin-right: 0;*/
    }

    .listing-gallery .slick-slide {
        /*margin-right: 16px;*/
    }
/* ------------- End All Up ------------------*/

/* ------------- Featured 6 Up----------------*/
    .featured-six-up {
        padding: 64px 24px 80px;
        gap: 48px;
    }

        .featured-six-up .title-bar {
            flex-direction: row;
            width: calc(100% - 48px);
            justify-content: space-between;
            align-items: center;
            height: unset;
            width: unset;
        }

            .featured-six-up .title-bar h3 {
                margin: 0;
            }

        .featured-six-up .card-container {
            flex-direction: row;
            flex-wrap: wrap;
        }
/* ------------- End Featured 6 Up -----------*/
/* ------------- SixUp Pathing----------------*/
.six-up {
    padding-left: 24px;
    gap: 76px;
}
.six-up .copy-container {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.six-up .title-container {
    width: 40.4%;
}

.six-up .desc-container {
    width: 48.8%;
    gap: 8px;
}

.six-up .desc-container p {
    margin-top: 24px;
}

.six-up .tile-container {
    flex-wrap: wrap;
}

.six-up a.tile {
    width: 229px;
    height: 229px;
    flex: 1 0 229px;
    margin-bottom: 8px;
}

.six-up .tile .content-container {
    padding: 24px 16px
}

.six-up .slider-controls {
    display: none;
}

.six-up .line {
    top: 244px;
    left: 145px;
    width: 624px;
    height: 578px;
}
/* ------------- End SixUp Pathing -----------*/
/* ------------- Regions ---------------------*/
.regions {
    max-width: 598px;
    top: -36px;
}
/* ------------- End Regions -----------------*/
/* ------------- Editorial Feature------------*/
    .editorial {
        flex-direction: column;
        padding: 64px 24px 80px;
        gap: 48px;
    }

    .editorial .copy-container {
        flex-direction: row;
        justify-content: space-between;
        height: 161px;
    }

    .editorial .copy-container .title-container {
        flex: 0 1 41.1%;
    }

        .editorial .copy-container .text-container {
            flex: 0 1 48.9%;
            align-self: flex-end;
        }

        .editorial .image-container {
            height: 232px;
        }

        .editorial .img1, .editorial .img3 {
            width: 48.9%;
            height: 22.9vw;
            border-width: 8px;
        }

        .editorial .img2 {
            top: 32px;
            left: calc(50% - 21.9vw / 2);
            width: 21.9vw;
            height: 21.9vw;
        }
  
/* ------------- End Editorial Feature -------*/
/* ------------- Highlight Content -----------*/
.highlight-content {
    gap: 48px 16px;
    padding: 64px 24px 80px;
}

.highlight-content .content-container {
    gap: 40px 16px;
    flex-wrap: wrap;
    height: 450px;
    flex-direction: row;
    justify-content: flex-end;
}

    .highlight-content .image-container {
        order: unset;
        width: calc(56.1% - 32px);
        justify-content: flex-start;
    }

    .highlight-content .img1 {
        width: calc(43.9% - 32px);
        max-width: 459px;
        height: 291px;
        height: 37.9vw;
        max-height: 459px;
        margin-left: 61px;
        margin-right: -20px;
    }

    .highlight-content .img2,
    .highlight-content .img3 {
        width: calc(50% - 16px);
        max-width: 269px;
        height: 210px;
        height: 27.4vw;
        max-height: 336px;
    }

    .highlight-content .copy-container {
        width: 50%;
        align-self: flex-end;
    }
/* ------------- End Highlight Content -------*/
/* ------------- Hotel Description -----------*/
    .hotel-description {
        padding: 96px 24px 72px;
    }    
.hotel-description .amenities > div {
        gap: 16px;
    }

    .hotel-description .amenity {
        width: 168px;
    }
/* ------------- End Hotel Description -------*/
/* ------------- Image Feature ---------------*/
    .image-feature {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 77px;
        padding: 0 24px 184px;
        
    }

        .image-feature .line {
            bottom: 81px;
            right: 257px;
            width: 100%;
            height: 450px;
        }


        .image-feature .img1 {
            width: calc(100% - 48px);
            height: 166px;
            height: 45.6vw;
        }

        .image-feature .img2 {
            width: 246px;
            height: 307px;   
            position: absolute;
            bottom: 132px;
            right: 75px;
        }

        .image-feature .copy-container {
            width: 291px;
            margin-left: 61px;
        }


/* ------------- End Image Feature -----------*/
/* ------------- Hotel Images ----------------*/
    .hotel-images {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 64px 24px 80px;
        gap: 48px;
        box-sizing: border-box;
    }

    .hotel-images .title-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
    }

.hotel-images .text-container {
    gap: 10px;
}

    .hotel-images .carousel-container {
        width: 720px;
        height: 267px;
    }

.hotel-images .image-container .carousel-image {
    width: 475px;
    height: 267px;
}

        .hotel-images .image-container .image-stack {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 8px;
            width: 466px;
            height: 100%;
        }

.hotel-images .image-container .image-stack .carousel-image {
    width: 229px;
    height: 129px;
    margin: 0;
}

        .hotel-images .slick-prev,
        .hotel-images .slick-next {
            width: 48px;
            height: 48px;
            color: black;
            background: #FFFFFF;
            border-radius: 100px;
            z-index: 1;
        }

            .hotel-images .slick-prev:hover,
            .hotel-images .slick-prev:focus,
            .hotel-images .slick-next:hover,
            .hotel-images .slick-next:focus {
                background: #FFFFFF;
            }

            .hotel-images .slick-prev.slick-disabled,
            .hotel-images .slick-next.slick-disabled,
            .hotel-images .slick-prev.slick-disabled:before,
            .hotel-images .slick-next.slick-disabled:before {
                opacity: 0;
            }

        .hotel-images .slick-prev:before, 
        .hotel-images .slick-next:before {
            content: '';
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            display: block;
            height: 24px;
            width: 24px;
            margin: auto;
        }

        .hotel-images .slick-prev:before {
            background-image: url(/img/icons/ui/arrow-left.png?v=N7l9Wubfa82Et1D5DnJPSDjIXIE);
        }

        .hotel-images .slick-next:before {
            background-image: url(/img/icons/ui/arrow-right.png?v=pICt-Jk3SdWmS2qfc6pskhtYVl4);
        }

/* ------------- End Hotel Images ------------*/
/* ------------- Area Explore ----------------*/
    .area-explore {
        padding: 0px 0px 80px;
        gap: 10px;
    }

        .area-explore .header-container {
            padding: 64px 24px 160px;
            gap: 48px;
        }

        .area-explore .header-container .text-label {
            font-size: 30px;
            line-height: 36px;
        }

        .area-explore .area-container {
            top: -96px;
            gap: 48px;
        }

    .points.card-container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 16px;
    }

    .points .card {
        flex: 0 1 calc(50% - 8px);
        margin-right: 0;
    }

    .area-explore .slider-controls {
        display: none;
    }

    .card.area-explore-card {
        width: calc(100% - 48px);
    }

    .area-explore .points-of-interest {
        padding: 0 24px;
    }
/* ------------- End Area Explore ------------*/
/* ------------- Alert Banner ----------------*/    
.alert-banner.open {
        padding: 24px;
        gap: 16px;
    }
/* ------------- End Alert Banner ------------*/
/* ------------- Footer ----------------------*/
        #global-footer #row2 li:nth-of-type(3) {
    flex-grow: 1;
}
/* ------------- End Footer ------------------*/

}

/* ----------------------------- DESKTOP --------------------------*/
@media only screen and (min-width: 1200px) {
/* ------------- Header ----------------------*/
    #global-header {
        height: 93px;
    }

/*    body {
        padding-top: 94px;
    }*/

    #button-menu {
        display: none;
    }

    #logo-nav {
        background: url("/img/globalHeader/logoNav.png?v=wkgxorG96shH5LePy2xcmmfJkGs") no-repeat, #1c1c1c;
        background-size: contain;
        position: absolute;
        width: 121px;
        height: 88px;
        left: calc(50% - 1124px/2);
    }

    #logo {
        position: relative;
        width: 180px;
        height: 90px;
        left: calc(50% - 1124px/2);
        top: 5px;
        background: url("/img/globalHeader/marriott-logo-white.png?v=pipz5SJSCPzCjJb9cZ3bA8TJ6SQ") no-repeat, #1c1c1c;
        background-size: 85%;
        background-position: center;
        display: block;
    }

    #menu-container {
        display: block;
        position: absolute;
        width: 436px;
        height: 24px;
        right: calc(50% - 892px/2);
        top: 37px;
    }

    #nav-list {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 24px;
        height: auto;
        width: 100%;
    }

        #nav-list .nav-item {
            width: auto;
            border-bottom: none;
            padding: 0;
            height: 100%;
            flex-direction: column;
        }

    a.nav-item:after, a.active:after {
        content: "";
        opacity: 0%;
        transition: opacity 400ms;
    }

    a.nav-item:hover:after, a.active:after {
        content: "";
        opacity: 100%;
        width: 100%;
        height: 3px;
        background: #FF8D6B;
        border-radius: 0px 99px 99px 0px;
    }

    #nav-list .nav-item .text-label {
        width: auto;
        white-space: nowrap;
    }

    #nav-list .nav-item .nav-arrow {
        display: none;
    }

/* ------------- End Header ------------------*/
/* ------------- Heroes ----------------------*/    
    #hero-container.hotel-brand,
    #hero-container.hotel-location {
        margin-bottom: -64px;
    }

    #hero-container #copy-container {
        left: calc(50% - 1124px/2);
        max-width: 608px;
        height: 152px;
    }

    #hero-container.category #copy-container {
        width: 100%;
    }

    #hero-container.has-copy.category {
        max-width: 1200px;
        margin-left: calc(50% - 600px);
    }

    #hero-container.destination-listing #hero-image {
        margin-bottom: 0;
    }

    #hero-container.destination-listing #copy-container {
        padding: 40px 95px 56px;
        width: 934px;
        box-sizing: border-box;
        position: absolute;
        height: unset;
        left: calc(50% - 934px / 2);
        bottom: -140px;
        z-index: 1;
    }

    #hero-container.destination-listing #hero-image .caption {
        top: calc(100% - 32px);
    }

    #hero-container #hero-title {
        font-size: 40px;
        line-height: 48px;
        width: 80%;
    }

    #hero-container #hero-text {
        font-size: 16px;
        line-height: 24px;
        width: 80%;
    }
/* ------------- End Heros -------------------*/
/* ------------- Booking Banner --------------*/
    div.booking-widget {
        left: calc(50% - 1124px/2);
        width: 1074px;
        height: 94px;
        padding: 16px 24px 32px 24px;
        transition: height 400ms;
    }

        div.booking-widget.hub:not(.open) {
            height: 144px;
            padding-left: calc(50% - 1124px/2);
            top: 94px;
            transition: height 400ms, padding 400ms;
        }

    .booking-widget.hub {
        width: 100%;
        position: relative;
        top: 0;
        border-radius: 0;
        border: none;
    }

    .booking-widget.expanded {
        height: 138px;
    }

    div.booking-widget.hub.expanded:not(.open) {
        height: 212px;
        padding-bottom: 24px;
    }

    div.booking-widget.hub.slim:not(.open), div.booking-widget.hub.slim.open {
        height: 84px;
        padding-top: 0;
    }

    .booking-widget .hotel-flight-container, .booking-widget.hub .hotel-flight-container,
    div.booking-widget.hub:not(.open) .hotel-flight-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 18px 24px;
        padding: 0px;
        height: unset;
        width: 1200px;
    }

        .booking-widget .hotel-flight-container .locations {
            width: unset;
            padding: 0 24px 0 0;
            border-bottom: none;
            border-right: 1px dashed #C4C4C4;
        }

            .booking-widget .hotel-flight-container .locations > div {
                width: 180px;
            }

        .booking-widget .hotel-flight-container .dates {
            padding-left: 24px;
            width: 608px;
        }

    .booking-widget.hub.slim:not(.open) .dates {
        opacity: 100%;
    }

    .booking-widget.no-flight .hotel-flight-container .dates {
        width: 804px;
    }

    .booking-widget.hub .hotel-flight-container .dates {
        width: 50%;
    }

        .booking-widget.hub .hotel-flight-container .dates .find-my-vacation,
        .booking-widget.hub.slim .hotel-flight-container .dates .find-my-vacation,
        .booking-widget.hub.slim.expanded .hotel-flight-container .dates .find-my-vacation {
            position: absolute;
            right: calc(50% - 1124px/2);
            bottom: 16px;
            transition: background 400ms, bottom 400ms;
        }

    .booking-widget.hub.expanded .hotel-flight-container .dates .find-my-vacation {
        bottom: 77px;
    }

    [id$='origin-selection'] {
        top: 454px;
        left: calc(50% - 1124px/2);
    }

    .hub ~ [id$='origin-selection'],
    .hub ~ [id$='destination-selection'],
    .hub ~ [id$='date-selection'].open {
        top: 150px;
    }

    .hub ~ [id$='destination-selection'] {
        left: calc(50% - 1124px/2 + 187.5px);
    }

    .hub ~ [id$='date-selection'].open {
        left: calc(50% - 1124px/2);
    }

    [id$='destination-selection'] {
        top: 454px;
        left: calc(50% - 1124px/2 + 212px);
        width: 459px;
    }

    .no-flight ~ [id$='destination-selection'] {
        left: calc(50% - 1124px/2);
    }

    [id$='destination-selection'].airport-selection .content-wrapper .search-list {
        width: unset;
    }

    .airport-selection .select-region {
        width: unset;
    }

        .airport-selection .select-region .region-list {
            width: unset;
        }

    [id$='date-selection'].open {
        top: 454px;
        left: calc(50% - 318px);
        width: 880px;
        height: unset;
        bottom: unset;
    }

    [id$='date-selection'] .date-header {
        margin-bottom: 0;
    }

    [id$='date-selection'] .calendar-container {
        width: 784px;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 16px 0px 0px;
        gap: 8px;
        align-self: center;
        overflow: visible;
        height: unset;
    }

    .flatpickr-days, .flatpickr-weekdays {
        gap: 40px;
    }

    [id$='traveler-selection'].open {
        left: calc(50% - 1124px/2);
    }

    .booking-widget.expanded ~ [id$='traveler-selection'].open {
        top: 536px;
    }

    .option-selection,
    .hub ~ [id$='flight-class-selection'] {
        left: calc(50% - 792px/2);
        top: 540px;
    }

    .booking-widget.expanded ~ .option-selection {
        top: 536px;
    }

    [id$='car-selection'] {
        left: calc(50% - 300px);
    }

    [id*='recirc'] [id$='recirc-origin-selection'],
    [id*='recirc'] [id$='recirc-destination-selection'].open,
    [id*='recirc'] [id$='recirc-date-selection'].open {
        top: 246px;
    }

    .booking-widget.expanded ~ [id$='recirc-flight-class-selection'].open,
    .booking-widget.expanded ~ [id$='recirc-car-selection'].open,
    .booking-widget.expanded ~ [id$='recirc-traveler-selection'].open {
        top: 327px;
    }

    .booking-widget.hub ~ [id$='flight-class-selection'].open,
    .booking-widget.hub ~ [id$='car-selection'].open,
    .booking-widget.hub ~ [id$='traveler-selection'].open {
        top: 239px;
    }
    /* -------- End Booking Banner ---------------*/
    /* ------------- Heros ----------------------*/

    /* ------------- End Heros ------------------*/
    /* ------------- Cards -----------------------*/
    .card, .slick-slide.card {
        width: 364px;
        height: 546px;
    }

        .card.destination-theme-offer-flight {
            height: 620px;
        }

        .card.hotel-brand-location-offer {
            height: 640px;
        }

            .card.destination-theme-offer-flight .card-bg-image,
            .card.destination-theme-offer-flight .scrim,
            .card.hotel-brand-location-offer .card-bg-image,
            .card.hotel-brand-location-offer .scrim {
                height: 364px;
            }

        .card.destination-theme-offer .copy-container {
            height: 250px;
        }

            .card.destination-theme-offer .copy-container .title-container {
                width: 316px;
                height: 186px;
            }

            .card.destination-theme-offer .copy-container .card-title {
                width: 316px;
                font-size: 60px;
                line-height: 72px;
            }

            .card.destination-theme-offer .copy-container .card-label {
                display: none;
            }

        .card.destination-theme-offer:not(.listing-gallery-card):hover .copy-container .card-label,
        .card.listing-gallery-card .copy-container .card-label {
            display: block;
            width: 316px;
        }

        .card.destination-theme-offer:not(.listing-gallery-card):hover .copy-container {
            height: 226px;
        }

        .card.destination-theme-offer:not(.listing-gallery-card):hover .copy-container .title-container,
        .card.listing-gallery-card .copy-container .title-container {
            height: 162px;
        }

        .card.destination-theme-offer:not(.listing-gallery-card):hover .copy-container .card-title {
            font-size: 40px;
            line-height: 48px;
        }

        .card.listing-gallery-card .copy-container .card-title {
            font-size: 22px;
            line-height: 26px;
        }

    .listing-gallery .card.listing-gallery-card .scrim .copy-container {
        height: 184px;
    }

        .card.listing-gallery-card .copy-container .card-label {
            font-size: 16px;
            line-height: 20px;
            text-transform: capitalize;
            letter-spacing: unset;
        }

        .card.destination-theme.horizontal.large {
            width: 1124px;
            height: 375px;
        }

            .card.destination-theme.horizontal.large .copy-container {
                height: unset;
                width: 1034px;
                bottom: 32px;
                left: 24px;
            }

            .card.destination-theme.horizontal.large .card-title {
                height: unset;
                width: unset;
                font-size: 30px;
                line-height: 36px;
            }

        .card.destination-theme.horizontal.small {
            width: 364px;
            height: 121px;
        }

            .card.destination-theme.horizontal.small .copy-container {
                bottom: 18px;
                width: 290px;
            }

    .list-view .card.destination-theme-offer.listing-gallery-card {
        height: 202px;
    }

    .list-view .card.destination-theme-offer .copy-container {
        width: 855px;
        padding-right: 40px;
    }

    .list-view .card.listing-gallery-card .copy-container .title-container {
        max-width: calc(100% - 120px);
        padding: 0 40px;
    }

    .list-view .card .card-offerflag {
        max-width: 168px;
        line-height: 32px;
    }

/* ------------- End Cards -------------------*/
/* ------------- Three Up --------------------*/
    .three-up {
        padding-left: 0;
        left: calc(50% - 1124px/2);
        width: 1124px;
    }

    .three-up .title-bar {
        width: 100%;
    }

    .three-up .title-bar h3{
        font-size: 40px;
        line-height: 48px;
    }

    .card, .card.slick-slide {
        height: 514px;
        margin-right: 0;
    }

    .card.hotel-brand-location-offer {
        height: 640px;
    }

    .three-up .card-container {
        width: 1200px;
        display: flex;
        gap: 16px;
        padding-bottom: 16px;
    }

    .three-up .slider-controls {
        display: none;
    }
/* ------------- End Three Up ----------------*/

/* ------------- All Up ----------------------*/
    .all-up-container .all-up, .listing-gallery-container .listing-gallery {
        padding: 64px 38px 80px;
        width: 1200px;
    }
    .all-up .slider-controls {
        display: none;
    }

    .all-up div.card-container .card:nth-of-type(3n),
    .listing-gallery div.card-container .card:nth-of-type(3n) {
        margin-right: 0;
    }

/* ------------- End All Up ------------------*/
/* ------------- Featured 6 Up ---------------*/
    .featured-six-up {
        width: 1200px;
        padding-left: 38px;
        margin-left: calc(50% - 600px);
    }

    .featured-six-up .title-bar {
        width: calc(100% - 58px);
    }
    
    .featured-six-up .title-bar h3 {
            font-size: 40px;
            line-height: 48px;
    }

/* ------------- End Featured 6 Up -----------*/
/* ------------- Story -----------------------*/
    .story {
        position: relative;
        top: 64px;
        width: 1200px;
        margin-left: calc(50% - 600px);
        margin-bottom: 116px;
    }
/* ------------- SixUp Pathing ---------------*/
.six-up {
    padding: 40px 38px;
    width: 1124px;
    margin-left: calc(50% - 600px);
}

    .six-up .title-container h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .six-up .tile-container {
        gap: 16px
    }

    .six-up a.tile, .six-up div.tile {
        width: 364px;
        height: 364px;
        flex: 0 0 364px;
        margin: 0;
    }

    .six-up .tile .content-container {
        padding: 32px 24px;
    }

    .six-up .line {
        top: 223px;
        left: 158px;
        width: 100%;
        height: 808px;
    }
/* ------------- End SixUp Pathing ------------*/
/* ------------- Editorial Feature------------*/
    .editorial {
        width: 1200px;
        margin-left: calc(50% - 600px);
        padding: 64px 38px 80px;
    }

    .editorial .copy-container {
        height: 137px;
    }

        .editorial .title-container h3 {
            font-size: 40px;
            line-height: 48px;
        }

        .editorial .image-container {
            height: 365px;
        }

        .editorial .img1, .editorial .img3 {
             width: 554px;
           height: 277px;
        }

        .editorial .img2 {
            left: 380px;
            height: 269px;
            width: 269px;
            border-width: 12px;
        }
/* ------------- End Editorial Feature -------*/
/* ------------- Highlight Content -----------*/
    .highlight-content {
        padding: 64px 38px 80px;
        align-items: center;
    }

    .highlight-content .title {
        font-size: 40px;
        line-height: 48px;
        align-self: flex-start;
        margin-left: calc(50% - 1124px / 2);
    }

        .highlight-content .content-container {
            gap: 48px 16px;
            max-width: 1200px;
            width: 100%;
            min-height: 550px;
            height: 610px;
            flex-direction: column;
            justify-content: flex-start;
        }

        .highlight-content .img1 {
            width: 459px;
            height: 459px;
            margin-left: 107px;
            margin-right: -16px;
        }

        .highlight-content .img2,
        .highlight-content .img3 {
            width: 269px;
            height: 336px;
        }

        .highlight-content .copy-container .text-title {
            font-size: 30px;
            line-height: 36px;
        }

        .highlight-content .copy-container .button {
            margin-top: 16px;
        }
/* ------------- End Highlight Content -------*/
/* ------------- Listing Gallery--------------*/
.listing-gallery .slider-controls {
    display: flex;
}

    .listing-gallery .card-container .card:nth-of-type(2n) {
        margin-right: 16px;
    }

    .listing-gallery .card-container .card:nth-of-type(3n) {
        margin-right: 0;
    }
/* ------------- End Listing Gallery----------*/
/* ------------- Regions ---------------------*/
.regions {
    max-width: 934px;
}
/* ------------- End Regions -----------------*/
/* ------------- Hotel Description -----------*/
    .hotel-description {
        padding: 120px 38px 88px;
        gap: 10px;
        box-sizing: border-box;
        width: 1200px;
        margin-left: calc(50% - 600px);
    }

    .hotel-description .description-container {
        flex-direction: row;
        gap: 54px;
    }

    .description-container div {
        box-sizing: border-box;
    }

        .hotel-description .description-container > div:first-of-type {
            flex: 1 0 706px;
            padding-right: 41px;
            border-right: 1px dashed #C4C4C4;
        }

        .hotel-description .description-container > div:last-of-type {
            flex: 1 0 364px;
        }

    .hotel-description .description-container .description-title {
        font-size: 30px;
        line-height: 36px;
    }

        .hotel-description .amenities {
            border-top: none;
            border-left: 1px 
        }

        .hotel-description .amenities h4 {
            margin: 0;
        }

    .hotel-description .button-container {
        padding-top: 46px;
    }
    /* ------------- End Hotel Description -------*/
    /* ------------- Image Feature ---------------*/
    .image-feature {
        max-width: 1200px;
        margin-left: calc(50% - 600px);
        padding: 0 38px 200px;
        gap: 80px;
    }

        .image-feature .line {
            bottom: 81px;
            right: 365px;
            width: 760px;
            height: 450px;
        }
        .image-feature .img1 {
            height: 562px;
        }
        .image-feature .img2 {
            width: 380px;
            height: 479px;
            bottom: 116px;
            right: 133px;
        }

        .image-feature .copy-container {
            margin-left: 190px;
            z-index: 1;
        }


/* ------------- End Image Feature -----------*/
/* ------------- Hotel Images ----------------*/
    .hotel-images {
        max-width: 1200px;
        margin-left: calc(50% - 600px + 17px / 2);
        padding: 64px 38px 80px;
        gap: 48px;
    }

        .hotel-images .title {
            font-size: 40px;
            line-height: 48px;
        }

    .hotel-images .carousel-container {
        width: 1200px;
        height: 419px;
    }

.hotel-images .image-container {
    height: 419px;
}

.hotel-images .image-container .carousel-image {
    width: 744px;
    height: 419px;
}

.hotel-images .image-container .image-stack {
    width: 747px;
}

    .hotel-images .image-container .image-stack .carousel-image {
        width: 364px;
        height: 205px;
    }
/* ------------- End Hotel Images ------------*/
/* ------------- Area Explore ----------------*/
.area-explore {
    width: 100%;
    padding: 0;
}

    .area-explore .header-container {
        padding: 64px calc(50% - 562px) 160px;
    }

        .area-explore .header-container .text-label {
            font-size: 40px;
            line-height: 48px;
        }

    .area-explore .area-container {
        flex-direction: row;
        align-items: flex-start;
        padding: 0 calc(50% - 562px);
        box-sizing: border-box;
        gap: 16px;
    }
        .area-explore .points-of-interest {
            padding: 0;
        }

/* ------------- End Area Explore ------------*/
/* ------------- Footer ----------------------*/
    #global-footer {
        height: 536px;
    }

    #global-footer .divider {
        display: none;
    }

    #global-footer #footer-flex-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
        gap: 14px;
        white-space: nowrap;
        width: 1124px;
        margin: 0 auto;
    }

    #global-footer #footer-flex-container .nav-heading {
        height: 18px;
        font-size: 14px;
        line-height: 18px;
    }

    #global-footer #footer-flex-container .basis-content.desktop {
        display: block;
    }

    #global-footer #footer-flex-container .basis-content.mobile {
        display: none;
    }

        #global-footer #footer-flex-container .basis-content {
            flex-basis: content;
        }
            #global-footer #footer-flex-container .basis-content ul {
                display: block;
            }

            #global-footer #footer-flex-container .basis-100 {
                display: flex;
                flex-direction: row;
                flex-basis: 100%;
                justify-content: left;
                gap: 14px;
                padding-top: 8px;
            }

            #global-footer #footer-flex-container .basis-content .nav-heading {
                color: #c4c4c4;
                font-size: 14px;
                line-height: 18px;
                text-transform: uppercase;
                letter-spacing: 0.1em;        
            }

                #global-footer #footer-flex-container ul {
                    line-height: 24px;
                    letter-spacing: 0.015em;
                    padding-top: 24px;
                }

                    #global-footer #footer-flex-container ul li {
                        padding-top: 8px;
                    }

        #global-footer #footer-flex-container div.basis-100 ul {
            display: flex;
            flex-direction: row;
            justify-content: left;
            gap: 20px;
            padding-top: 0;
        }

        #global-footer #row2 {
            flex-basis: 100%;
            flex-direction: row;
            width: 1124px;
            align-self: center;
            padding-top: 34px;
        }

        #global-footer #footer-nav-list {
            flex-direction: column;
            gap: 8px;
        }

            #global-footer #footer-nav-list li {
                list-style: '❯ ';
            }

                #global-footer #footer-nav-list li:first-child {
                    list-style: none;
                }

            #global-footer #footer-nav-list ::marker {
                font-size: smaller;
            }

        #global-footer #lockup {
            width: 268px;
            align-self: flex-end;
            position: relative;
            left: 80%;
            margin-top: -45px;
        }
/* ------------- End Footer ------------------*/
/* ------------- Alert Banner ----------------*/
    .alert-banner{
        padding: 8px calc(50% - 600px + 48px);
    }

    .alert-banner.open {
        padding: 48px calc(50% - 600px + 48px);
        gap: 24px;
    }
/* ------------- End Alert Banner ------------*/
/* Desktop-specific styling for Listing Module Filters */

    .all-up-container .filter-modal-container {
        border-radius: 14px;
        width: 60%;
        height: 65%;
        max-height: 832px;
        margin-top: 16em; /* To keep it consistently under the search hub banner */
    }

    .all-up-container .filter-section .filter-control-container .filter-checkbox {
        flex-basis: 49%;
    }

    .all-up-container .filter-section .filter-control-container .brand-filter-toggle {
        flex-basis: 24%;
    }
/* ---- End Listing Module Filters ---- */
}

@media only screen and (min-width: 1248px) {
    .hub ~ [id$='origin-selection'] {
        left: calc(50% - 1174px/2);
    }
}

/* ------------------- Styling Unique to HWS Search page ----------*/

div#hws-logo-container {
    width: 100%;
    text-align: center;
}

div#hws-logo-container img {
    max-width: 80%;
    margin: 24px auto;
}

div#hws-container {
    margin-top: 95px;
}

div#hws-hotel-information {
    background: #fff;
    text-align: center;
    margin: 24px 0;
    border-radius: 16px;
    padding: 16px 24px 16px 24px;
    position: relative;
    box-shadow: 0px 4px 16px rgb(0,0,0,0.12);
}

div#hws-container .hws-heading {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#hws-container .hws-subheading {
    width: 100%;
    margin-top: -8px;
}

.hws-cta-text {
    width: 90%;
    max-width: 800px;
    text-align: center;
    color: #fff;
    display: block;
    position: relative;
    padding: 16px 24px;
    font-weight: 400;
    margin: 16px auto 392px auto;
}

@media only screen and (min-width: 769px) {
    div#hws-hotel-information {
        width: 800px;
        left: calc(50% - 848px /2);
    }

    div#hws-container div#booking-widget.booking-widget {
        width: 800px;
        left: calc(50% - 848px / 2);
    }

    div#hws-container div#booking-widget.booking-widget div.dates,
    div#hws-container div#booking-widget.booking-widget div.locations {
        width: 100%;
        border-right: none;
        padding-right: 0;
        padding-left: 0;
    }

    div#hws-container div#booking-widget.booking-widget div.locations {
        padding-bottom: 16px;
        border-bottom: 1px dashed #c4c4c4;
    }

        div#hws-container div#booking-widget.booking-widget div.locations div {
            width: 50%;
        }

    div#hws-container div#booking-widget.booking-widget {
        top: 0;
        height: 206px;
        padding: 24px;
    }

    div#hws-container div#booking-widget.booking-widget.expanded {
        height: 240px;
    }

    div#hws-container div#booking-widget.booking-widget .hotel-flight-container {
        width: 100%;
        gap: 24px;
    }

    div#hws-container [id$='origin-selection'] {
        left: calc(50% - 800px / 2);
    }

    .hws-cta-text {
        font-size: 22px;
    }
}

@media only screen and (max-width: 768px) {
    div#hws-hotel-information {
        width: calc(100% - 66px);
        padding: 4px 16px;
        left: 16px;
        top: -48px;
        margin-top: 48px;
    }

    #hws-cta-container {
        margin-top: -90px;
    }

    p.hws-cta-text {
        font-size: 18px;
        margin: -50px auto 128px auto;
    }

    /* CSS-only slider */
    .all-up-container .card-container.slide-container {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .all-up-container .card-container.slide-container::-webkit-scrollbar {
        display: none;
    }

    .all-up-container .card-container.slide-container {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    /* CSS-only slider */
}

/* ------------- END HWS Search Page -------------------*/

/* Targeted to ONLY Tablet widths to address lingering edge cases with widths between 769-1199px */

/* Tablet-specific adjustments for Listing Module Filters */
@media only screen and (min-width:769px) and (max-width:1199px) {
    .section .all-up-container .filter-modal-container {
        margin-top: 20em;
        width: 80%;
        height: 60%;
        border-radius: 14px;
    }

    .section .all-up-container .filter-modal-container .filter-modal-content .filter-checkbox {
        flex-basis: 48%;
    }

    .section .all-up-container .filter-modal-container .filter-modal-content .brand-filter-toggle {
        flex-basis: 32%;
    }
}
/* END target Tablet section */

/* ------------------- DESKTOP XL --------------------*/
@media only screen and (min-width: 1440px) {
/* ------------- Header ----------------------*/
/* ------------- End Header ------------------*/

/* --------------- Heros ---------------------*/
/* ------------- End Heros -------------------*/

/* ------------- Footer ----------------------*/
    /*#global-footer {
        padding: 64px 158px 80px;
        gap: 40px;
    }*/
/* ------------- End Footer ------------------*/

}