/**Nav Bar**/
@media (min-width: 768px) {
    .navbar-center {
        position: absolute;
        left: 25%;
        transform: translatex(-2%);
    }
}



/* ==========================
   HOLIDAY PROMOTION SECTION
   ========================== */

/*
   Collapse WebManager's dynamic-centering area.
   This is what is creating the large gap above the promo.
*/
.banner-container.dynamic-centering:has(.holiday-promo-banner) {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    display: block !important;
}


/* Keep every outer wrapper transparent */
.banner-container:has(.holiday-promo-banner) .page-content-row,
.banner-container:has(.holiday-promo-banner) .page-content-row > div,
.banner-container:has(.holiday-promo-banner) .container,
.banner-container:has(.holiday-promo-banner) .row,
.banner-container:has(.holiday-promo-banner) .page-content-column,
.banner-container:has(.holiday-promo-banner) .page-content-column > div,
.banner-container:has(.holiday-promo-banner) .page-content-element,
.banner-container:has(.holiday-promo-banner) .page-content-element > div,
.banner-container:has(.holiday-promo-banner) .element-outer-container,
.banner-container:has(.holiday-promo-banner) .element-container,
.banner-container:has(.holiday-promo-banner) .customhtml {
    height: auto !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    background: transparent !important;
}


/* ==========================
   PROMOTION
   ========================== */

/*
   Fill the EXISTING site container.
   This keeps the same left/right alignment as the logo.
*/
.holiday-promo-banner {
    width: 100%;
    margin: 0;

    background: #050505;

    border-top: 2px solid #159ee4;

    box-sizing: border-box;
}


/* Compact content — no giant empty space */
.holiday-promo-content {
    padding: 12px 24px 14px;

    text-align: center;
}


/* Actual promotional heading */
.holiday-promo-heading {
    margin: 0 0 2px;

    color: #ffffff;

    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
}


/* Supporting copy */
.holiday-promo-message {
    margin: 0;

    color: #f2f2f2;

    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}


/* Main offer */
.holiday-promo-message strong {
    display: inline-block;

    margin-left: 5px;

    color: #159ee4;

    font-size: 29px;
    font-weight: 900;
    line-height: 1.05;
}


/* ==========================
   TABLET
   ========================== */

@media (max-width: 991px) {

    .holiday-promo-content {
        padding: 11px 18px 13px;
    }

    .holiday-promo-heading {
        font-size: 26px;
    }

    .holiday-promo-message {
        font-size: 18px;
    }

    .holiday-promo-message strong {
        font-size: 25px;
    }
}


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

@media (max-width: 767px) {

    .holiday-promo-content {
        padding: 11px 14px 13px;
    }

    .holiday-promo-heading {
        font-size: 22px;
    }

    .holiday-promo-message {
        font-size: 16px;
        line-height: 1.3;
    }

    .holiday-promo-message strong {
        display: block;

        margin: 3px 0 0;

        font-size: 23px;
    }
}