﻿.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.expand-item, .expand-item-sub {
    display: none;
}

.megamenu .top > li.level1active > a {
    border-bottom: 4px solid #f8af47;
}

@media only screen and (max-width: 900px) {
    .expand-item, .expand-item-sub {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 30px;
        right: 15px;
        background: transparent;
        color: white;
        font-size: 1.8rem;
        border: 1px solid transparent;
        line-height: 2rem;
        margin-top: 2px;
    }

    .expand-item-sub {
        margin-top: 0;
        color: #1b2a5b;
        right: 15px;
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-top: 5px;
    }

    .level1active .expand-item {
        color: #F8AF47;
    }

    .expand-item .icon-add, .expand-item-sub .icon-add {
        display: block;
    }

    .expand-item .icon-remove, .expand-item-sub .icon-remove {
        display: none;
    }

    .expand-item.expanded .icon-add, .expand-item-sub.expanded .icon-add {
        display: none;
    }

    .expand-item.expanded .icon-remove, .expand-item-sub.expanded .icon-remove {
        display: block;
    }

    .hasChildren.accessible-megamenu-top-nav-item:hover > .expand-item {
        color: white !important;
        border: 1px solid white !important;
    }

    .expand-item:hover, .expand-item:focus {
        border: 1px solid white;
        outline: none;
    }
/*
    .level1active .expand-item:hover, .level1active .expand-item:focus {
        border: 1px solid #F8AF47;
    }*/



    /*.expand-item-sub:hover, .expand-item-sub:focus {*/
        /* color: #1b2a5b; */
        /*border: 1px solid #1b2a5b;
        outline: none;
    }*/


    nav li {
        float: none;
    }

    .megamenu > .top {
        padding-top: 0;
        padding-bottom: 15px;
    }

    .megamenu .top > li {
        position: relative;
    }

    .megamenu > .top > .hasChildren > ul.must-show {
        display: block !important;
        position: relative;
        background: pink;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 15px;
        height: auto;
    }

    .megamenu > .top > .hasChildren ul {
        width: 100% !important;
        float: none;
    }

    .megamenu .top > li {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-top: 15px;
    }

        .megamenu .top > li > a {
            padding-left: 30px !important;
            padding-right: 30px !important;
            padding-bottom: 30px !important;
        }

        .megamenu .top > li.level1active > a {
            color: #F8AF47 !important;
            text-decoration: underline;
            border: none;
        }

    .megamenu > .top > .hasChildren > ul.must-show {
        background: white;
    }

        .megamenu > .top > .hasChildren > ul.must-show > li {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

            .megamenu > .top > .hasChildren > ul.must-show > li > ul {
                height: auto;
                min-height: 0;
            }

                .megamenu > .top > .hasChildren > ul.must-show > li > ul > li {
                    /* background: orange; */
                    background: transparent;
                    padding-left: 30px;
                    padding-right: 30px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    position: relative;
                    border-bottom: 1px solid lightgray;
                }


                    .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > a {
                        color: #1b2a5b !important;
                        display: inline-block !important;
                        width: auto;
                        font-size: 1.025rem !important;
                        margin-right: 15px;
                        padding-top: 8px;
                        padding-bottom: 8px;
                    }

                        .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > a.level2active {
                            text-decoration: underline;
                        }

                    .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > ul {
                        display: none !important;
                        position: relative !important;
                        min-height: auto !important;
                        height: auto;
                        left: 0 !important;
                        background: white !important;
                    }

                        .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > ul.must-show-sub {
                            display: block !important;
                        }

                        .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > ul a {
                            color: #1b2a5b !important;
                            font-size: 1rem !important;
                        }

                            .megamenu > .top > .hasChildren > ul.must-show > li > ul > li > ul a.level3active {
                                text-decoration: underline;
                            }

            .megamenu > .top > .hasChildren > ul.must-show > li > ul {
                display: block !important;
            }

            .megamenu > .top > .hasChildren > ul.must-show > li:not(.hasChildren) {
                display: none;
            }

    #navigation-inner {
        display: flex;
        flex-direction: column-reverse;
    }

    #subNav {
        margin-top: 0;
    }

    nav.megamenu {
        position: relative;
    }

    nav ul[role="group"] {
        min-height: 0;
    }

    .navControl.btnStyle a:hover {
        background: #f8af47 !important;
        /* border: 1px dotted black; */
    }
}


@media only screen and (max-width: 980px) and (min-width: 901px) {
    nav ul ul ul ul {
        left: 180px !important;
        width: 220px !important;
    }
}
