/* Apply dark green background to nav element and its children */
#id_zuluLLB,
#id_zuluLLB > div,
#id_zuluLLB * {
    background-color: #004438 !important; /* Dark green */
}

/* Optional: Use media query to ensure desktop view gets the style (min-width 961px) */
@media (min-width: 961px) {
    #id_zuluLLB,
    #id_zuluLLB > div,
    #id_zuluLLB * {
        background-color: #004438 !important;
    }
}

#id_zuluLLB,
#id_zuluLLB * {
    text-shadow: none !important;           /* Remove any text shadows */
    font-weight: normal !important;         /* Remove bold formatting */
    font-size: 0.98 rem !important;          /* Make font smaller; adjust as needed */
    font-style: normal !important;          /* Remove italic or other styles */
    text-decoration: none !important;       /* Remove underlines or other decorations */
    color: rgb(255, 75, 135) !important;               /* Default text color: accessible pink */
}

/* Hover and focus states: change text color */
#id_zuluLLB a:hover,
#id_zuluLLB a:focus {
    color: rgb(128, 255, 249) !important;               /* Lighter pink on hover/focus */
}

/* Selected/active menu items: change text color */
#id_zuluLLB a.selected,
#id_zuluLLB a.active,
#id_zuluLLB a.selected,
#id_zuluLLB a.active {
    color: #0ffcd0 !important;               /* Sea green for selected/active */
    font-weight: normal !important;          /* Keep font normal or change as needed */
    text-decoration: none !important;        /* No underline on selected */
}

/* Remove all bullets from the firstLevel list and its dropdown items */
ul.secondLevel,
ul.secondLevel li {
    list-style: 0 !important; /* Remove bullets */
    padding-left: 0 !important;  /* Remove default padding to bullets */
    margin-left: 0 !important;   /* Remove default left margin */
}

/* Optional: if you want to indent dropdown nav item text to align nicely */
ul.firstLevel li ul {
    padding-left: 1em !important; /* indent dropdown submenu */
}