:root{
--base-h: 210;
--base-s: 50%;
--base-l: 40%;
--base-two-h: 213;
--base-two-s: 100%;
--base-two-l: 14%;
}

/* Secondary color injected directly on footer (overrides theme) */
.footer-area {
    background-color: #002046 !important;
}

/* Header — selectors raised to header.header / #header so they win over the
   fixed dark rule in custom.css (which also uses !important). Top header on
   the banner stays translucent (66 = ~40% alpha). */
header.header,
#header,
.header {
    background-color: #00204666 !important;
}

header.header.fixed-header,
#header.fixed-header,
.header.fixed-header {
    background-color: #002046 !important;
}

@media screen and (max-width: 991px) {
    header.header,
    #header,
    .header {
        background-color: #002046 !important;
    }
}