/* Minimal CSS to support nested dropdown submenus in Bootstrap 3 */

/* Base positioning for nested submenus (desktop) */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none; /* hidden by default; shown when .open on parent */
}
.dropdown-submenu.open > .dropdown-menu { display: block; }

/* Support alternate markup used by site: li.dropdown inside .dropdown-menu */
.dropdown-menu > li.dropdown { position: relative; }
.dropdown-menu > li.dropdown > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
}
.dropdown-menu > li.dropdown.open > .dropdown-menu { display: block; }
@media (min-width: 768px) {
  .dropdown-menu > li.dropdown:hover > .dropdown-menu { display: block; }
}

/* In collapsed navbar (mobile), stack submenus and only show when their li is .open */
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
  /* show immediate submenu when its parent li is open */
  #bs-example-navbar-collapse-1 li.open > .dropdown-menu { display: block !important; }
  /* show deeper nested submenus when their li is also open */
  #bs-example-navbar-collapse-1 li.open .dropdown-menu > li.open > .dropdown-menu { display: block !important; }
}