/* menu icon
---------------------------------------------------------------------------------------------------------- */
#mobile-menu-btn { display: none; }
.mobnav-subarrow { display: none; }


/* essential styles
---------------------------------------------------------------------------------------------------------- */
.sf-menu,
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu ul {
	min-width: 10em; /* allow long menu items to determine submenu width */
	width: 15em; /* no auto sub width for IE7, see white-space comment below */
	font-size: .9em;
}
.sf-menu ul,
.sf-menu li:hover,
.sf-menu li.xpopdrop {
	background: #D1E180;
	color: #fff;
}
	.sf-menu li a {
		display: block;
		padding: .5em .7em;
		text-decoration: none;
		zoom: 1; /* IE7 */
	}

	.sf-menu li {
		white-space: nowrap; /* no need for Supersubs plugin */
		*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	}

li.menu-item-has-children > a:after {
	font-family: mfg_labs_iconsetregular;
	content: "\f004";
	margin-left: .5em;
}

ul.sub-menu li a:hover {
	color: #fff;
	background: #D1E180;
}

.current-menu-item,
.current-page-parent {
	background: #D1E180;
}




/* mobile styles
---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 60em) {

	header {
		height: auto;
	}

	#logo img {
		width: 64px;	
	}
	
	nav, .sf-menu {
		clear: both;
		float: none;
		margin: 0;
		position: relative;
		left: 0;
	}

	.mobnav-subarrow {
		position: absolute;
		top: 15px;
		right: 0;
		display: block;
		height: 32px;
		width: 32px;
		cursor: pointer;
		text-align: center;
	}
	.sf-menu {
		width: 100%;
		display: none;
	}
	.sf-menu.xactive {
		display: block!important;
	}
	.sf-menu > li {
		float: none !important;
		width: 100% !important;
		border-bottom: 1px solid #ddd;
	}
		.sf-menu li:last-child {
			border-bottom: none;
		}
	.sf-menu li a {
		display: block !important;
		float: none !important;
		padding: .8em .5em !important;
	}
	.sf-menu ul {
		position: static !important;
		display: none !important;
	}
	.xpopdrop ul {
		display: block !important;
	}

	li.menu-item-has-children > a:after {
		content: "";
		margin-left: 0;
	}

	ul.sub-menu li a:hover {
		background: none;
	}



}