/* ==========================================
   Wild Apricot Dropdown Menu
   Main dropdowns: 3 columns
   Nested submenus: vertical list to the right
   ========================================== */

/* Dropdown containers */
.WaGadgetMenuHorizontal .menuInner ul ul {
  width: 750px !important;
  column-count: 3 !important;
  column-gap: 0 !important;
  padding: 10px !important;

  background: #eeeeee !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

/* Dropdown items */
.WaGadgetMenuHorizontal .menuInner ul ul li {
  display: block !important;
  width: auto !important;

  break-inside: avoid !important;
  page-break-inside: avoid !important;

  background: transparent !important;
  border: none !important;
}

/* Dropdown links */
.WaGadgetMenuHorizontal .menuInner ul ul li a {
  display: block !important;
  width: auto !important;

  padding: 12px 14px !important;
  white-space: normal !important;

  background: #eeeeee !important;
  color: #00094f !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hovered links */
.WaGadgetMenuHorizontal .menuInner ul ul li a:hover {
  background: #d9d9d9 !important;
  color: #00094f !important;
  border: none !important;
}

/* Current/selected links */
.WaGadgetMenuHorizontal .menuInner ul ul li.sel > a,
.WaGadgetMenuHorizontal .menuInner ul ul li.selected > a,
.WaGadgetMenuHorizontal .menuInner ul ul li.current > a {
  background: #d9d9d9 !important;
  color: #00094f !important;
  border: none !important;
}

/* Remove gray divider lines */
.WaGadgetMenuHorizontal .menuInner ul ul::before,
.WaGadgetMenuHorizontal .menuInner ul ul::after,
.WaGadgetMenuHorizontal .menuInner ul ul li::before,
.WaGadgetMenuHorizontal .menuInner ul ul li::after,
.WaGadgetMenuHorizontal .menuInner ul ul li a::before,
.WaGadgetMenuHorizontal .menuInner ul ul li a::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Desktop nested submenus */
@media screen and (min-width: 769px) {

  /* Anchor each submenu to its parent */
  .WaGadgetMenuHorizontal .menuInner ul ul > li {
    position: relative !important;
  }

  /* Open nested submenus to the right in one column */
  .WaGadgetMenuHorizontal .menuInner ul ul > li > ul {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;

    width: 260px !important;
    column-count: 1 !important;
    column-gap: 0 !important;

    margin: 0 !important;
    padding: 10px !important;
    z-index: 1000 !important;
  }
}

/* Mobile dropdowns */
@media screen and (max-width: 768px) {

  .WaGadgetMenuHorizontal .menuInner ul ul {
    width: auto !important;
    column-count: 1 !important;
    padding: 0 !important;
  }

  .WaGadgetMenuHorizontal .menuInner ul ul li a {
    padding: 10px 14px !important;
  }
}