/*
	jQuery.mmenu widescreen extension CSS
*/
@media all and (min-width: 960px) {
html, body {
  /*min-height: 100%;
  overflow: auto;*/ }

body {
  position: relative; }

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

.mm-page {
  background: inherit;
  box-sizing: border-box;
  width: 70% !important;
  min-height: 100%;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  left: 30% !important;
  top: 0 !important;
  z-index: 1; }
.mm-menu {
  width: 30% !important;
  z-index: 0; }
  .mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important; }
  .mm-menu.mm-offcanvas, .mm-menu.mm-current {
    display: block; }	
}
@media all and (min-width: 960px) {
	.affero-header {
		display: none;
	}
	html.mm-opening .mm-page, html.mm-opening #mm-blocker {
		-webkit-transform: translate(0px, 0);
		-moz-transform: translate(0px, 0);
		-o-transform: translate(0px, 0);
		transform: translate(0px, 0);
	}
	html.mm-opened {
		overflow: auto;
	}
	/* ---- Undo Styles ---- */
	.mm-menu {max-width: none;}
	.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-controls-direction a.bx-next {
		top: 100%;
		margin-top: 0px;
		border-radius: 0px 0px 4px 0px;
	}
	.bx-wrapper .bx-controls-direction a.bx-next {
	    border-radius: 0px 0px 0px 4px;
	}
	html .mm-page {
		display: inline-block;/* Undo Styles */
		width: 100%;/* Undo Styles */
	}
	.affero-site-link {
		display: block;/* ? */
	}
	.affero-padding {
		padding: 20px 50px 20px 50px;
	}
	.affero-header {
		padding: 0px 50px 0px 50px;
		text-align: left;
	}
	.affero-header h1 {
		font-size: 28px;/* Undo Styles */
	}
	hr {margin-left: 0px; margin-right: 0px;}
}