/*!
 * jQuery mmenu v7.2.1
 * @requires jQuery 1.7.0 or later
 *
 * mmenu.frebsite.nl
 *	
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */

.mm-menu
{
	--mm-line-height: 20px;
	--mm-listitem-size: 44px;
	--mm-navbar-size: 44px;
	--mm-offset-top: 0;
	--mm-offset-right: 0;
	--mm-offset-bottom: 0;
	--mm-offset-left: 0;
	--mm-color-border: rgba(0, 0, 0, 0.1);
	--mm-color-button: rgba(0, 0, 0, 0.3);
	--mm-color-text: rgba(0, 0, 0, 0.75);
	--mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
	--mm-color-background: #f3f3f3;
	--mm-color-background-highlight: rgba(0, 0, 0, 0.05);
	--mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
	--mm-shadow: 0 0 10px rgba( 0,0,0, 0.3 );
}

.mm-hidden { display: none!important; }

.mm-wrapper
{
	overflow-x: hidden;
	position: relative;
}

.mm-menu
{
	background: var(--mm-color-background);
	border-color: var(--mm-color-border);
	color: var(--mm-color-text);
	line-height: var(--mm-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 0;
	top: var(--mm-offset-top);
	right: var(--mm-offset-right);
	bottom: var(--mm-offset-bottom);
	left: var(--mm-offset-left);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited
{
	color: inherit;
	text-decoration: none;
}

[dir=rtl] .mm-menu { direction: rtl; }

.mm-panels,.mm-panels>.mm-panel
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

.mm-panel,.mm-panels
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: var(--mm-color-background);
	border-color: var(--mm-color-border);
	color: var(--mm-color-text);
}

.mm-panels { overflow: hidden; }

.mm-panel
{
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	padding: 0 20px;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
}

.mm-panel:not(.mm-hidden) { display: block; }

.mm-panel:after,.mm-panel:before
{
	content: '';
	display: block;
	height: 20px;
}

.mm-panel_has-navbar { padding-top: var(--mm-navbar-size); }

.mm-panel_opened
{
	z-index: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.mm-panel_opened-parent
{
	-webkit-transform: translate3d(-30%,0,0);
	transform: translate3d(-30%,0,0);
}

.mm-panel_highest { z-index: 2; }

.mm-panel_noanimation
{
	-webkit-transition: none!important;
	-o-transition: none!important;
	transition: none!important;
}

.mm-panel_noanimation.mm-panel_opened-parent
{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

[dir=rtl] .mm-panel:not(.mm-panel_opened)
{
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

[dir=rtl] .mm-panel.mm-panel_opened-parent
{
	-webkit-transform: translate3d(30%,0,0);
	transform: translate3d(30%,0,0);
}

.mm-listitem_vertical>.mm-panel
{
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	display: none;
	width: 100%;
	padding: 10px 0 10px 10px;
}

.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before
{
	content: none;
	display: none;
}

.mm-listitem_opened>.mm-panel { display: block; }

.mm-listitem_vertical>.mm-listitem__btn
{
	height: var(--mm-listitem-size);
	bottom: auto;
}

.mm-listitem_vertical .mm-listitem:last-child:after { border-color: transparent; }

.mm-listitem_opened>.mm-listitem__btn:after
{
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	right: 19px;
}

.mm-btn
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 44px;
	padding: 0;
}

.mm-btn:after,.mm-btn:before
{
	border-color: var(--mm-color-button);
	border-width: 2px;
	border-style: solid;
}

.mm-btn_close:after,.mm-btn_close:before
{
	content: '';
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 5px;
	height: 5px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mm-btn_close:before
{
	border-right: none;
	border-bottom: none;
	right: 18px;
}

.mm-btn_close:after
{
	border-left: none;
	border-top: none;
	right: 25px;
}

.mm-btn_next:after,.mm-btn_prev:before
{
	content: '';
	border-bottom: none;
	border-right: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}

.mm-btn_prev:before
{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 23px;
	right: auto;
}

.mm-btn_next:after
{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 23px;
	left: auto;
}

[dir=rtl] .mm-btn_next:after
{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 23px;
	right: auto;
}

[dir=rtl] .mm-btn_prev:before
{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 23px;
	left: auto;
}

[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before { right: auto; }
[dir=rtl] .mm-btn_close:before { left: 25px; }
[dir=rtl] .mm-btn_close:after { left: 18px; }

.mm-navbar
{
	background: var(--mm-color-background);
	border-color: var(--mm-color-border);
	color: var(--mm-color-text-dimmed);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: center;
	display: none;
	height: var(--mm-navbar-size);
	padding: 0 44px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.mm-navbar>*
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
	padding-left: 0;
	padding-right: 0;
}

.mm-navbar a,.mm-navbar a:hover { text-decoration: none; }

.mm-navbar__title
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.mm-navbar__btn
{
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
}

.mm-navbar__btn:first-child
{
	text-align: left;
	left: 0;
}

.mm-navbar__btn:last-child
{
	text-align: right;
	right: 0;
}

.mm-panel_has-navbar .mm-navbar { display: block; }

[dir=rtl] .mm-navbar__btn:first-child
{
	text-align: right;
	right: 0;
	left: auto;
}

[dir=rtl] .mm-navbar__btn:last-child
{
	text-align: left;
	left: 0;
	right: auto;
}

.mm-listitem,.mm-listview
{
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

.mm-listitem
{
	color: var(--mm-color-text);
	border-color: var(--mm-color-border);
	position: relative;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mm-listitem:after
{
	content: '';
	border-color: inherit;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	position: absolute;
	left: 20px;
	right: 0;
	bottom: 0;
}

.mm-listitem a,.mm-listitem a:hover { text-decoration: none; }

.mm-listitem__btn,.mm-listitem__text
{
	color: inherit;
	display: block;
	padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
	padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
}

.mm-listitem__text
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 10%;
	flex-basis: 10%;
}

.mm-listitem__btn
{
	-webkit-tap-highlight-color: var(--mm-color-background-emphasis);
	tap-highlight-color: var(--mm-color-background-emphasis);
	background: rgba(3,2,1,0);
	border-color: inherit;
	width: auto;
	padding-right: 54px;
	position: relative;
}

.mm-listitem__btn:not(.mm-listitem__text)
{
	border-left-width: 1px;
	border-left-style: solid;
}

.mm-listitem_selected>.mm-listitem__text { background: var(--mm-color-background-emphasis); }
.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel { background: var(--mm-color-background-highlight); }
.mm-panels>.mm-panel>.mm-listview { margin: 20px -20px; }
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -20px; }

.mm-listitem_divider
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: var(--mm-color-background-highlight);
	font-size: 75%;
	text-transform: uppercase;
	min-height: var(--mm-line-height);
	padding: calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);
	padding-right: 10px;
	padding-left: 20px;
}

.mm-listitem_spacer { padding-top: var(--mm-listitem-size); }
.mm-listitem_spacer>.mm-btn_next { top: var(--mm-listitem-size); }

[dir=rtl] .mm-listitem:after
{
	left: 0;
	right: 20px;
}

[dir=rtl] .mm-listitem__text
{
	padding-left: 10px;
	padding-right: 20px;
}

[dir=rtl] .mm-listitem__btn
{
	padding-left: 54px;
	border-left-width: 0;
	border-left-style: none;
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text)
{
	padding-right: 0;
	border-right-width: 1px;
	border-right-style: solid;
}

.mm-page
{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.mm-slideout
{
	-webkit-transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
	z-index: 1;
}

.mm-wrapper_opened
{
	overflow-x: hidden;
	position: relative;
}

.mm-wrapper_background .mm-page { background: inherit; }

.mm-menu_offcanvas
{
	display: none;
	position: fixed;
	right: auto;
	z-index: 0;
}

.mm-menu_offcanvas.mm-menu_opened { display: block; }

.mm-menu_offcanvas
{
	width: 80%;
	min-width: 240px;
	max-width: 440px;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout
{
	-webkit-transform: translate3d(80vw,0,0);
	transform: translate3d(80vw,0,0);
}

@media all and (max-width:300px)
{
	.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout
	{
		-webkit-transform: translate3d(240px,0,0);
		transform: translate3d(240px,0,0);
	}
}

@media all and (min-width:550px)
{
	.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout
	{
		-webkit-transform: translate3d(440px,0,0);
		transform: translate3d(440px,0,0);
	}
}

.mm-wrapper__blocker
{
	background: rgba(3,2,1,0);
	overflow: hidden;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}

.mm-wrapper_blocking { overflow: hidden; }
.mm-wrapper_blocking body { overflow: hidden; }
.mm-wrapper_blocking .mm-wrapper__blocker { display: block; }

.mm-sronly
{
	border: 0!important;
	clip: rect(1px,1px,1px,1px)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	white-space: nowrap!important;
	width: 1px!important;
	min-width: 1px!important;
	height: 1px!important;
	min-height: 1px!important;
	padding: 0!important;
	overflow: hidden!important;
	position: absolute!important;
}

/* Pagedim */
[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker { opacity: 0; }

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker
{
	opacity: .3;
	-webkit-transition: opacity .4s ease .4s;
	-o-transition: opacity .4s ease .4s;
	transition: opacity .4s ease .4s;
}

.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker { background: inherit; }
.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker { background: #000; }
.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker { background: #fff; }

/* Navbars */
.mm-navbars_bottom,.mm-navbars_top{background:inherit;border-color:inherit;border-width:0;position:absolute;left:0;right:0;z-index:1}.mm-navbars_bottom>.mm-navbar,.mm-navbars_top>.mm-navbar{border-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mm-navbars_bottom>.mm-navbar:not(.mm-navbar_has-btns),.mm-navbars_top>.mm-navbar:not(.mm-navbar_has-btns){padding:0}.mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn),.mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn){-webkit-box-flex:1;-ms-flex:1;flex:1}.mm-navbars_top{border-bottom-style:solid;border-bottom-width:1px;top:0;bottom:auto}.mm-menu_navbar_top-1 .mm-panels{top:44px;top:calc(var(--mm-navbar-size) * 1)}.mm-menu_navbar_top-2 .mm-panels{top:88px;top:calc(var(--mm-navbar-size) * 2)}.mm-menu_navbar_top-3 .mm-panels{top:132px;top:calc(var(--mm-navbar-size) * 3)}.mm-menu_navbar_top-4 .mm-panels{top:176px;top:calc(var(--mm-navbar-size) * 4)}.mm-navbars_bottom{border-top-style:solid;border-top-width:1px;bottom:0;top:auto}.mm-menu_navbar_bottom-1 .mm-panels{bottom:44px;bottom:calc(var(--mm-navbar-size) * 1)}.mm-menu_navbar_bottom-2 .mm-panels{bottom:88px;bottom:calc(var(--mm-navbar-size) * 2)}.mm-menu_navbar_bottom-3 .mm-panels{bottom:132px;bottom:calc(var(--mm-navbar-size) * 3)}.mm-menu_navbar_bottom-4 .mm-panels{bottom:176px;bottom:calc(var(--mm-navbar-size) * 4)}.mm-navbar_size-2{height:88px;height:calc(var(--mm-navbar-size) * 2)}.mm-navbar_size-3{height:132px;height:calc(var(--mm-navbar-size) * 3)}.mm-navbar_size-4{height:176px;height:calc(var(--mm-navbar-size) * 4)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 20px}.mm-navbar__breadcrumbs>*{display:inline-block;padding-right:6px;padding-top:12px;padding-top:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-bottom:12px;padding-bottom:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5)}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar_has-btns .mm-navbar__breadcrumbs{margin-left:-44px}.mm-navbar_has-btns .mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{margin-left:0;padding-left:0}.mm-navbar__tab_selected{background:inherit!important;color:inherit!important;border-width:1px;border-style:solid;border-color:inherit}.mm-navbar__tab_selected:first-child{border-left:none}.mm-navbar__tab_selected:last-child{border-right:none}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:inherit!important;color:inherit!important}.mm-navbars_top .mm-navbar_tabs:not(:last-child){border-bottom-width:1px;border-bottom-style:solid}.mm-navbars_top .mm-navbar__tab_selected{border-bottom:none;margin-bottom:-1px}.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected{border-top:none}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:inherit;color:inherit}.mm-navbars_bottom .mm-navbar_tabs:not(:first-child){border-top-width:1px;border-top-style:solid}.mm-navbars_bottom .mm-navbar__tab_selected{border-top:none;margin-top:-1px}.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected{border-bottom:none}.mm-navbar_tabs>a:not(.mm-navbar__tab_selected),.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar,.mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs){background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed)}

/* Themes */
.mm-menu_theme-white
{
	--mm-color-border: rgba( 0,0,0, 0.4 );
	--mm-color-button: rgba( 0,0,0, 0.3 );
	--mm-color-text: rgba( 0,0,0, 1 );
	--mm-color-text-dimmed: rgba( 0,0,0, 0.3 );
	--mm-color-background: #fff;
	--mm-color-background-highlight: rgba( 0,0,0, 0.06 );
	--mm-color-background-emphasis: rgba( 0,0,0, 0.03 );
	--mm-shadow: 0 0 10px rgba( 0,0,0, 0.2 );
}

.mm-menu_theme-dark
{
	--mm-color-border: rgba( 0,0,0, 0.3 );
	--mm-color-button: rgba( 255,255,255, 0.4 );
	--mm-color-text: rgba( 255,255,255, 0.85 );
	--mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
	--mm-color-background: #333;
	--mm-color-background-highlight: rgba( 255,255,255, 0.08 );
	--mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
	--mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 );
}

.mm-menu_theme-black
{
	--mm-color-border: rgba( 255,255,255, 0.25 );
	--mm-color-button: rgba( 255,255,255, 0.4 );
	--mm-color-text: rgba( 255,255,255, 0.75 );
	--mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
	--mm-color-background: #000;
	--mm-color-background-highlight: rgba( 255,255,255, 0.2 );
	--mm-color-background-emphasis: rgba( 255,255,255, 0.15 );
	--mm-shadow: none;
}