/* ============================================================
   1. TOTAL FOOTER BLACKOUT (EDGE-TO-EDGE)
   ============================================================ */
/* This forces the black bar to ignore the center box and hit the monitor edges */
.pkp_structure_footer_wrapper {
    background: #000000 !important;
    background-color: #000000 !important;
    border-top: 5px solid #7D7D6A !important; /* Olive Top Line */
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

/* Ensure the inner footer content stays centered on the black bar */
#pkp_structure_footer {
    max-width: 1100px !important;
    margin: 0 auto !important;
    background: transparent !important;
    display: block !important;
}

/* ============================================================
   2. LOGIN & DROPDOWN VISIBILITY (THE "INVISIBLE" FIX)
   ============================================================ */
/* This forces Login/Register/Admin links to be WHITE on the Navy/Black top bar */
.pkp_navigation_user a, 
.pkp_navigation_user span, 
.pkp_navigation_user .fa {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* This forces the "About" Dropdown text to be BLACK on its WHITE box */
.pkp_navigation_primary ul li a {
    color: #000000 !important; 
    background: #ffffff !important;
    padding: 10px 15px !important;
    display: block !important;
    border-bottom: 1px solid #eee !important;
}

/* Dropdown Hover State */
.pkp_navigation_primary ul li a:hover {
    background-color: #7D7D6A !important;
    color: #ffffff !important;
}

/* ============================================================
   3. MOBILE RESPONSIVE ENGINE (No Squishing)
   ============================================================ */
@media (max-width: 992px) {
    .pkp_structure_main { display: block !important; }
    .pkp_structure_content, .pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        flex: none !important;
    }
    /* Hide the 'Blue Wings' in header for mobile */
    .pkp_structure_head_wrapper:before, .pkp_structure_head_wrapper:after { display: none !important; }
}

/* ============================================================
   4. SIDEBAR SLIDER ENGINE
   ============================================================ */
@keyframes jlsFadeEffect {
    0% { opacity: 0; visibility: hidden; }
    5% { opacity: 1; visibility: visible; }
    30% { opacity: 1; visibility: visible; }
    35% { opacity: 0; visibility: hidden; }
    100% { opacity: 0; visibility: hidden; }
}

.jls-sidebar-slider {
    position: relative !important;
    width: 100% !important;
    height: 480px !important;
    overflow: hidden !important;
}

.jls-single-slide {
    position: absolute !important;
    width: 100% !important;
    animation: jlsFadeEffect 12s infinite;
    opacity: 0;
}

/* ============================================================
   1. LOGIN DROPDOWN VISIBILITY FIX
   ============================================================ */
/* This ensures "Dashboard", "Profile", and "Logout" are BLACK and visible */
.pkp_navigation_user ul li a,
.pkp_navigation_user .submenu li a,
#navigationUser ul li a {
    color: #000000 !important; /* Pure Black Text */
    background-color: #ffffff !important; /* Solid White Background */
    display: block !important;
    padding: 10px 15px !important;
    text-decoration: none !important;
    font-family: sans-serif !important;
    font-weight: bold !important;
    border-bottom: 1px solid #f0f0f0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hover effect for the login dropdown */
.pkp_navigation_user ul li a:hover {
    background-color: #7D7D6A !important; /* Olive background */
    color: #ffffff !important; /* White text on hover */
}

/* ============================================================
   2. EDGE-TO-EDGE BLACK FOOTER (THE WINGS)
   ============================================================ */
/* Forces the black bar to ignore the center box and hit the monitor edges */
.pkp_structure_footer_wrapper {
    background: #000000 !important;
    background-color: #000000 !important;
    border-top: 5px solid #7D7D6A !important; 
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 60px 0 !important;
    box-sizing: border-box !important;
}

/* Kills the blue 'ghost' wings in the footer area */
.pkp_structure_footer_wrapper:before, 
.pkp_structure_footer_wrapper:after {
    display: none !important;
    content: none !important;
}

/* Keeps footer content centered on the black bar */
#pkp_structure_footer {
    max-width: 1100px !important;
    margin: 0 auto !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* ============================================================
   3. MOBILE RESPONSIVE ENGINE
   ============================================================ */
@media (max-width: 992px) {
    .pkp_structure_main { display: block !important; }
    .pkp_structure_content, .pkp_structure_sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }
}








/* ============================================================
   JLS SEARCH: THE "YEAR BOX" NUCLEAR FIX
   ============================================================ */

/* 1. TARGET THE FIRST BOX IN THE DATE ROW (THE YEAR) */
.filter_range select:first-of-type,
.filter_range select[name*="year"],
div.filter_range select:nth-child(1) {
    color: #000000 !important; /* Force Black */
    background-color: #ffffff !important; /* Force White */
    font-size: 14px !important; /* Force Font Size (Prevents 0px hide) */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    -webkit-appearance: menulist !important;
}

/* 2. FORCE THE ACTUAL NUMBERS (2026, etc.) TO BE VISIBLE */
.filter_range select:first-of-type option,
select[name*="year"] option {
    color: #000000 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
}

/* 3. WIDEN THE BOX (In case it's too small for the 4 digits) */
.filter_range select:first-of-type {
    min-width: 90px !important;
    border: 1px solid #7D7D6A !important;
}

/* 4. KILL THE BLUE HOVER THAT HIDES TEXT */
.filter_range select:first-of-type:focus,
.filter_range select:first-of-type:active {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* 5. FIX FOR HIDDEN SPANS (Theme Overlays) */
.filter_range .select2-selection__rendered,
.filter_range span[id*="year"] {
    color: #000000 !important;
    display: block !important;
}