/* =========================================
   FORCE HEADER TEXT VISIBILITY
   ========================================= */

header,
header *,
.navbar,
.navbar *,
.navbar-brand,
.navbar-brand *,
.navbar-nav .nav-link,
.navbar-nav .nav-link *,
header a,
header a *,
header span,
header p {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

header a:hover,
.navbar-nav .nav-link:hover {
    color: #f1f5f9 !important;
}


/* =========================================
   FORCE FOOTER TEXT VISIBILITY
   ========================================= */

footer,
footer *,
.footer,
.footer *,
.site-footer,
.site-footer * {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover {
    color: #f1f5f9 !important;
}


/* =========================================
   MAKE HEADER / FOOTER BACKGROUND DARK
   ========================================= */

header,
.navbar {
    background-color: #111827 !important;
}

footer,
.footer,
.site-footer {
    background-color: #111827 !important;
}


/* =========================================
   BUTTON / ICON TEXT
   ========================================= */

header i,
header svg,
header .fa,
footer i,
footer svg,
footer .fa {
    color: #ffffff !important;
}


/* Don't allow common Bootstrap classes to make text white
   on a white background unexpectedly */
header .text-dark,
footer .text-dark {
    color: #ffffff !important;
}

/* FORCE FOOTER VISIBILITY */
footer,
footer div,
footer p,
footer span,
footer small,
footer strong,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer a,
footer li,
footer label {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Footer links */
footer a,
footer a:visited {
    color: #ffffff !important;
}

footer a:hover {
    color: #dddddd !important;
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #ffffff !important;
}

/* Footer background */
footer {
    background-color: #111827 !important;
}

/* Bootstrap/text classes that may be overriding it */
footer .text-dark,
footer .text-body,
footer .text-muted,
footer .text-secondary,
footer .text-black {
    color: #ffffff !important;
}