/*
	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)"/>
*/
/*$mm_subopenWidth	: $mm_btnSize !default;*/
/*
To make it easier to use all variables and mixins in any Sass file in this
theme, each .scss file has a @import "base" declaration. And this _base.scss
file is in charge of importing all the other partials needed for the theme.
*/
/* COLORS
=========================== */
/* dark grey menu blocks */
/* Green */
/* Purple */
/* Light green */
/* Magenta */
/* Cyan */
/* Red */
/* Yellow */
/* Slighty darker */
/* Slighty darker */
/* Messages colors */
/* SIZES & UNITS
=========================== */
/* MIXINS
=========================== */
/* FONTS
=========================== */
/* MARGINS & SPACING
=========================== */
/* BREAKPOINTS
=========================== */
/*  Use as following:
    @include mq($narrow,$wide) {
      font-size: xx;
    }
*/
/* IE SUPPORT
=========================== */
/*
These variables are used by many mixins to add additional CSS to support
specific versions of IE or specific vendor prefixes.

To turn on support for IE6 or IE7, set those variables to true.

Zen does not require special handling for IE8 or later. But Compass uses that
variable for a couple edge cases. We include it for completeness sake. See
the documentation at http://compass-style.org/reference/compass/support/
*/
/* IMPORTS
=========================== */
/*@import "zen";              // Add the Zen Grids responsive layout mixins.*/
/*@import "compass/utilities/general/clearfix"; // Better than Drupal's clearfix.*/
/*@import "compass/utilities/sprites"; // See http://compass-style.org/help/tutorials/spriting/ */
/*@import "compass/typography/vertical_rhythm"; // Helps set up a vertical rhythm. */
/*@import "toolkit/pe"; */
/*@import "custom";           // Import our custom mixins last. */
html, body {
  min-height: 100%;
  overflow: auto;
}

body {
  /*position: relative;*/
}

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

.mm-page {
  box-shadow: none !important;
  background: inherit;
  box-sizing: border-box;
  /*width: percentage( 1 - $mm_ws_menuWidth ) !important;*/
  min-height: 100%;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  /*left: percentage( $mm_ws_menuWidth ) !important;
  top: 0 !important;*/
  z-index: 1;
}

.mm-menu {
  width: 440px;
  z-index: 0;
  max-width: none !important;
  /*&:first-child,
  &.mm-current
  {
  	display: block;
  }*/
}
.mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom {
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
}

/* Override */
/*.mm-page {
  @media screen and (min-width : $menu-break) and (max-width: $menu-break + 250px) {
  	width: percentage( 1 - $mm_ws_menuWidth_compact ) !important;
  	left: percentage( $mm_ws_menuWidth_compact ) !important;
  }
}
.mm-menu {
	@media screen and (min-width : $menu-break) and (max-width: $menu-break + 250px) {
  	width: percentage( $mm_ws_menuWidth_compact ) !important;
  }
}*/