/* Shared navigation sizing and distinct dropdown rows. */
nav.main a.logo { left: calc(50% - 158.55px); }
nav.main a.logo svg { width: 317.1px; height: auto; }
nav.main .ulWrapper ul.menu a:focus-visible { outline: 3px solid #3cb4d3; outline-offset: 4px; }
@media (min-width: 501px) {
    nav.main .ulWrapper ul.menu > li.menu-item-has-children > a::after {
        content: ''; display: inline-block; width: 6px; height: 6px;
        border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg); margin: 0 0 3px 9px;
    }
    nav.main .ulWrapper ul.menu > li.menu-item-has-children > ul.sub-menu {
        width: 290px; min-width: 290px; box-sizing: border-box; padding: 8px;
        top: 100%; padding-top: 12px; background: #0c1153;
        box-shadow: 0 12px 24px rgba(12,17,83,.18); z-index: 30;
        visibility: hidden; transition: none;
    }
    nav.main .ulWrapper ul.menu > li.menu-item-has-children:hover > ul.sub-menu,
    nav.main .ulWrapper ul.menu > li.menu-item-has-children:focus-within > ul.sub-menu {
        opacity: 1; pointer-events: auto; visibility: visible;
    }
    nav.main .ulWrapper ul.menu ul.sub-menu > li { display: block; margin: 0; }
    nav.main .ulWrapper ul.menu ul.sub-menu > li + li { border-top: 1px solid rgba(255,255,255,.22); }
    nav.main .ulWrapper ul.menu ul.sub-menu > li > a {
        display: block; padding: 12px 16px; font-size: 16px; line-height: 1.4;
        font-weight: 500; color: #fff; border: 0; white-space: normal;
    }
    nav.main .ulWrapper ul.menu ul.sub-menu > li > a:hover,
    nav.main .ulWrapper ul.menu ul.sub-menu > li > a:focus-visible {
        background: #ebf1f5; color: #0c1153; outline: none;
        box-shadow: inset 4px 0 #3cb4d3;
    }
}
@media (min-width: 501px) and (max-width: 1280px) {
    nav.main a.logo { left: calc(50% - 122.5px); }
    nav.main a.logo svg { width: 245px; }
}
@media (max-width: 500px) {
    nav.main a.logo { left: 20px; }
    nav.main a.logo svg { width: auto; height: 22.4px; }
    nav.main .ulWrapper ul.menu ul.sub-menu > li + li { border-top: 1px solid rgba(255,255,255,.2); }
    nav.main .ulWrapper ul.menu ul.sub-menu > li > a { display: block; padding: 12px 30px; line-height: 1.4; }
    nav.main .ulWrapper ul.menu ul.sub-menu > li > a:focus-visible { background: #ebf1f5; color: #0c1153; }
}