/* Ensure the entire sidebar menu is formatted correctly */
#secondary .widget_nav_menu {
    margin-bottom: 0; /* Removes vertical space between widgets */
}

/* Set the font family to Interstate with fallbacks */
#secondary .widget_nav_menu,
#secondary .widget_nav_menu .widget-title,
#secondary .widget_nav_menu .menu li a {
    font-family: "Interstate", "Arial Narrow", "Helvetica", sans-serif;
}

/* Widget Title (Main Menu Header) */
#secondary .widget_nav_menu .widget-title {
    display: block;
    padding: 12px;
    background: #FFDF1C; /* CCS Yellow */
    color: #251C5C; /* CCS Purple */
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 0; /* Ensures no extra space between widgets */
}

#secondary .widget_nav_menu .widget-title:hover {
    background: #e6c817; /* Darker CCS Yellow */
}

/* Main Menu List */
#secondary .widget_nav_menu .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #F3F1F0; /* Light Gray */
    display: none; /* Initially hidden */
    overflow: hidden;
}

/* Submenu (Nested ULs) */
#secondary .widget_nav_menu .menu ul {
    list-style: none;
    padding-left: 15px;
    display: none; /* Initially hidden */
    background: #E9E9E9; /* Slightly Darker Gray */
}

/* Menu Items */
#secondary .widget_nav_menu .menu li {
    border-bottom: 1px solid #B9B9B9; /* Medium Gray for dividers */
    position: relative;
}

/* Menu Links */
#secondary .widget_nav_menu .menu li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #251C5C; /* CCS Purple */
    background: #F8F9FA; /* Very Light Gray */
    cursor: pointer;
    padding-left: 25px; /* Space for submenu indicator */
    font-weight: 500; /* Medium weight for better readability */
}

#secondary .widget_nav_menu .menu li a:hover {
    background: #E9ECEF; /* Light gray hover */
}

/* Submenu Indicator */
.submenu-indicator {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 16px;
    color: #251C5C; /* CCS Purple */
    cursor: pointer;
    width: 20px;
    text-align: center;
}