/* Style for highlighting the active section in the top menu */
.current-section > a {
    background-color: #003865 !important; 
    padding: 6px 12px 0px 12px;
    border-radius: 4px 4px 0 0;
}

.sub_menu {
    top: 16px;
}

.sub_menu > ul > li > a, .sub_menu > div > ul > li > a {
    padding: 7px 16px !important;
}

.header_color li {
    border-color: transparent !important;
}

/* Sticky bottom bar menu with tab-like styling on mobile */
@media (max-width: 768px) {
    .bottom-bar-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #efefef; /* Light gray background for the entire menu bar */
        display: flex;
        justify-content: space-around;
        padding: 8px 0 0 0; /* Remove extra padding around menu bar */
        z-index: 9999; /* Ensure it stays on top of other content */
        border-top: 1px solid #ccc; /* 1px top border for the menu bar */
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
    }

    .bottom-bar-menu ul {
        display: flex;
        flex: 1;
        justify-content: space-around;
        margin: 0;
        padding: 0;
        list-style: none;
        gap: -2px; /* Space between tabs */
    }

    .bottom-bar-menu li {
        flex: 1; /* Ensures each item takes equal horizontal space */
        text-align: center;
    }

    .bottom-bar-menu a {
        color: #003865; /* Blue font color for all inactive links */
        font-size: 14px;
        text-decoration: none;
        font-family: SofiaPro-Light, Open Sans;
        text-transform: uppercase;
        padding: 10px 0; /* Set only top padding for height */
        display: block;
        border: 1px solid #003865; /* Blue border for inactive links */
        border-radius: 8px 8px 0 0; /* Rounded top corners only for tab look */
        background-color: transparent; /* Transparent background for inactive links */
        height: 100%; /* Ensures all tabs are the same height */
        box-sizing: border-box; /* Include padding and border in height calculation */
    }

    /* Active link styling */
    .bottom-bar-menu li.current-section a {
        font-weight: bold;
        background-color: #003865; /* Same blue background as desktop highlight */
        color: #fff; /* White text for better contrast */
    }
}