/* Force the top website header section to be solid black */
header,
.header,
#sp-header,
.sp-header,
.container-header,
.header-wrapper {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
}
div[class*="header"] {
    position: relative !important; /* Overrides fixed or sticky placement */
    top: auto !important;          /* Resets fixed boundaries */
    width: 100% !important;
}

/* Force menu links inside the header to be white so they don't vanish */
header a, 
.container-header a, 
#sp-header a,
header .nav-link,
header .navbar-brand {
    color: #ffffff !important;
}

/* Force the sub-menu container to align horizontally */
ul.sub-horizontal-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* Centers the links across the page */
    list-style: none !important;        /* Removes default bullets */
    padding: 10px 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    background-color: #111111 !important; /* Dark bar underneath the main image banner */
}

/* Format each individual menu item */
ul.sub-horizontal-menu li {
    margin: 0 15px !important; /* Adjust this value to increase/decrease link spacing */
    padding: 0 !important;
}

/* Style the navigation text links */
ul.sub-horizontal-menu li a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    transition: color 0.2s ease-in-out;
}

/* Highlight style when hovering over links */
ul.sub-horizontal-menu li a:hover {
    color: #ce1126 !important; /* Switches text color to patriotic red on hover */
}
/* Force a solid background color on the website footer section */
footer,
.footer,
.footer-wrapper,
#sp-footer,
.container-footer,
div[class*="footer"] {
    background: #000000 !important; /* Change this to your preferred Hex color (e.g., #002060 for Navy Blue) */
    background-color: #000000 !important;
    background-image: none !important; /* Removes any default template gradients */
    padding: 20px 0 !important;        /* Adds a comfortable breathing room cushion above and below */
}

/* Force all text and links inside the footer to be white or readable */
footer, footer p, footer span, footer div, footer a {
    color: #ffffff !important;
}

/* Optional: Highlight footer links when a user hovers over them */
footer a:hover {
    color: #ce1126 !important; /* Changes link text to red on hover */
    text-decoration: underline !important;
}