/*

	jQuery.mmenu offCanvas addon CSS

*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  transition: transform 0.4s ease;
  z-index: 1; }

html.mm-opened {
  overflow-x: hidden;
  position: relative; }

html.mm-blocking {
  overflow: hidden; }
  html.mm-blocking body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2; }

html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed; }
  .mm-menu.mm-offcanvas.mm-current {
    display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  transform: translate3d(80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    transform: translate3d(440px, 0, 0); } }
