/* Cascading Style Sheet - Menu Styles */


/*  MENU  */
a {text-decoration: none;}

nav {
	width: 100%;
	overflow: hidden;
}
.menu a {
	color: #000!important;
	font-size: 14px;
	padding: 8px 8px; 
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}
.menu a.accent1-bg, .menu a.accent2-bg {color: lemonchiffon!important;}

.menu a:hover {color: #000!important; background-color: #ccc!important; text-shadow: none;}

/* necessary to offset influence of <sub> tags you added to some icons */
.menu a i, .menu a sub {line-height: 16px;}

.menu .glyph {display: none; font-size: 1.25rem; padding-left: 1rem; padding-right: 1rem;}
@media screen and (max-width: 1023px) {
	.menu a:not(:first-child) {
		display: none;
	}
	.menu a.glyph {
		float: right;
		display: block;
	}
}
@media screen and (max-width: 1023px) {
	.menu.mobile {
		height: auto;
	}
	.menu.mobile a.glyph {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.menu.mobile a:not(.glyph) {
		float: none;
		display: block;
		text-align: left;
		line-height: 2em;
		background-color: #fff;
	}
	.menu.mobile a.accent1-bg {background-color: #939c59;}
	.menu.mobile a.accent2-bg {background-color: #c90;}
}
@media screen and (max-height: 480px) {
	.menu.mobile a:not(:last-child) {
		line-height: 2em;
	}
}