.header-wl { 
    overflow: visible !important;
    position: relative;
    background-color: #1E52FE;
    box-shadow: inset 0px -1px 0px 0px #eee;
}

.container-wl {
    padding: 20px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

ul#navigation-wl {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 35px;
    margin-top: -18px;
    display: block;
    list-style: none;
    font-size: 15px;
}

header {
    height: auto !important;
    min-height: 110px !important;
    border-top: 0px;
}

/* Hide Hotel Reservations (desktop   mobile) */
#message-wl,
li#message-wl,
ul#navigation-wl li#message-wl,
body #message-wl {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Also hide fallback headers */
#Page-Header,
#Page-Header h1,
h1.PageHeader,
#Profile h1:not([itemprop="name"]),
#HotelName h1:not([itemprop="name"]) {
    display: none !important;
}

/* Keep real hotel name visible */
h1[itemprop="name"],
#Profile #hotel-contact h1[itemprop="name"],
#HotelName h1[itemprop="name"] {
    display: block !important;
    visibility: visible !important;
}

/* View Reservation button text */
#viewres-wl,
#viewres-wl:link,
#viewres-wl:visited,
#viewres-wl:hover {
    color: #ffffff !important;
}

/* ===== FOOTER ===== */

#Footer,
#footer,
#page-footer,
#PageFooter,
footer {
    background-color: #122036 !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 30px 0 !important;
}

#Footer,
#footer,
#page-footer,
#PageFooter,
footer,
#Footer small,
#footer small,
#page-footer small,
#PageFooter small,
footer small {
    font-size: 11px !important;
}

#Footer a,
#footer a,
#page-footer a,
#PageFooter a,
footer a,
#Footer a:link,
#footer a:link,
#page-footer a:link,
#PageFooter a:link,
footer a:link,
#Footer a:active,
#footer a:active,
#page-footer a:active,
#PageFooter a:active,
footer a:active,
#Footer a:visited,
#footer a:visited,
#page-footer a:visited,
#PageFooter a:visited,
footer a:visited {
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 0 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#Footer a:hover,
#footer a:hover,
#page-footer a:hover,
#PageFooter a:hover,
footer a:hover {
    text-decoration: underline !important;
}

/* ===== MOBILE ===== */

@media (max-width: 767px) {

    .header-wl,
    header {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .container-wl {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 8px 15px !important;
    }

    #logo-wl {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #logo-wl img {
        display: block !important;
        max-height: 28px !important;
        width: auto !important;
        margin: 0 !important;
    }

    ul#navigation-wl {
        position: static !important;
        top: auto !important;
        right: auto !important;
        height: auto !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        list-style: none !important;
    }

    ul#navigation-wl li:not(#message-wl) {
        display: flex !important;
        align-items: center !important;
        margin: 0 0 0 10px !important;
        padding: 0 !important;
    }

    a#viewres-wl,
    a#viewres-wl:link,
    a#viewres-wl:visited {
        display: inline-block !important;
        padding: 8px 8px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        color: #fff !important;
    }

    /* VacationOnline-style mobile footer */
    #Footer,
    #footer,
    #page-footer,
    #PageFooter,
    footer {
        text-align: center !important;
        padding: 20px 10px !important;
    }

    #Footer *,
    #footer *,
    #page-footer *,
    #PageFooter *,
    footer * {
        color: #ffffff !important;
        text-align: center !important;
        float: none !important;
    }

    #Footer a,
    #footer a,
    #page-footer a,
    #PageFooter a,
    footer a {
        display: inline !important;
        padding: 0 4px !important;
        margin: 0 !important;
        white-space: normal !important;
    }

    #Footer img,
    #footer img,
    #page-footer img,
    #PageFooter img,
    footer img {
        display: block !important;
        margin: 12px auto 0 !important;
        height: auto !important;
        max-width: 180px !important;
    }

    #BackToTopBottom,
    #BackToTopBottom a {
        display: inline-block !important;
        float: none !important;
        margin: 12px auto 0 !important;
        text-align: center !important;
    }

    #message-wl {
        display: none !important;
    }
}