/**
 * Navmenu.scss
 * @package Mamoka Boilerplate
 * @version 0.2
 * @author Piero Vettori <p.vettori@mamoka.com>
 */
.menu-button {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	text-align: center; }

.menu-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	margin-right: -15px;
	/* compensate scrollbar width */
	background: rgba(0, 0, 0, 0.7);
	overflow-y: scroll;
	z-index: 100000; }
	.menu-overlay li {
		display: block;
		list-style: none; }
	.menu-overlay a {
		text-decoration: none; }
	.menu-overlay .menu-button {
		color: #fafafa; }
	.menu-overlay .menu-tabs {
		display: block; }
	.menu-overlay .menu-contents {
		display: table;
		width: 100%;
		height: 100%; }
	.menu-overlay .menu-tab {
		display: inline-block;
		background-color: #333; }
		.menu-overlay .menu-tab.active {
			background-color: #000; }
		.menu-overlay .menu-tab a {
			display: inline-block;
			padding: 0.5em 1em;
			margin-right: 0.2em;
			color: #fafafa; }
	.menu-overlay .menu-tab-content {
		display: none;
		padding: 20px;
		color: #fafafa;
		background-color: #000; }
		.menu-overlay .menu-tab-content.active {
			display: table-cell; }