/* custom overrides for logo colors */
/* initial page load (header not scrolled) */
#header .logo svg path {
    fill: #2a6099 !important;
}

/* when the header gains the "scrolled" class */
#header.scrolled .logo svg path {
    fill: #2a6099 !important;
}

/* ensure mobile overlay logo follows same colors */
.mobile-logo .logo svg path {
    fill: white !important;
}
#header.scrolled + .mobile-container .mobile-logo .logo svg path,
.mobile-logo.scrolled .logo svg path {
    fill: #2a6099 !important;
}

/* same rules for dark header variant so our custom colors are not overridden */
.header-dark #header:not(.scrolled) .logo svg path {
    fill: white !important;
}
.header-dark #header.scrolled .logo svg path {
    fill: #2a6099 !important;
}

/* footer text color */
#footer, .footer {
    color: grey;
}

/* hero title text color */
.hero.text-light h2 {
    color: #ffffff !important;
}