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

#admins-nav { color: #fff; background: #000; padding: 5px; text-align: center; line-height: 18px; }
#admins-nav a {color: #fff;}
#admins-nav .btn-secondary {padding: .20rem .4rem; font-size: .70rem;}
	

	#navigation > ul > li:hover > ul {display:block;}
	#navigation ul {list-style: none !important; }
	
	/* tier 1 */
	#navigation > ul {display: flex; justify-content: center; align-items: center; list-style: none; margin: 0; height: 110px;}
	#navigation > ul > li { padding: 0; height: 110px;align-self: center; transition: background 0.6s;}
	#navigation > ul > li.selected,
	#navigation > ul > li:hover {
		background-image: linear-gradient(135deg, #454f7a 5.88%, #243063 5.88%, #243063 50%, #454f7a 50%, #454f7a 55.88%, #243063 55.88%, #243063 100%);
		background-size: 17.00px 17.00px; color: #fff;
	}
	#navigation > ul > li > a { display: block; margin-top: 1.8em; padding: 0 1em;  
        color: #000; font-size:1rem; line-height:3rem; text-decoration: none; text-transform: uppercase;
    }
    #navigation > ul > li > a:hover { color: #fff;  }
    #navigation > ul > li.selected > a { color: #fff; }
	#navigation > ul > li.selected > a.selected  { color: #fff; }
    #navigation > ul > li.selected > a:hover,
	#navigation > ul > li:hover > a { color: #fff;}
	#navigation > ul > li.expandable > a::after {font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; padding-left: 5px;
		 display: inline-block; content: '\f078'; 
	}

	#header-wrapper.sticky-header #navigation > ul { height: 60px;}
	#header-wrapper.sticky-header #navigation > ul > li { height: 60px;}
	#header-wrapper.sticky-header #navigation > ul > li > a { margin-top: 0.5em;}
	
	/* tier 2 */
	#navigation > ul > li > ul { position: absolute; display:none; width:25%; margin: 0; padding: 5px; border: 2px solid #9e0b0f; z-index:504; border-radius:8px;
		background-image: linear-gradient(135deg, #243063 5.88%, #454f7a 5.88%, #454f7a 50%, #243063 50%, #243063 55.88%, #454f7a 55.88%, #454f7a 100%);
		background-size: 17.00px 17.00px;
	}
	#navigation > ul > li > ul > li { text-align:left; z-index:505; color: #fff; padding-left: 5px; transition: background 0.6s; }
	#navigation > ul > li > ul > li:last-child { margin-bottom:20px;}
	#navigation > ul > li > ul > li:hover {
	background: rgba(255,255,255,0.25);
	}
	#navigation > ul > li > ul > li.selected {  }
	#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.selected > a {  color:#fff;font-weight:bold;}
	#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;  content: ''; }
	
	/* 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;z-index:507; padding-left: 5px;}
	#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 { text-align:left;  z-index:509; padding-left: 5px; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none;  }
	#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) {
	
}