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

#navigation { height: auto; position: relative; }
	
	#navigation ul { display: flex; justify-content: center; list-style: none; }
	
	/* tier 1 */
	
	#navigation > ul { list-style: none; padding: 0 20px 0 20px; height:auto; z-index:501; margin:0}
	#navigation > ul > li {float: left;padding: 0; height:auto; 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: 1rem 1em; height:auto; color: #fff; text-decoration: none; text-transform: uppercase; font-size:1vw; transition:background-color 0.5s ease}
	#navigation > ul > li:last-child > a,
	#navigation a.selected,
	#navigation > ul > li.no-border > a { border:none; }
	#navigation > ul > li:hover > a { background-color: #0005; }
	#navigation > ul > li:last-child { display: none; }
	
	/* tier 2 */
	
	#navigation > ul > li > ul { columns: 3; display:block; position: absolute; top:-1000%; left: 0; width: 100%; opacity:0; background: #006595ff; margin: 0; padding: 0; transition: opacity 0.5s ease; z-index: 504;}
    #navigation li:hover ul {top:100%; opacity:1;}
	#navigation > ul > li > ul > li { float:none; text-align:left; z-index:505; break-inside: avoid-column;}
	#navigation > ul > li > ul > li:last-child {}
	#navigation > ul > li > ul > li:hover {	}
	#navigation > ul > li > ul > li.selected { }
	#navigation > ul > li > ul > li > a {color: #fff; text-decoration:none; display:block; width:100%; padding:0.5rem 1rem; font-size:1vw;}
	#navigation > ul > li > ul > li > a:hover {background-color:#fff2;}
	#navigation > ul > li > ul > li.expandable > a { display:block; border-bottom:solid 1px #1b1b1d; }
	#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 {float:none; 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%;}
	#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 {float:none; 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) {
	
}