/* Assigned WordPress menus retain their links, classes and plugin output. */
.solutions-nav.has-assigned-menu{
    flex-wrap:wrap;
    gap:0 20px;
}
.solutions-nav>.solutions-menu{
    display:flex;
    flex:1 1 960px;
    flex-wrap:wrap;
    align-items:center;
    gap:2px 8px;
    min-width:0;
    margin:0;
    padding:10px 0;
    list-style:none;
    font-size:.9rem;
}
.solutions-menu>li{
    position:relative;
    display:flex;
    align-items:center;
    min-width:0;
    max-width:100%;
}
.solutions-menu>li>a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:44px;
    padding:8px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.solutions-menu a:hover,
.solutions-menu .current-menu-item>a,
.solutions-menu .current-menu-ancestor>a,
.solutions-menu>li.is-open>a{color:var(--gold)}
.solutions-menu img{display:inline-block;width:auto;max-width:24px;flex-shrink:0}
.solutions-menu .submenu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 44px;
    width:44px;
    min-height:44px;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:inherit;
    cursor:pointer;
}
.solutions-menu .submenu-toggle::after{
    content:"";
    width:7px;
    height:7px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
}
.solutions-menu .submenu-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.solutions-menu .submenu-toggle:hover{background:#105271;color:var(--gold)}
.solutions-menu a:focus-visible,
.solutions-menu .submenu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.solutions-menu>li>.sub-menu{
    display:none;
    position:absolute;
    z-index:20;
    top:100%;
    left:0;
    width:310px;
    max-width:calc(100vw - 32px);
    max-height:70vh;
    overflow-y:auto;
    margin:0;
    padding:8px;
    list-style:none;
    background:#073249;
    border:1px solid #1b607b;
    border-radius:0 0 8px 8px;
    box-shadow:0 20px 36px #00101bd9;
    transform:translateX(var(--submenu-shift,0px));
}
.solutions-menu>li:nth-last-child(-n+3)>.sub-menu{left:auto;right:0}
.solutions-menu>li>.sub-menu[hidden]{display:none}
.solutions-menu.is-enhanced>li.is-open>.sub-menu,
.solutions-menu:not(.is-enhanced)>li:hover>.sub-menu,
.solutions-menu:not(.is-enhanced)>li:focus-within>.sub-menu{display:block}
.solutions-menu .sub-menu a{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:44px;
    padding:10px 12px;
    border-radius:4px;
    line-height:1.4;
    overflow-wrap:anywhere;
}
.solutions-menu .sub-menu a:hover{background:#105271;color:var(--gold)}
.solutions-nav.has-assigned-menu>.explore-link{flex:0 0 auto;min-height:44px;padding:12px 0}
@media(max-width:700px){
    .solutions-nav.has-assigned-menu{display:block}
    .solutions-nav>.solutions-menu{display:block;width:100%;padding:8px 0;font-size:1rem}
    .solutions-row:not(.is-open) .solutions-menu.is-enhanced{display:none}
    .solutions-menu>li{flex-wrap:wrap;border-bottom:1px solid #458aa16b}
    .solutions-menu>li>a{flex:1 1 0;min-width:0;padding:12px 4px}
    .solutions-menu>li>.sub-menu{
        position:static;
        flex:0 0 100%;
        width:100%;
        max-width:100%;
        max-height:none;
        margin:0;
        padding:0 0 10px 12px;
        border:0;
        border-radius:0;
        box-shadow:none;
        background:transparent;
        transform:none;
        overflow:visible;
    }
    .solutions-menu:not(.is-enhanced)>li>.sub-menu{display:block}
}