/* Dark mode navigation styles to match the original WordPress theme */
.colors-dark .navigation-top {
  background: #222;
  border-top-color: #333;
  border-bottom-color: #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.colors-dark .navigation-top a {
  color: #ddd;
}

.colors-dark .navigation-top .current-menu-item > a,
.colors-dark .navigation-top .current_page_item > a {
  color: #767676;
}

.colors-dark .main-navigation ul {
  background: transparent;
}

.colors-dark .main-navigation > div > ul {
  border-top-color: #333;
}

.colors-dark .main-navigation li {
  border-bottom-color: #333;
}

.colors-dark .main-navigation a:hover {
  color: #fff;
}

.colors-dark .menu-toggle {
  color: #eee;
}

.colors-dark .dropdown-toggle {
  color: #eee;
}

.colors-dark .menu-scroll-down {
  color: #767676;
}

/* Dark mode dropdown styles */
@media screen and (min-width: 48em) {
  .colors-dark .main-navigation ul ul {
    background: #222;
    border: 1px solid #333;
  }
  
  .colors-dark .main-navigation ul li.menu-item-has-children:before,
  .colors-dark .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #333;
  }
  
  .colors-dark .main-navigation ul li.menu-item-has-children:after,
  .colors-dark .main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #222;
  }
  
  .colors-dark .main-navigation li li:hover,
  .colors-dark .main-navigation li li.focus {
    background: #444;
  }
  
  .colors-dark .main-navigation li li.focus > a,
  .colors-dark .main-navigation li li:focus > a,
  .colors-dark .main-navigation li li:hover > a,
  .colors-dark .main-navigation li li a:hover,
  .colors-dark .main-navigation li li a:focus,
  .colors-dark .main-navigation li li.current_page_item a:hover,
  .colors-dark .main-navigation li li.current-menu-item a:hover,
  .colors-dark .main-navigation li li.current_page_item a:focus,
  .colors-dark .main-navigation li li.current-menu-item a:focus {
    color: #fff;
  }
}