#mmenu.nav-wrapper{position: fixed;width: 100%;transition: transform .3s;left: 0; z-index: 20;right: 0; pointer-events: none;}
.menu-button{color:#fff;cursor:pointer;font-size:2rem;padding:.75rem 1.55rem;position:fixed;right:0}
.open-menu{color:#000000;cursor:pointer;font-size:1rem;padding:1rem;position:absolute;right:0;top:0;transition:transform 250ms ease}
.rotate{transform:rotate(135deg);color: #76bc5e;}
.overflow{margin-top:0;overflow-x:hidden;overflow-y:auto}
#mobile-nav{background-color:#ffffff;width:100%;z-index:1}
#mobile-nav ul{background-color:rgba(0,0,0,.1);display:none;margin:0 1rem;padding:0;position:relative}
#mobile-nav ul:first-child{background-color:transparent}
#mobile-nav ul li{border-top:1px solid rgba(0,0,0,.075);list-style:none;margin-bottom:0;position:relative}
#mobile-nav ul li a{color:#000000;display:inline-block;font-size:0.875rem;padding:1rem 0;text-decoration:none;width:100%}
#mobile-nav ul ul{margin:0}
#mobile-nav ul ul li{border-top:none;padding-left:1rem;padding-right: 1rem;}

#my-page.open-slideout .hamburger-mb:before, .hamburger-mb.open:before{transform: rotate(45deg);top: 10px;}
#my-page.open-slideout .hamburger-mb:after, .hamburger-mb.open:after {transform: rotate(-45deg);top: 10px;}
#my-page.open-slideout .hamburger-mb span, .hamburger-mb.open span {left: -50px;opacity: 0;}
#mmenu.nav-wrapper.open{ box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); pointer-events: all;}

.menu-main-menu-container ul li a::before{
    content: '';
    width: 40px;
    height: 2px;
    background: white;
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.menu-main-menu-container ul li a.current-active::before{
    opacity: 1;
    visibility: inherit;
}