Template:WMCEE Spring Menu/styles.css

.wmcee-menu {
    list-style-type: none;
    display: block;
    color: #333333; /* Darker text color for better contrast */
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    margin: 1em auto;
}

.wmcee-menu li {
    display: inline-block;
    margin-left: 0.5ex;
}

.wmcee-menu li .label {
    white-space: nowrap;
    padding: .5em;
    color: #333333; /* Darker text for better readability */
    background: #f4f7f6; /* Soft light grayish-blue background */
}

.wmcee-menu li a .label.active1 {
    background: #ffcc66; /* Softer yellow for active state */
}

.wmcee-menu li a .label.active {
    background: #ffcc00; /* Slightly deeper yellow for active state */
}

.wmcee-menu li a .label.sub-active {
    border-bottom: 8px solid #bf3b44; /* Softer red color */
}

.wmcee-menu li:first-child {
    margin-left: 0;
}

.wmcee-menu li:first-child a .label {
    background: #6c757d; /* Soft grayish tone for the first item */
    color: #ffffff;
}