﻿._3a-cust-nav-container {
    position: relative;
    top: 1rem;
}

.menu-icon {
    cursor: pointer;
    position: relative;
}

    .menu-icon i.fal.fa-bars {
        font-size: 30px;
        font-weight: 100;
        vertical-align: -webkit-baseline-middle;
    }

._3a-hamburger {
    width: 30px;
}

header .off-canvas-menu {
    width: 300px;
    height: 100%;
    background-color: #a56500;
    color: white;
    position: fixed;
    top: 0;
    right: -300px;
    opacity: 0;
    transition: right 0.5s, opacity 0.5s;
}

    header .off-canvas-menu ul {
        list-style-type: none;
        padding: 0;
    }

        header .off-canvas-menu ul li {
            padding: 5px;
            list-style: none !important;
        }

li._3a-cust-nav.level-0.first.selected {
    margin-block-start: 2em;
}

.off-canvas-menu ul li a, .off-canvas-menu ul li a:active, .off-canvas-menu ul li a:visited, .off-canvas-menu ul li a:focus, .off-canvas-menu ul li a:hover {
    color: white !important;
    background-color: transparent !important;
    text-decoration: none !important;
    font-family: dharma-gothic-e, sans-serif !important;
    font-size: 32px;
    line-height: 34px;
}

header .off-canvas-menu ul a.active {
    text-decoration: none !important;
}

header .off-canvas-menu.open {
    right: 0;
    opacity: 1;
    z-index: 9999;
    overflow-y: auto;
    scroll-behavior: auto;
    scrollbar-width: thin;
    scrollbar-gutter: stable both-edges;
    scrollbar-color: #a56500;
}

header .off-canvas-menu .close-icon {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

    header .off-canvas-menu .close-icon i.fas.fa-times, header .off-canvas-menu .close-icon i.fal.fa-circle {
        font-weight: 100 !important;
    }

    header .off-canvas-menu .close-icon i.fal.fa-circle {
        font-size: 32px;
    }

header .off-canvas-menu .nav-pills > li > a {
    border-radius: 0;
}

header .off-canvas-menu .nav > li > a {
    padding: 5px 0;
}

.fas.fa-bars {
    color: white !important;
    font-weight: 100;
}

ul#navList\a \9 \9 \a \9 \9 \<li\ class\= {
    margin-top: 2em;
}
