/* MOBILE NAV */

.Header label[for="mobile-nav-toggle"]{
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:url(../img/menu-icon.png) center center no-repeat;
	overflow:hidden;
	cursor:pointer;}
.Header label[for="mobile-nav-toggle"]::after{
	display:block;
	content:"";
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	width:0;
	background:#000;
	opacity:0;
	transition:opacity 0.25s, width 0s 0.25s;}

.Mobile-Nav{
	display:none;
	position:fixed;
	top:0;
	right:-250px;
	bottom:0;
	width:250px;
	background:#fff;
	z-index:2;
	padding:10px 0;
	transition:right 0.25s;}

.Mobile-Nav input{
	margin:10px 20px 15px;
	width:210px;
	padding:5px;
	font-size:14px;}
.Mobile-Nav a{
	display:block;
	padding:5px 20px;
	font-weight:700;}
.Mobile-Nav .minor{padding-top:10px;}
.Mobile-Nav .minor a{font-size:14px; font-weight:400; opacity:0.75;}

.Mobile-Nav .sub {
	padding: 0 0 10px 10px;
}

.Mobile-Nav .sub a {
	font-size:14px;
	font-weight:400;
	opacity:0.75;
}

@media(max-width:960px){
	.Header label[for="mobile-nav-toggle"]{display:block;}
	.Mobile-Nav{display:block;}

	#mobile-nav-toggle:checked ~ .Mobile-Nav{right:0;}
	#mobile-nav-toggle:checked ~ #page-wrapper{right:250px; width:100%; overflow:hidden; top:0; bottom:0; position:fixed;}
	#mobile-nav-toggle:checked ~ #page-wrapper label[for="mobile-nav-toggle"]::after{width:100%; opacity:0.5; transition:opacity 0.25s, width 0s;}
}