/* ESX navigation dropdowns: yellow hover and keyboard focus. */
header.mainHeader #menu-primary-menu ul.sub-menu > li:hover > a,
header.mainHeader #menu-primary-menu ul.sub-menu > li > a:focus-visible {
    background-color: #f2bf3f !important;
    color: #151540 !important;
    font-weight: 700 !important;
}

/* Keep desktop dropdowns visible while navigating their links by keyboard. */
body.btMenuHorizontal header.mainHeader .menuPort li:focus-within > ul.sub-menu {
    opacity: 1 !important;
    pointer-events: auto;
}

/* Uppercase dropdown labels throughout ESX navigation. */
header.mainHeader #menu-primary-menu ul.sub-menu > li > a {
    text-transform: uppercase !important;
}

/* Slightly smaller dropdown labels. */
header.mainHeader #menu-primary-menu ul.sub-menu > li > a {
    font-size: 14px !important;
}