/* Global Override CSS - Consistent styling for all pages */

/* ----------  BACKGROUND COLORS  ---------- */
#main {
    background-color: #e8f0f5 !important; /* Pale blue main page */
}

#sidebar {
    background-color: #36455e !important; /* Dark blue */
    color: #e8f0f5 !important; /* Light blue text */
}

/* ----------  SIDEBAR STYLING  ---------- */
#sidebar h2 {
    color: #e8f0f5 !important; /* Light blue text */
    background: none !important; 
    padding: 0 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}

#sidebar a {
    color: #e8f0f5 !important; /* Light blue text */
    font-weight: bold !important;
}

#sidebar a:hover {
    color: #ffffff !important; /* White on hover */
}

#sidebar .copyright {
    color: #e8f0f5 !important; /* Light blue text */
}

/* Sidebar menu styles */
#menu ul li {
    border-top: solid 1px rgba(232, 240, 245, 0.3) !important;
}

#menu ul li a {
    color: #e8f0f5 !important; /* Light blue text */
}

#menu ul li a:hover {
    color: #ffffff !important; /* White on hover */
}

#menu > ul > li > span.opener {
    color: #e8f0f5 !important; /* Light blue text */
}

#menu > ul > li > span.opener:hover {
    color: #ffffff !important; /* White on hover */
}

#menu > ul > li.active > a, 
#menu > ul > li.active > span {
    color: #ffffff !important; /* White for active items */
}

/* Search box styling */
#sidebar section#search {
    background-color: #2a3347 !important; /* Darker than sidebar */
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding: 0.75rem !important;
}

#sidebar input[type="text"], 
#sidebar input[type="password"], 
#sidebar input[type="email"], 
#sidebar select, 
#sidebar textarea {
    background-color: #e8f0f5 !important; /* Light blue background */
    border-color: #e8f0f5 !important;
    color: #36455e !important; /* Dark blue text */
}

/* Sidebar search placeholder */
#sidebar input[type="text"]::placeholder {
    color: #36455e !important; /* Same as sidebar background */
}

/* Sidebar contact information */
.contact li {
    color: #e8f0f5 !important; /* Light blue text */
}

/* Remove orange underlines from contact email and phone */
.contact li:before {
    color: #E25541 !important;
}

.contact li a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Sidebar section headers with orange underline */
#sidebar section header.major {
    border-bottom: solid 2px #E25541 !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 1rem !important;
}

/* ----------  HEADER STYLING  ---------- */
/* Orange underlines for main page headers */
header.major > :last-child {
    border-bottom: solid 2px #E25541 !important;
}

/* Header bottom border */
#header {
    border-bottom: solid 5px #E25541 !important;
}

/* ----------  ICONS STYLING  ---------- */
/* Icons orange */
.features article .icon:before, 
.icon.solid:before {
    color: #E25541 !important;
}

/* Social icons consistent orange */
.icons li a {
    color: #E25541 !important;
}

.icons li a:hover {
    color: #ffffff !important;
    background-color: #E25541 !important;
}

/* ----------  CONTENT STYLING  ---------- */
/* Content cards & boxes */
.value-card,
.team-member,
.testimonial,
.box {
    background-color: white !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* Orange accent colors */
.value-card .icon {
    color: #E25541 !important;
}

/* Mission box with dark blue background */
.mission-box {
    background-color: #36455e !important;
    color: white !important;
    padding: 2em !important;
    border-radius: 5px !important;
    margin: 2em 0 !important;
}

.mission-box h2 {
    color: white !important;
    border-bottom: 2px solid #E25541 !important;
    padding-bottom: 0.5em !important;
    margin-bottom: 0.8em !important;
}

/* Hamburger menu - always visible */
a.navPanelToggle, 
.navPanelToggle,
#navPanelToggle, 
.navPanelToggle:before,
#navPanelToggle:before,
.mobile-nav-toggle,
.hamburger,
#sidebar .toggle,
#sidebar .toggle:before {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #E25541 !important;
    background: none !important;
}

/* Override any hover states that might change the color */
#sidebar .toggle:hover,
#sidebar .toggle:before:hover,
#sidebar .toggle:active,
#sidebar .toggle:before:active,
#sidebar .toggle:focus,
#sidebar .toggle:before:focus {
    color: #E25541 !important;
    background: none !important;
}

/* Make sure the toggle button is always visible even on mobile */
@media screen and (max-width: 736px) {
    #sidebar .toggle:before {
        color: #E25541 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #sidebar .toggle:after {
        background: transparent !important;
    }
}

/* Remove default underlines from specific links */
.contact li a, 
.contact li a:hover {
    border-bottom: none !important;
}