/* Dropdown menu styles for Magazinum theme */

.dropdown { position: relative; z-index: 100; }

#menu .mainmenu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background: #2a2a2a;
  border: 1px solid #444;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  z-index: 200;
}

#menu .mainmenu li { position: relative; }

#menu .mainmenu li:hover > ul { display: block; }

#menu .mainmenu ul li {
  display: block;
  border-bottom: 1px solid #444;
}

#menu .mainmenu ul li a {
  display: block;
  padding: 8px 15px;
  color: #fff;
  font-size: 11px;
  text-align: left;
  text-transform: none;
  white-space: nowrap;
}

#menu .mainmenu ul li a:hover {
  background: #8dc63f;
  color: #000;
}

#menu .mainmenu ul ul {
  top: 0;
  left: 100%;
}