/*
	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 {
  overflow: auto !important; }

body {
  position: relative; }

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

.mm-slideout {
  transform: none !important;
  width: 70% !important;
  margin-left: 30% !important; }

.mm-page {
  background: inherit;
  box-sizing: border-box; }

.mm-menu.mm-widescreen {
  display: block;
  width: 30% !important;
  min-width: none !important;
  max-width: none !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  border-right-width: 1px;
  border-right-style: solid; }
  .mm-menu.mm-widescreen.mm-pageshadow:after {
    content: none;
    display: none; }
