.site-nav-container {
	background-image: linear-gradient(to bottom, #292d30, #25282c, #212428, #1e1f23, #1a1b1f);
	border: 1px solid #000;
	position: center;
	margin: 0;

}

/* --- TAB SHORTCUT --- */

#skip {
    position: relative;
    z-index: 99;
}

.tab-shortcut {
    position: absolute;
    top: -999px;
    padding: 20px;
}

.tab-shortcut:hover {
    position: absolute;
    top: -999px;
    background: #000000 !important;
    padding: 20px;
}

.tab-shortcut:focus {
    top: 0;
    background: #000000 !important;
    text-decoration: none;
}

/*---THEME MAIN HEADER NAV---*/

.mainmenu ul {
    padding: 0em .8em .1em .8em;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: .9;
    max-width: 100%;
    font-size: 16px;
    padding: 12px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    list-style-type: none;
  }
  
  .mainmenu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    background-color: var(--thirdbg);
  }
  
.mainmenu li {
   padding: 5px 15px 0px 0px;
  }
  
.mainmenu a {
    color: var(--links);
    text-shadow: 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 6px #1f0000;
  }
  
 .mainmenu a:hover {
    color: hsl(118, 100%, 16%);
    text-decoration: underline;
    text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 4px #1f0000, 0px 0px 5px #380000, 0px 0px 6px #5e0000, 0px 0px 8px #770000;
  }
  
 .mainmenu a:focus {
    color: var(--links-focus);
    background-color: rgb(105, 0, 21);
    padding: 0px;
  }
  
.mainmenu .sub-menu {
	top: 100%;
	opacity: 1;
  display: none;
	visibility:inherit;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
  float:top;
  }
  
.mainmenu .sub-menu li {
    position: absolute;
    visibility: visible;
    background-color: var(--thirdbg);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:10;
  }
  
.mainmenu li:hover>.sub-menu,
 .mainmenu li:focus-within>.sub-menu {
    left: unset;
    display: block;
  }
  
.mainmenu li.mainmenu-item-has-children::before {
    content: " \25be";
  }


 /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 8pt; color : var()}
a.nav			{ text-decoration: none; color : var(--links2); }
a:hover.nav		{ text-decoration: NONE; color : green;}
/* Navigation Menu - Mobile */