.navbar-mobile {
  z-index: $zindex-offcanvas;
}

.mm-menu--position-left-front {
  --mm-translate-horizontal: -101%;
}

.mm-menu--offcanvas {
}


.navbar-main {
  .mm-wrapper & {
    transition: background-color .5s ease, box-shadow .5s ease;
  }

  .mm-wrapper--opened & {
    .navbar-toggler {
      color: #fff;
    }
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
  }

}
