/* ================================
   Wild Apricot Dropdown Menu
   3 Columns + No Gray Lines
   ================================ */

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

  background: #eeeeee !important;
  background-color: #eeeeee !important;

  border: none !important;
  border-top: none !important;
  border-bottom: none !important;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

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

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

  background: transparent !important;
  background-color: transparent !important;

  border: none !important;
  border-top: none !important;
  border-bottom: 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;
  background-color: #eeeeee !important;

  color: #00094f !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;

  box-shadow: none !important;
}

/* Hovered dropdown links */
.WaGadgetMenuHorizontal .menuInner ul ul li a:hover {
  background: #d9d9d9 !important;
  background-color: #d9d9d9 !important;

  color: #00094f !important;
  border: none !important;
}

/* Current/selected dropdown 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;
  background-color: #d9d9d9 !important;

  color: #00094f !important;
  border: none !important;
}

/* Remove those weird gray divider lines/pseudo-elements */
.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;
}

/* Mobile reset */
@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;
  }
}