﻿.section-navigation-links-wrapper {
    padding: 0;
    margin: 0 auto
}

.section-navigation-link-text {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem
}

.section-navigation-links {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem
}

    .section-navigation-links > li {
        margin: 0
    }

        .section-navigation-links > li > a.section-navigation-link {
            text-transform: uppercase;
            text-align: center;
            font-size: 1rem;
            line-height: 1.5rem;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: .5em;
            padding-right: .5em !important;
            height: 62px;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .section-navigation-links > li > a.section-navigation-link span {
                text-align: center
            }

            .section-navigation-links > li > a.section-navigation-link .oz-icon .path-fill {
                fill: white
            }

        .section-navigation-links > li.is-active > a.section-navigation-link {
            background-color: #fff;
            color: #297399
        }

            .section-navigation-links > li.is-active > a.section-navigation-link .oz-icon .path-fill {
                fill: #297399
            }

        .section-navigation-links > li > a.section-navigation-link:focus .oz-icon .path-fill {
            fill: #297399
        }

.is-active > .section-navigation-link .oz-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-menu-links {
    min-width: 100% !important;
    font-size: 1rem;
    line-height: 1.5rem;
    z-index: 200;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}

.section-menu-parent > a:hover, .section-menu-parent > a:focus {
    background-color: #fff;
    color: #297399
}

a.section-menu-links:hover, a.section-menu-links:focus {
    background: #297399;
    color: #fff
}

@media(min-width:64em) {
    .section-navigation-links li span + svg {
        margin-left: .5rem;
        min-width: 15px
    }

    .section-navigation-links > li.is-active > ul {
        border: 0
    }
}

.section-navigation {
    background-color: #143460
}

.section-navigation-logo {
    color: #fff;
    font-size: .5rem;
    text-align: center
}

    .section-navigation-logo:hover {
        color: #fff
    }

.sf-menu, .sf-submenu {
    list-style: none;
    padding: 0;
    margin: 0
}

.sf-menuitem-parent {
    position: relative
}

.sf-menulabel {
    position: relative;
    display: flex;
    align-items: stretch;
    color: #fff
}

    .sf-menulabel a {
        line-height: 1.3
    }

        .sf-menulabel a:hover, .sf-menulabel a:focus {
            background-color: #297399
        }

            .sf-menulabel a:hover + button {
                background-color: #297399
            }

    .sf-menulabel > button {
        height: auto;
        width: auto;
        padding-left: .5em;
        padding-right: .5em
    }

    .sf-menulabel > a {
        z-index: 1
    }

    .sf-menulabel a {
        font-weight: bold;
        color: #297399;
        flex-grow: 1
    }

    .sf-menulabel > a, .sf-menulabel > button g {
        color: #fff;
        fill: white
    }

.sf-submenu {
    display: none;
    position: absolute;
    left: 0;
    padding: .5em;
    height: 1px;
    width: 1px;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0,0,0,.5)
}

    .sf-submenu a {
        display: block;
        border-radius: 3px;
        margin-bottom: .5em;
        color: #297399;
        background-color: var(--light-gray);
        font-size: 1rem
    }

    .sf-submenu li:last-child > a {
        margin-bottom: 0
    }

    .sf-submenu a:focus, .sf-submenu a:hover {
        color: #fff;
        background-color: #297399;
        text-decoration: none
    }

.sf-menuitem-parent.show .sf-submenu, .sf-menuitem-parent:hover .sf-submenu {
    width: 100%;
    height: auto;
    background-color: #fff;
    clip-path: auto;
    display: inline
}

.sf-menulabel a:before {
    content: " ";
    position: absolute
}

.dropdown.menu .sf-menulabel a {
    padding: .5em
}

.sf-submenu.is-dropdown-submenu {
    padding-right: .7em !important;
    padding-left: .7em !important
}

.dropdown .sf-submenu li a {
    padding: .5em .7em
}

.section-front-main .featured-content-block .grid-padding-x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

@media(max-width:75em) {
    .section-detail-main {
        padding-left: 1em;
        padding-right: 1em
    }
}

.section-detail-main a {
    text-decoration: underline
}

.section-detail-main .button {
    text-decoration: none
}

.section-detail-main .featured-content-block .grid-padding-x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

@media(max-width:75em) {
    .section-detail > *, .section-detail-main .component > *, .section-detail-main .max-width, .section-detail-main .component-maxwidth {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:64em) {
    .section-detail.grid-container.full {
        padding-top: 1em
    }

    .side-nav-wrapper + .section-detail-main {
        margin-left: calc(1em*2)
    }
}

@media(min-width:75em) {
    .section-detail .side-nav-wrapper {
        max-width: 25%
    }

        .section-detail .side-nav-wrapper .side-nav-list * {
            max-width: 100%
        }
}
