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

#admins-nav { color: #fff; background: #000; padding: 10px; text-align: center;}
#admins-nav a {color: #fff;}

/*#navigation { width:100%; }*/
	
	#navigation > ul > li:hover > ul {display:block;}
	#navigation ul {list-style: none; }
	
	/* tier 1 */
	#navigation > ul {display: flex; justify-content: center; list-style: none; margin: 0; background: #000; }
	#navigation > ul > li { padding: 0; }
	#navigation > ul > li:last-child { 
    background-color:#137d42; color:#fff;
  font-size: 1.4rem;
  border-bottom: none;
  border-radius: 10px; 
  transform: skew(-20deg)!important; 
  cursor: pointer;
    text-decoration: none;
    font-weight: bold; 
}
    #navigation > ul > li:last-child:hover { border: solid 2px #137d42; color:#137d42; background-color: #000;} 
	#navigation > ul > li > a { display: block; padding: 0 1em; height: 50px; 
        color: #fff; font-size:1.8rem; line-height:3rem; text-decoration: none; text-transform:uppercase; font-weight:500;
    }
#navigation > ul > li:last-child.selected > a {
  border-bottom: none;
}
    #navigation > ul > li > a:hover { color: #137d42;  }
    #navigation > ul > li.selected > a {border-bottom:solid 2px #137d42;}
    #navigation > ul > li.selected > a:hover { color: #137d42;}

#navigation > ul > li:has(> ul) > a::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/assets/images/uploads/comp-theme/mac-nav-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  vertical-align: middle;
  left: 10px;
  position: relative;
  font-size: 1.3rem;
}
#navigation > ul > li.selected:has(> ul):hover > a {border-bottom:none;}
#navigation > ul > li:has(> ul):hover > a::after {
  display: none;
}
	
	/* tier 2 */
	#navigation > ul > li > ul { position: absolute; display:none; width:25%; margin: 0; padding:20px; border-top: none; z-index:504;}
	#navigation > ul > li > ul > li { text-align:left; border:solid 1px #000; border-radius: 5px; z-index:505;
	background: #45484d; padding-left: 5px;     background-color:#137d42; color:#fff;
  font-size: 1.4rem;
  border: none;
  border-radius: 10px; 
  transform: skew(-20deg)!important; 
  cursor: pointer;
    text-decoration: none;
    font-weight: bold;
	}
	#navigation > ul > li > ul > li:last-child { margin-bottom:20px;}
	#navigation > ul > li > ul > li:hover {
	background: #7d7e7d;
	}
	#navigation > ul > li > ul > li.selected {  }
	#navigation > ul > li > ul > li > a {color: #fff; text-decoration:none; display:block; width:100%;left: 25%;
  position: relative; }
#navigation > ul > li > ul > li > a:before {vertical-align: middle;}
#navigation > ul > li > ul > li:first-child > a:before {  
content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('/assets/images/uploads/comp-theme/mac-nav-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
transform: scaleY(-1);
  margin-right: 10px;
  vertical-align: middle;
  left: -75px;
  position: relative;
  font-size: 1.3rem;
bottom:35px;
}
	#navigation > ul > li > ul > li > a:hover {font-weight:bold;}
    #navigation > ul > li > ul > li.selected > a {}
	#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: ''; }
	
	/* 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) {
	
}