@charset "utf-8";
/* CSS Document */

#admins-nav { position:absolute; top: 0; left:0;
    border:solid 2px #000; border-radius: 5px;
	padding: 20px; z-index:1000; cursor:move;
}

#navigation { }
	
	#navigation li:hover ul {display:block;}
	#navigation ul { height: auto; list-style: none; position: relative; }
	
	/* tier 1 */
	
	#navigation > ul { display: inline; list-style: none; padding: 0; z-index:501;}
	#navigation > ul > li { display: inline-block; padding: 0; position: relative; z-index:503;}
	#navigation > ul > li:hover, #navigation > ul > li:hover.selected { cursor:pointer;	}
	#navigation > ul > li.selected {  }
	#navigation > ul > li > a { display: block; padding: 0 0.5rem; color: #999; text-decoration: none; font:14px/4rem 'Montserrat', sans-serif !important; line-height:1.1em; }
	#navigation > ul > li.expandable > a::after { font-family: "Font Awesome 5 Pro"; font-weight: 700; content: '\f0d7'; padding-left:5px; position: relative; display: inline-block; }
	#navigation > ul > li > a.selected { color: #fff; }
	#navigation > ul > li > a:hover { color: #fff; }
	
	/* tier 2 */
	
	#navigation > ul > li > ul { border: 1px solid #999; border-radius: 5px; position: absolute; top: 50px; display:none; width:auto; background: #fff; margin: 0; padding: 5px 0; z-index:504;}
	#navigation > ul > li > ul > li { text-align:left; padding:2px 10px; z-index:505; }
	#navigation > ul > li > ul > li:hover { background-color: #f0f0f0;  }
	#navigation > ul > li > ul > li > a {color: #666; font:14px/2rem 'Montserrat', sans-serif !important; text-decoration:none; display:block; white-space: nowrap; width:100%; }
	#navigation > ul > li > ul > li > a:hover {color: #000;}
	#navigation > ul > li > ul > li.expandable > a { display:block; }
	#navigation > ul > li > ul > li.expandable > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > a.selected { font-weight:bold;}
	
	/* tier 3 */

	#navigation > ul > li > ul > li > ul { margin: 0 0 0 5px; padding:0; z-index:506;}
	#navigation > ul > li > ul > li > ul > li { text-align:left; padding:2px 5px; margin:5px 10px; z-index:507;}
	#navigation > ul > li > ul > li > ul > li:hover {  }
	#navigation > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none; border-bottom:solid 1px #1b1b1d; width:100%; display:block; width:100%;}
	#navigation > ul > li > ul > li > ul > li > a:hover {font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > ul > li > a.selected { font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li.selected {  }

	/* tier 4 */
	#navigation > ul > li > ul > li > ul > li > ul { margin: 0 0 0 5px; padding:0; z-index:508;}
	#navigation > ul > li > ul > li > ul > li > ul > li { text-align:left; padding:2px 5px; margin:5px 10px; z-index:509;}
	#navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none; padding:2px 10px; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a:hover {font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a.selected { font-weight:bold; }

/* 960px */
@media screen and (max-width: 1199px) {
	
}
