/* 2026 JUNE SALE 2026-05 */

body > #promo_banner {
    background-color: #ff9b00;
    background-image: url(../../images/ui/banner_bg_sunrise.jpg);
    background-position: 50% 44%;
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    height:4rem;
    overflow: hidden;
    position:fixed;
    top:0;
    width:100%;
    z-index:10000;
}

body > #promo_banner #promo_hdr {
    min-width: 20rem;
    height: 4rem;
    line-height: 0rem !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    font-size: 1.0rem;
}

body > #promo_banner #promo_hdr span {
    color: #fff !important;
    line-height: 1.5rem;
    padding-top: 0.25rem;
}

body > #promo_banner #promo_hdr span.highlight {
    color: #ff9b00 !important;
    font-size: 1rem;
    line-height: 1rem;
    background: #fff;
    padding: 0.125rem 0.5rem 0.25rem 0.5rem !important;
    border-radius: 0.25rem;
    margin: 0.375rem 0 0 0 !important;
}

body > #promo_banner #promo_hdr img {
    height: 3rem;
}

body > #promo_banner #promo_hdr .edg-lft,
body > #promo_banner #promo_hdr .edg-rgt {
    overflow: hidden;
    position: absolute;
    height: 10rem;
    top: 50%;
    transform: translate(0,-50%);
    z-index: -1;
}

body > #promo_banner #promo_hdr .edg-lft {
    left: -2rem;
}

body > #promo_banner #promo_hdr .edg-rgt {
    right: -2rem;
}

body > #promo_banner #promo_hdr .edg-lft img,
body > #promo_banner #promo_hdr .edg-rgt img {
    height: 100%;
    width: auto;
}

body > #header { top:4rem; }

body > #header.fix-top { top:0rem !important; }

body > #main_nav,
body.menu-open > #overlay {
    top: 9rem;
}

.search-box-container {
    border-bottom: 1px solid #cccccc;
    margin: 9rem 0 0 0;
}

.search-box-container.fix-top {
    border-bottom: 0px solid #cccccc;
    margin: 5rem 0 0 0;
}

.page-wrapper {
    padding-top: 9rem !important; /* Add 4 rem to allow interior pages to show fully */
}

@media (max-width: 1040px){
    body > #promo_banner #promo_hdr .edg-lft,
    body > #promo_banner #promo_hdr .edg-rgt {
        height: 8rem;
    }
}

@media (max-width: 860px){
    body > #promo_banner #promo_hdr .edg-lft,
    body > #promo_banner #promo_hdr .edg-rgt {
        height: 7rem;
    }
}

@media (max-width: 600px){
    body > #promo_banner #promo_hdr .edg-lft,
    body > #promo_banner #promo_hdr .edg-rgt {
        height: 6rem;
    }
}

@media (max-width: 530px){
    body > #promo_banner #promo_hdr {
        min-width: unset;
        height: 4rem;
    }
}

@media (max-width: 480px){

    body > #promo_banner {

    }

    body > #promo_banner #promo_hdr .edg-lft,
    body > #promo_banner #promo_hdr .edg-rgt {
        height: 7rem;
    }

    body > #promo_banner #promo_hdr .edg-lft {
        left: -7rem;
    }

    body > #promo_banner #promo_hdr .edg-rgt {
        right: -7rem;
    }
}

@media (max-width: 350px){
    body > #promo_banner #promo_hdr {
        font-size: 0.875rem;
    }
}