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

#header-admin {
    background-color: #181818;
    grid-auto-flow: column;
}


#branding {
}

.site-logo {
}

#header-wrapper.sticky-header { display: block}

	
	#navigation > ul > li:hover > ul {display:block;}
	#navigation ul {list-style: none; }
	
	/* tier 1 */
	
	#navigation > ul {justify-content: space-around; padding: 0; margin: 60px 0 0 0; z-index:501;}
	#header-wrapper.sticky-header #navigation > ul {margin: 10px;}
	#navigation > ul > li { display: inline-block; padding: 0; 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 2em; margin: 0; color: #121212; text-decoration: none; text-transform:uppercase; font-size:1.05em; line-height:300%; }
	#navigation > ul > li:last-child > a,
	#navigation a.selected,
	#navigation > ul > li.no-border > a { }
	#navigation > ul > li > a:hover { background-color: #999; color: #fff; }
	
	/* tier 2 */
	
	#navigation > ul > li > ul { position: absolute; display:none; width:25%; background: #212121;margin: 0; padding:0;border: solid 2px #000; border-top: none; z-index:504;}
	#navigation > ul > li > ul > li { text-align:left; padding:0; margin:0; z-index:505; }
	#navigation > ul > li > ul > li:last-child { }
	#navigation > ul > li > ul > li:hover {	}
	#navigation > ul > li > ul > li.selected { border:solid 1px #fff; }
	#navigation > ul > li > ul > li > a {color: #fff; text-decoration:none; display:block; width:100%; }
	#navigation > ul > li > ul > li > a:hover {font-weight:bold;}
	#navigation > ul > li > ul > li.expandable > a { display:block; }
	#navigation > ul > li > ul > li.expandable > a:after { display:block; 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: 0; margin: 0; 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; 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; 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: 0; margin: 0; 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; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a.selected { font-weight:bold; }

    #header-wrapper.sticky-header #navigation > ul > li > a { padding: 0.2em 2em; line-height:1.6rem; }

main {
    min-height: 600px;
}

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