/* WordPress Navigation Menu Compatibility */

/* WordPress adds .menu class to ul, adapt existing styles */
#menu .menu,
#menu ul.menu {
  display: flex;
  box-sizing: border-box;
  text-align: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* WordPress menu items */
#menu .menu li,
#menu ul.menu li {
  list-style: none;
  box-sizing: border-box;
  display: inline;
  position: relative;
  padding: 0px;
  margin: 0px;
}

/* WordPress menu item links */
#menu .menu li a,
#menu .menu li a:link,
#menu .menu li a:visited,
#menu ul.menu li a,
#menu ul.menu li a:link,
#menu ul.menu li a:visited {
  font-size: 22px;
  text-decoration: none;
  color: #ffffff;
}

/* Hover and active states */
#menu .menu li a:hover,
#menu .menu li a:active,
#menu .menu li.current-menu-item > a,
#menu .menu li.current-menu-ancestor > a,
#menu .menu li.current-menu-parent > a,
#menu ul.menu li a:hover,
#menu ul.menu li a:active,
#menu ul.menu li.current-menu-item > a,
#menu ul.menu li.current-menu-ancestor > a,
#menu ul.menu li.current-menu-parent > a {
  color: #c2efb3;
}

/* Submenu (dropdown) styling */
#menu .menu .sub-menu,
#menu ul.menu .sub-menu,
#menu .menu .children,
#menu ul.menu .children {
  position: absolute;
  top: 30px;
  left: -15px;
  z-index: 100;
  min-width: 150px;
  padding: 20px 15px 10px 15px;
  box-sizing: content-box;
  visibility: hidden;
  display: block;
  background-color: #000000;
  text-align: left;
  list-style: none;
  margin: 0;
}

/* Show submenu on hover */
#menu .menu li:hover > .sub-menu,
#menu .menu li:hover > .children,
#menu ul.menu li:hover > .sub-menu,
#menu ul.menu li:hover > .children {
  visibility: visible;
}

/* Submenu items */
#menu .menu .sub-menu li,
#menu .menu .children li,
#menu ul.menu .sub-menu li,
#menu ul.menu .children li {
  display: block;
  position: relative;
  min-width: 100%;
  float: left;
  clear: both;
  text-align: left;
  padding: 0px 0 5px 0px;
}

/* Submenu item links */
#menu .menu .sub-menu li a,
#menu .menu .children li a,
#menu ul.menu .sub-menu li a,
#menu ul.menu .children li a {
  font-size: 18px;
  min-height: 30px;
  padding: 8px 0px;
  text-align: center;
  color: #ffffff;
}

/* Submenu hover */
#menu .menu .sub-menu li a:hover,
#menu .menu .sub-menu li a:active,
#menu .menu .children li a:hover,
#menu .menu .children li a:active,
#menu ul.menu .sub-menu li a:hover,
#menu ul.menu .sub-menu li a:active,
#menu ul.menu .children li a:hover,
#menu ul.menu .children li a:active {
  color: #c2efb3 !important;
}

/* Active submenu items */
#menu .menu .sub-menu li.current-menu-item > a,
#menu .menu .children li.current-menu-item > a,
#menu ul.menu .sub-menu li.current-menu-item > a,
#menu ul.menu .children li.current-menu-item > a {
  color: #c2efb3;
}

/* Mobile menu active state */
.active-nav #menu .menu,
.active-nav #menu ul.menu {
  margin-left: 0px;
  padding-left: 0px;
  display: block;
  float: right;
}

.active-nav #menu .menu li,
.active-nav #menu .menu li.last,
.active-nav #menu ul.menu li,
.active-nav #menu ul.menu li.last {
  width: 100% !important;
  display: block;
  float: none;
}

.active-nav #menu .menu li a,
.active-nav #menu ul.menu li a {
  display: block;
  height: auto;
}

.active-nav #menu .menu .sub-menu,
.active-nav #menu .menu .children,
.active-nav #menu ul.menu .sub-menu,
.active-nav #menu ul.menu .children {
  position: static;
  visibility: visible !important;
  box-shadow: none;
}