@import url(
    'https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap'
);


/* ==========================================================
   SHARK SEARCH ATLAS NAVIGATION
   Public FinSearch page only
   ========================================================== */

#ssf-finsearch-atlas-nav {

    position:
        absolute;

    top:
        22px;

    left:
        0;

    right:
        0;

    z-index:
        2500;

    width:
        100%;

    min-height:
        46px;

    margin:
        0;

    padding:
        0;

    background:
        transparent !important;

    font-family:
        "Manrope",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    box-sizing:
        border-box;

}


#ssf-finsearch-atlas-nav *,
#ssf-finsearch-atlas-nav *::before,
#ssf-finsearch-atlas-nav *::after {

    box-sizing:
        border-box;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-inner {

    width:
        100%;

    min-height:
        46px;

    margin:
        0 auto;

    padding:
        0 80px;

    display:
        flex;

    align-items:
        center;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-mobile-toggle {

    display:
        none;

    appearance:
        none;

    width:
        38px;

    height:
        34px;

    margin:
        5px 0;

    padding:
        7px 8px;

    border:
        1px solid rgba(255,255,255,.28);

    border-radius:
        4px;

    background:
        transparent;

    cursor:
        pointer;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-mobile-toggle span {

    display:
        block;

    width:
        100%;

    height:
        2px;

    margin:
        3px 0;

    background:
        rgba(255,255,255,.88);

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-collapse {

    width:
        100%;

    display:
        flex;

    align-items:
        center;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-list {

    display:
        flex;

    align-items:
        center;

    gap:
        0;

    margin:
        0;

    padding:
        0;

    list-style:
        none;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-list-right {

    margin-left:
        auto;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-item {

    position:
        relative;

    margin:
        0;

    padding:
        0;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-link,
#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-toggle {

    appearance:
        none;

    display:
        flex;

    align-items:
        center;

    gap:
        5px;

    min-height:
        46px;

    margin:
        0;

    padding:
        10px 14px;

    border:
        0;

    border-radius:
        0;

    background:
        transparent;

    color:
        rgba(255,255,255,.66);

    font-family:
        inherit;

    font-size:
        11.5px;

    font-weight:
        500;

    line-height:
        1.3;

    letter-spacing:
        .015em;

    text-decoration:
        none;

    white-space:
        nowrap;

    cursor:
        pointer;

    transition:
        color .18s ease;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-link:hover,
#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-toggle:hover,
#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-toggle:focus-visible {

    color:
        #ffffff;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-link.active {

    color:
        #ffffff;

    font-weight:
        600;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-chevron {

    width:
        0;

    height:
        0;

    margin-left:
        2px;

    border-left:
        3px solid transparent;

    border-right:
        3px solid transparent;

    border-top:
        4px solid currentColor;

    transition:
        transform .18s ease;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown.is-open
.ssf-atlas-nav-chevron {

    transform:
        rotate(180deg);

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-menu {

    position:
        absolute;

    top:
        100%;

    left:
        0;

    z-index:
        2600;

    display:
        none;

    min-width:
        220px;

    margin:
        0;

    padding:
        7px 0;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius:
        2px;

    background:
        rgba(10,35,51,.98);

    box-shadow:
        0 10px 26px rgba(0,0,0,.20);

    list-style:
        none;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-list-right
.ssf-atlas-nav-dropdown-menu {

    right:
        0;

    left:
        auto;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown.is-open
> .ssf-atlas-nav-dropdown-menu {

    display:
        block;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-item {

    display:
        block;

    width:
        100%;

    padding:
        10px 16px;

    border:
        0;

    background:
        transparent;

    color:
        rgba(255,255,255,.72);

    font-family:
        inherit;

    font-size:
        12px;

    font-weight:
        400;

    line-height:
        1.4;

    letter-spacing:
        0;

    text-align:
        left;

    text-decoration:
        none;

    white-space:
        nowrap;

    cursor:
        pointer;

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-item:hover,
#ssf-finsearch-atlas-nav
.ssf-atlas-nav-dropdown-item:focus-visible {

    color:
        #ffffff;

    background:
        rgba(255,255,255,.055);

}


#ssf-finsearch-atlas-nav
.ssf-atlas-nav-divider {

    height:
        1px;

    margin:
        6px 0;

    border:
        0;

    background:
        rgba(255,255,255,.10);

}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 991.98px) {

    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-inner {

        min-height:
            46px;

        padding:
            0 28px;

        flex-wrap:
            wrap;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-mobile-toggle {

        display:
            block;

        margin-left:
            auto;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-collapse {

        display:
            none;

        width:
            100%;

        padding:
            8px 0 12px;

        align-items:
            stretch;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-collapse.is-open {

        display:
            block;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-list,
    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-list-right {

        display:
            block;

        width:
            100%;

        margin:
            0;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-link,
    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-dropdown-toggle {

        width:
            100%;

        min-height:
            auto;

        padding:
            11px 4px;

        justify-content:
            flex-start;

        text-align:
            left;

    }


    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-dropdown-menu,
    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-list-right
    .ssf-atlas-nav-dropdown-menu {

        position:
            static;

        width:
            100%;

        min-width:
            0;

        margin:
            0 0 5px;

        box-shadow:
            none;

    }

}


@media (max-width: 650px) {

    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-inner {

        padding:
            0 18px;

    }

}


/* ==========================================================
   FINSEARCH NAV OVER HERO
   Mobile expanded navigation retains readable contrast.
   ========================================================== */

@media (max-width: 991.98px) {

    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-collapse.is-open {

        margin:
            0 -28px;

        width:
            calc(100% + 56px);

        padding:
            12px 28px 16px;

        background:
            rgba(6, 31, 45, .97);

    }

}


@media (max-width: 650px) {

    #ssf-finsearch-atlas-nav
    .ssf-atlas-nav-collapse.is-open {

        margin:
            0 -18px;

        width:
            calc(100% + 36px);

        padding-left:
            18px;

        padding-right:
            18px;

    }

}


/* ==========================================================
   FINSEARCH ATLAS-MATCHED NAV TOP SPACING
   Main Atlas: 22px desktop, 18px mobile.
   ========================================================== */

@media (max-width: 700px) {

    #ssf-finsearch-atlas-nav {

        top:
            18px;

    }

}