
/* NAVIGATION
================================*/
.navigation{
	@include flex();
	-ms-flex-align: initial;
	align-items: initial;
	width: 100%;
	line-height: initial;
	box-sizing: border-box;
	
	@media (min-width: $landscape-width){
		height: auto;
	}
	
	*,
	*:before,
	*:after{
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
		text-decoration: none;
	}
	
	// Fixed on top
	&.fixed-top{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 19998;
	}
}

/* MOBILE HEADER
================================*/
.navigation-header{
	min-width: 100%;
	@include flex();
	@include flexAlignCenterVertically();
	@include flexAlignBetween();
	
	@media (min-width: $landscape-width){
		display: none;
	}
}

/* OVERLAY PANEL
================================*/
.overlay-panel{
	width: 0;
	height: 0;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: -999999;
	@include transition(opacity .8s);
	
	&.is-visible{
		width: 100%;
		height: 100%;
		opacity: 1;
		z-index: 19999;
	}
	
	&.is-invisible{
		opacity: 0;
	}
	
	@media (min-width: $landscape-width){
		&.is-visible{
			display: none !important;
		}
	}
}























