#pos-mobile-toolbar-wrapper,#pos-mobile-toolbar{
	/* wrapper pushes content below fixed banner */
	height:60px;
	width:100%;
	margin-bottom:2em;
}
#pos-mobile-toolbar{
	position:fixed;top:0;
	background:black;
	z-index:10;	
}

#pos-desktop-toolbar-wrapper,#pos-desktop-toolbar{
	/* hide desktop menu */
	display:none;
}



/* hide checkbox */
#pos-mobile-menu input[type=checkbox]{
	display:none;
}
/* hamburger menu */
#pos-mobile-menu label{
	position:absolute;top:0;right:0;
	z-index:10;
	cursor:pointer;
	height:60px;width:60px;
	color:white;
	display: block;
	letter-spacing:0;
	
	/* remove selectable area - highlight */
	-webkit-touch-callout:none;
	-webkit-user-select:none; /* Webkit */
	-moz-user-select:none;    /* Firefox */
	-ms-user-select:none;     /* IE 10  */	
	/* hor center */
	text-align:center;
	/* ver center */
	line-height:60px;	
}
/* hamburger hover */		
#pos-mobile-menu label:hover{
	color:#eee;
}
/* hamburger icon */
.pos-hamburger:before{
	content:'\2630';
	font-size:30px;
	text-transform:uppercase;
}
/* show sub menus on hover */
#pos-mobile-menu ul li:hover > .sub-menu {
	/* display:block; */
}
/* display 1st tier menu items when checked */
#pos-mobile-menu input[type=checkbox]:checked ~ #pos-menu-wrapper{
	display:block;
}
/* hide mobile menu */
#pos-mobile-menu > div{
	display:none;
}
#pos-mobile-menu #pos-menu-wrapper{
	/*
	background:#555;
	width:100%;
	margin:0;padding:0;
	position:fixed;top:100px;
	padding:1em 0;
	z-index:10;
	height:100%;
	overflow:auto;
	*/
	background:black;
	width:100%;
	margin:0;padding:1em 0 6em 0;
	position:fixed;top:60px;bottom:0;
	z-index:10;
	overflow-y:scroll;
	
}
#pos-mobile-menu #pos-menu-wrapper ul{
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.05em;
}	

#pos-mobile-menu #pos-menu-wrapper ul li a{
	display:block;
	padding:1em 0;
}
#pos-mobile-menu #pos-menu-wrapper ul li{
	list-style:none;
	text-align:center;
	margin:0;padding:0;
}
#pos-mobile-menu #pos-menu-wrapper ul li a,
#pos-mobile-toolbar .title a{
	text-decoration:none;
	color:white;
}
#pos-mobile-toolbar .title{
	margin-left:20px;
}

#pos-mobile-menu #pos-menu-wrapper .sub-menu{
	text-transform:none;
	margin:0;padding:0;margin-bottom:1em;
	font-size:0.9em;
}

/* set up the downward arrow for top level items */
#pos-mobile-menu #pos-menu-wrapper ul li a:after {
	content: ' \f107';
	font-family: FontAwesome;font-style: normal;
	font-weight: normal;
   }
#pos-mobile-menu #pos-menu-wrapper ul li a:only-child:after{
/* clear the content if a is only child */
	content: '';
}

#pos-mobile-toolbar .title a,#pos-desktop-toolbar .title a{
	text-decoration:none;
}
#pos-mobile-toolbar .title,#pos-desktop-toolbar .title{
	line-height:60px;
}

/****************************** DESKTOP ******************************/
@media (min-width: 550px) {

	#pos-primary-menu{
		text-align:center;
	}
	#pos-primary-menu ul{
		float:none;
		display: inline-block;
		list-style:none;
		font-size:0.8em;
	}
	#pos-primary-menu ul li{
		float:left;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:0.05em;
		line-height:60px;
		margin-left:0;
	}
	#pos-primary-menu ul li:last-child{
		margin-right:0;
	}
	#pos-primary-menu a{
		text-decoration:none;
		margin-right:1.5em;
		display:block;height:100%;
	}
	#pos-primary-menu a, #pos-primary-menu a:link, #pos-primary-menu a:active, #pos-primary-menu a:visited,
	#pos-desktop-toolbar .title a, #pos-desktop-toolbar .title a:link,#pos-desktop-toolbar .title a:active, #pos-desktop-toolbar .title a:visited {
		color:#ccc;
		transition: color 0.3s ease-in-out;
		-moz-transition: color 0.3s ease-in-out;
		-webkit-transition: color 0.3s ease-in-out;
		-o-transition: color 0.3s ease-in-out;
	}
	#pos-primary-menu a:hover,
	#pos-desktop-toolbar .title a:hover {
		color:white;
	}
	
	/* set up the downward arrow for top level items */
	#pos-primary-menu ul li a:after {
		content: ' \f107';
		font-family: FontAwesome;font-style: normal;
		font-weight: normal;
	   }
	/* clear the content if a is only child */
	#pos-primary-menu li a:only-child:after{
		content: '';
	}		

	/* sub menu */
	#pos-primary-menu .sub-menu li a{
		display:block;height:100%;
		margin:0;padding:0;padding:0.5em 1.5em;
		letter-spacing:0;
	}
	
	#pos-primary-menu .sub-menu{
		margin:0;padding:0;padding:1em 0em;
		display:none;
		position:absolute;
		font-size:1.1em;
		background:black;
		/*border-top:1px solid black;border-top:0;*/
		margin-top:-1px;
	}
	#pos-primary-menu .sub-menu li {
		float:none;
		width:250px;
		margin:0;padding:0;
		text-transform:none;
		font-weight:normal;
		line-height:1.8em;
	}
	#pos-primary-menu .sub-menu li a::before {
		/*content:"- ";*/
	}
	/* show sub menu on hover */
	#pos-primary-menu ul li:hover > .sub-menu {
		display: block;
	}

}

@media (min-width: 1200px) {
	/* TOOLBARS */	
	#pos-mobile-toolbar-wrapper,#pos-mobile-toolbar{
		/* hide mobile menu */
		display:none;
	}	
	#pos-desktop-toolbar-wrapper,#pos-desktop-toolbar{
		/* show desktop menu */
		display:block;
		/* wrapper pushes content below fixed banner */
		height:60px;
		width:100%;	
		margin-bottom:2em;
	}
	#pos-desktop-toolbar{
		position:fixed;top:0;
		background:black;
		z-index:10;
	}	
}