/*Generic CSS for creating an accessible dropdown menu which can be
navigated to using both the mouse and the keyboard (tab navigation).

To use this code the dropdown menu must be a sub-element of the element
which triggers it. Put the class accessible-dropdown on the parent element
and the class accessible-submenu on the child/menu element.*/

.accessible-dropdown {
  position: relative;
}

.accessible-dropdown:hover {
  cursor: pointer;
}

.accessible-dropdown .accessible-submenu {
  display: none;
  cursor: auto;
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 99;
}

.accessible-dropdown .accessible-submenu.open {
  display: block;
}