/* NOTHING COMES CLOSE */

/* Update button color sitewide */
body .button.magic-carpet-orange,
body .button.primary-alt,
body .button.primary,
body .button.orange-monetate,
body .button.btn-official-accent,
.cta-btn-cls {
    background-color: #e87435 !important;
}


/* Updated button hover color sitewide */
body .button.magic-carpet-orange:hover,
body .button.primary-alt:hover,
body .button.primary:hover,
body .button.orange-monetate:hover,
body .button.btn-official-accent:hover,
.cta-btn-cls:hover {
    background-color: #D16930 !important;
    color: #ffffff !important;
}


/* Update font to BOLD Hero-Static only on HP */
.page.page-home .statichero .hero-banner .title,
.page.page-home .statichero .hero-banner .subtitle p {
    font-weight: 700;
}


/* Lockup Homepage Large Tall Embed */
.page.page-home .hero-banner.embed .hero-promotional .lock-up-picture img.lock-up-image[src*="03-27-24-WEB-Homepage-Lockup-Nothing-Comes-Close-2600.png"],
.page.page-home .hero-banner.embed .hero-promotional .lock-up-picture img.lock-up-image[src*="NCC-lockup-NoLogo-AU-NZ.png"] {
    max-width: 1060px !important;
}

/* Lockup Editable Template Hero Static */
.page.page-content .statichero .hero-banner .hero-promotional .lock-up-picture img.lock-up-image[src*="custom-large-lockup"] {
    max-width: 900px !important;
}

/* Abandoned Booking Module Font */
.statichero .module-abandoned-notification {
    height: 100%;
}

.statichero .embed .module-abandoned-notification .alignTop {
    padding-top: 0;
}

/* Removes issue of abandoned booking not being set */
/* .statichero .embed .module-abandoned-notification#abandoned-notification {
    max-height: 100% !important;
} */

/* Aligns Content vertically when EMBED is selected */
.statichero .embed .module-abandoned-notification .notification-content {
    top: 50%;
    transform: translateY(-70%);
}

.statichero .embed .module-abandoned-notification .notification-content #dismiss-abandoned {
    font-weight: 700;
    font-size: 1.5rem;
}

.statichero .module-abandoned-notification .notification-content .continue-col .continue-label {
    font-weight: 700;
    width: 100%;
}

@media screen and (min-width: 767px) {

    .statichero .module-abandoned-notification .notification-content .continue-col .continue-label,
    .statichero .module-abandoned-notification .notification-content .itinerary-nights,
    .statichero .module-abandoned-notification .notification-content .itinerary-details {
        font-size: 2.5rem;
    }
}