.section-nav-toggle {
    border: 0;
    width: 100%;
    height: 50px;
    padding: var(--space-sm) var(--space-lg);
    background: #dfdfdf;
    font-family: var(--sans-serif);
    display: flex;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
    
    .section-nav-toggle:before {
        content: '\f0c9';
        font-family: var(--font-awesome);
        padding-right: 1em;
    }
    
    @media (min-width: 1025px) {.section-nav-toggle {
        display: none
}
    }

nav.menu--section-nav > .section-nav-wrap > .menu > .menu-item:not(.menu-item--active-trail) {
                    display: none;
                }

nav.menu--section-nav .section-nav-wrap {
        display: none;
        position: relative;
        width: auto;
        font-family: var(--sans-serif);
        text-transform: uppercase;
        margin-right: 0;
    }

nav.menu--section-nav .section-nav-wrap.active {
            display: block;
        }

@media (min-width: 1025px) {

nav.menu--section-nav .section-nav-wrap {
            display: block;
            margin-right: var(--space-md)
    }
        }

nav.menu--section-nav .section-nav-wrap .menu {
            list-style: none;
            margin-left: 0;
            margin-top: 0;
            margin-right: 0;
            padding-left: 0;
        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item {
                list-style-type: none;
                list-style-image: none;
                padding: var(--space-zero);
                line-height: 1;
            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item a {
                    color: hsla(var(--text-white));
                }

nav.menu--section-nav .section-nav-wrap .menu .menu-item a.section-link {
                        font-size: var(--step-0);
                        line-height: 1.5;
                        font-weight: var(--semi-bold-weight);
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item.menu-item--top-level.menu-item--active-trail > .menu-item-wrap {
                    background-color: #000;
                    
                   }

/* padding-bottom: var(--space-md); */

nav.menu--section-nav .section-nav-wrap .menu .menu-item.menu-item--top-level.menu-item--active-trail > .menu-item-wrap button {
                        background-color: #000;
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item.menu-item--top-level.menu-item--active-trail > .menu-item-wrap .menu {
                        display: none;
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item.menu-item--top-level.menu-item--active-trail > .menu-item-wrap .menu.menu--active {
                            display: block;

                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--expanded {
                    list-style-type: none;
                    list-style-image: none;
                }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--expanded:not(.menu-item--active-trail) > .menu {
                            display: none;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--expanded .menu--submenu .menu {
                            display: none;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--expanded .menu--submenu .menu.menu--active {
                                display: block;
    
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion {
                   padding: 0;
                   background-color: #333333;
                }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .menu-item-wrap {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        padding: var(--space-sm) var(--space-zero) var(--space-sm) var(--space-md);
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .menu-item-wrap span {
                            color: #fff;
                            line-height: 1.5;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .menu--submenu {
                        display: none;
                        margin-bottom: 0;
                        background-color: transparent;
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .menu--submenu.menu--active {
                            display: block;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .toggle {
                        flex: 0 1 25px;
                        background-color: transparent;
                        cursor: pointer;
                        border: 0;
                        position: relative;
                        background-color: #333;
                        color: #FFF;
                        padding: var(--space-md);
                        font-weight: var(--bold-weight);
                        text-transform: uppercase;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;
                        text-align: left;
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .toggle span {
                            padding-right: .5em;
                            text-align: left;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .toggle a {
                            color: #FFF;
                            text-decoration: underline;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .toggle[aria-expanded=false]:after {
                                content: '\2b';
        
                                font-family: var(--font-awesome);
                                
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--accordion .toggle[aria-expanded=true]:after {
                                font-family: var(--font-awesome);

                                content: '\f068';
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item--active-trail.active .menu--submenu {
                        display: block;
                        /* border-left: 1px solid #767677;
                        border-right: 1px solid #767677; */
    
                    }

/* background-color: #FFF; */

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul.menu--submenu {
                        margin-left: 0;    
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li {
                        padding: var(--space-sm) var(--space-md);
                    }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li a {
                            color: #FFF;
                            text-decoration: underline;
                            line-height: 1.5;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li a:hover {
                                text-decoration: none;
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li.menu-item--active-trail {
                            background-color: #D8D8D9;
                        }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li.menu-item--active-trail span {
                                color: #000;
                                font-weight: var(--semi-bold-weight);
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li.menu-item--active-trail a {
                                color: #000;
                            }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li.menu-item--active-trail a.is-active {
                                    font-weight: var(--semi-bold-weight);
                                    color: hsl(var(--text-black));
                                }

nav.menu--section-nav .section-nav-wrap .menu .menu-item ul li.menu-item--active-trail button.toggle--menu {
                                background-color: #d8d8d9;
                                color: #000;
                            }

.layout--sidebar-nav {
    display: flex;
    flex-direction: column;
    padding-top: 3em;
}

@media (min-width: 1025px) {

.layout--sidebar-nav {
        flex-direction: row
}

    }

.layout--sidebar-nav .sidebar--nav {
        flex: 1 0 100%;

    }

@media (min-width: 1025px) {

.layout--sidebar-nav .sidebar--nav {
            flex: 1 0 25%;
            max-width: 25%

    }
        }

.layout--sidebar-nav .layout-content {

        flex: 1 0 100%;

    }

@media (min-width: 1025px) {

.layout--sidebar-nav .layout-content {
            flex: 1 0 75%;
            max-width: 75%

    }
        }