/* ==========================
   BASE DROPDOWN BEHAVIOR
========================== */

.menu-item.custom-click-dropdown .sub-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  position: absolute;
}

.menu-item.custom-click-dropdown.open .sub-menu,
.menu-item.custom-click-dropdown.force-open .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}


/* ==========================
   LIGHT HEADER
========================== */

/* Default + Hover = white */
header.light-header .menu-item.custom-click-dropdown > a {
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent !important;
}

header.light-header .menu-item.custom-click-dropdown:hover > a {
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* Clicked (open) = #34b3e0 */
header.light-header .menu-item.custom-click-dropdown.open > a,
header.light-header .menu-item.custom-click-dropdown.force-open > a {
  color: #34b3e0 !important;
  text-decoration: none !important;
}


/* ==========================
   DARK HEADER
========================== */

/* Default, Hover, and Open = #00184e */
header.dark-header .menu-item.custom-click-dropdown > a,
header.dark-header .menu-item.custom-click-dropdown:hover > a,
header.dark-header .menu-item.custom-click-dropdown.open > a,
header.dark-header .menu-item.custom-click-dropdown.force-open > a {
  color: #00184e !important;
  text-decoration: none !important;
  background: transparent !important;
}


/* ==========================
   SUBMENU ITEM STYLING
========================== */

.menu-item.custom-click-dropdown .sub-menu li:not(.no-highlight):hover {
  background-color: #34b3e0 !important;
  color: #ffffff !important;
}

.menu-item.custom-click-dropdown .sub-menu li:not(.no-highlight) a:hover {
  color: #ffffff !important;
}

.thb-full-menu .sub-menu li {
  padding: 10px 30px;
  margin-bottom: 0px;
}

.thb-full-menu .sub-menu {
    padding-bottom: 0px !important;
}

/* ==========================
   DISABLE HOVER-DROPDOWN BEHAVIOR
========================== */

body.disable-hover .menu-item.custom-click-dropdown:not(.open):not(.force-open):hover .sub-menu {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.disable-hover .menu-item.custom-click-dropdown:not(.open):not(.force-open):hover > a {
  background: transparent !important;
  text-decoration: none !important;
}