/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
*/
html,
body,
html.mm-opened,
html.mm-opened body {
  overflow: auto; }

body {
  padding-left: 30% !important;
  position: relative; }

#mm-blocker {
  display: none !important; }

.mm-page {
  box-shadow: none !important;
  background: inherit;
  box-sizing: border-box;
  min-height: 100vh;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
  z-index: 1; }

.mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.mm-menu {
  width: 30% !important;
  min-width: none !important;
  max-width: none !important;
  z-index: 0;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important; }
  .mm-menu:first-child, .mm-menu.mm-current {
    display: block; }
