/* Modernised main menu: taller bar, CSS pill tabs instead of the template's sliding-door images */
#horiz-menu {
    height: 54px;
    line-height: 54px;
    background: linear-gradient(to bottom, #2f6588 0%, #1f4b6b 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

#horiz-menu ul.menutop {
    margin: 0;
    padding: 8px 6px 0 0;
}

#horiz-menu ul.menutop > li,
#horiz-menu ul.menutop > li:hover,
#horiz-menu ul.menutop > li.sfHover,
#horiz-menu ul.menutop > li.active,
#horiz-menu ul.menutop > li.active:hover {
    background: none;
    margin: 0 0 0 6px;
}

#horiz-menu ul.menutop > li > a,
#horiz-menu ul.menutop > li > .separator {
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#horiz-menu ul.menutop > li > a span,
#horiz-menu ul.menutop > li > .separator span {
    height: auto;
}

#horiz-menu ul.menutop > li:hover > a,
#horiz-menu ul.menutop > li.sfHover > a {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

#horiz-menu ul.menutop > li.active > a,
#horiz-menu ul.menutop > li.active:hover > a,
#horiz-menu ul.menutop > li.active.sfHover > a {
    background: #fff;
    color: #21607f;
    border-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Dropdown (Deelnemers): open just below the pill, rounded to match */
#horiz-menu .menutop li:hover ul,
#horiz-menu .menutop li.sfHover ul {
    top: 42px;
}

#horiz-menu ul.menutop ul {
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}