/*---------------------------------*/
/* -------Menu Styles ----------- */
/*---------------------------------*/
/* .menubox:last-child {
  border-right: 1px solid black; } */

/* .menubox a { */
  /* text-decoration: none; */
  /* color: black; */
  /* display: block; */
  /* padding: 12px 0px 12px 0px; */
  /* font-size: .71875rem; */
  /* background-color: transparent; */
  /* -webkit-transition: background-color .5s; */
  /* Safari */
  /* transition: background-color .5s; } */

/* .menubox a:hover {
  background-color: #E6B621; } */

/* .menubox span {
  text-decoration: none;
  color: black;
  display: block;
  padding: 12px 0px 12px 0px;
  font-size: .71875rem; } */

/* .menubox span:hover {
  text-decoration: none;
  display: block;
  padding: 12px 0px 12px 0px;
  font-size: .71875rem;
  color: #FFF;
  background-color: #727273;
  /* border-color: #727273; */
  /* opacity: 0.5; */
  /* cursor: not-allowed; } */

.menubox {
  grid-column: auto / span 2;
  /* background: none; */
  /* border-left: 1px solid black; */
  grid-gap: 0px; }

/* .submenu .menubox,
.submenu .menubox:last-child {
  border: none;
  text-transform: uppercase;
  text-align: center; } */

.submenu .menubox:target {
  background-color: red; }

.submenu .wrapper {
  background-color: #E6B621; }

@media (max-width: 550px) {
  div.menu,
  div.submenu {
    display: none; } }

/*# sourceMappingURL=menu.css.map */

body.habout div.menubox.aboutus,
body.hjoin div.menubox.join,
body.hprojects div.menubox.projects,
body.hproject_builder div.menubox.create {
  background-color: #E6B621;
}