/* 2027 RATES 2026-04 */

body > #promo_banner {
    background-color: #392209;
    background-image: url(../../images/ui/banner_bg_sunrise.jpg);
    background-position: 50% 48%;
    background-repeat: no-repeat;
    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: 4rem !important;
    color: #804236 !important;
    white-space: nowrap !important;
    font-size: 1.0rem;
    text-shadow: 0 0.15rem 0.15rem rgba(253,220,80,1), 0 -0.15rem 0.3rem rgba(239,123,70,1);
}

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;
        line-height: 4rem !important;
    }
}

@media (max-width: 480px){

    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;
    }
}