/*
	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: 25% !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: 25% !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; }

.mm-page { background-color: #EDEDED; }

#menu.mm-menu { margin-top: 61px; z-index: 2; }
#menu.mm-menu li.mm-selected .subsections { max-height: none; }

.site-header { position: fixed; margin-left: -25%; width: 25%; border-right: solid 1px #EDEDED; top: 0; }
.site-header .show-menu { display: none; }
.site-header .site-title { margin-left: 20px; }