/* TYPOGRAPHY ADJUSTMENTS */
h4 {
    margin-top: 40px;
    margin-bottom: -10px;
}

/* HEADER & LOGO STATES */
#logo-light {
    display: none !important;
}

#logo-dark {
    display: block !important;
}

/* SECTION OFFSET */
.is-section:first-child {
    margin-top: 120px !important;
}

/* HEADER BASE STATE (MATCHES JS SCROLL >= 50) */
#header-container {
    background: #fff !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5) !important;
}

/* TEXT COLORS – MATCH PRIMARY BLUE */
.dan-search,
.dan-pure-css-menu > li > a,
li.menubar2link > a,
#backgroundbasket a,
#backgroundbasket i,
#backgroundbasket,
#currencyselect select,
#nav-mobile {
    color: #1a325b !important;
    text-shadow: none !important;
}

/* HOVER STATES */
.dan-pure-css-menu > li > a:hover,
li.menubar2link > a:hover,
#backgroundbasket a:hover {
    color: #000 !important;
    text-shadow: none !important;
}

/* BURGER ICON */
.danburger-bar {
    background: #1a325b !important;
}

/* MENU DIV – BORDER MATCHING JS GRADIENT */
.menudiv {
    border-top: 1px solid transparent !important;
    border-image-source: linear-gradient(
        to right,
        transparent 0px,
        transparent 170px,
        rgba(0, 0, 0, 0.15) 170px
    ) !important;
    border-image-slice: 1 !important;
}

/* MOBILE OVERRIDES */
@media only screen and (max-width: 980px) {

    #menu-btn span {
        background: #1a325b;
    }

    #logo-light,
    #logo-dark {
        display: none !important;
    }

    #logo-light-mobile {
        display: none !important;
    }

    #logo-dark-mobile {
        display: block !important;
    }

    .is-section:first-child {
        margin-top: 60px !important;
    }

    .dan-pure-css-menu > li > a,
    li.menubar2link > a,
    .dan-pure-css-menu > li > a:hover,
    li.menubar2link > a:hover {
        color: #1a325b !important;
        text-shadow: none !important;
    }
}