:root {
    --menu: #090a09;
    --menuactive: #090a09;
    --menubackground: #fff;
}

#menuToggle span, #menuToggle input, .screenreaderonly {
    display: none;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  text-align: center;
}
#cssmenu > ul > li {
  margin: 0px;
}
#cssmenu > ul > li {
  padding: 0px;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  text-decoration: none;
  color:  var(--menu);
  padding: 12px 0px;
  margin: 0px 15px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li:focus > a {
	color:  var(--menu);
	border-top: 3px solid #FFF;
}
#mainmenu {
	margin: 0px;
	padding: 0px;
}
#cssmenu #mainmenu li {
	display: inline-block;
}
#mainmenu a:link, #mainmenu a:visited {
	text-decoration: none;
	/*font-size:20px;*/
	font-size:1.1vw;
	display: block;
	/*color: #8B0000 !important;*/
	padding: 20px;
}
#mainmenu a:hover {
	color: var(--menuactive);
}
#mainmenu li ul li a:link, #mainmenu li ul li a:visited {
	color: var(--menu);
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 300;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  /* Stop flickering in Chrome */
	-webkit-backface-visibility: hidden;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu li:hover > ul > li, #cssmenu li:focus > ul > li {
  height: 35px;
}

#cssmenu ul ul li a:link, #cssmenu ul ul li a:visited {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 7px 20px;
  width: 230px;
  font-size: 20px;
  text-decoration: none;
  color: var(--menu);;
  font-weight: 400;
  background: #FFF;
  text-align: left;
  height: 40px;
  border-top: none !important;
}
#cssmenu ul ul {
	background-color: #FFF;
	padding-bottom: 0px;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover, #cssmenu ul ul li:focus > a,
#cssmenu ul ul li a:focus {
	color: var(--menuactive);
	background-color:  var(--menubackground);
}

#cssmenu ul li.mobileonly {
	display: none;
}


#mainmenu a:link, #mainmenu a:visited {
    color:  var(--menu);
    font-weight: 800;
    font-size: 1.3vw;
}

.selected {
	color: var(--menuactive);
}