/* SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
border-right: none;
max-width: 0px;
padding-right: 40px;
display: none;
}

/* PADDING TO SOCIAL LOGIN BUTTONS HIDE */
.WaGadgetAuthorizationRequired .authFormContainer {
padding-left: 0;
}

/* FIX EVENT DETAILS BOX IN EVENT CALENDAR GADGET */.boxInfoContainer {color: #2B475B}

/* DLTV CUSTOM CSS — header, nav, fonts only */

/* ── EXISTING RULES ── */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
  border-right: none; max-width: 0px; padding-right: 40px; display: none;
}
.WaGadgetAuthorizationRequired .authFormContainer { padding-left: 0; }
.boxInfoContainer { color: #2B475B; }

/* ── FONTS ── */
body, p, a, li, span, label, input, select, textarea, button {
  font-family: 'Plus Jakarta Sans', 'Ubuntu', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', 'Ubuntu', Arial, sans-serif !important;
}

/* ── HEADER: navy background ── */
.zoneHeader1, .zoneHeader2 {
  background-color: #2A2C6E !important;
}

/* ── LOGO: white ── */
.WaGadgetAccountLogo img {
  filter: brightness(0) invert(1) !important;
  max-height: 80px !important;
  width: auto !important;
}

/* ── NAV: white bold, yellow on hover ── */
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li > .item > a span {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.WaGadgetMenuHorizontal ul.firstLevel > li:hover > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li:hover > .item > a span,
.WaGadgetMenuHorizontal ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li.sel > .item > a span,
.WaGadgetMenuHorizontal ul.firstLevel > li.sfHover > .item > a,
.WaGadgetMenuHorizontal ul.firstLevel > li.sfHover > .item > a span {
  color: #F9ED32 !important;
  background: transparent !important;
}

/* ── DROPDOWN: navy panel, white text, yellow hover ── */
.WaGadgetMenuHorizontal .menuInner ul ul {
  background-color: #2A2C6E !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a,
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a span {
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li:hover > .item > a,
.WaGadgetMenuHorizontal .menuInner ul ul li:hover > .item > a span {
  color: #F9ED32 !important;
  background: transparent !important;
}

/* ── HEADER LINKS: Join/Renew/Login ── */
.zoneHeader1 a, .zoneHeader2 a {
  color: rgba(255,255,255,0.85) !important;
}
.zoneHeader1 a:hover, .zoneHeader2 a:hover {
  color: #F9ED32 !important;
  text-decoration: none !important;
}

/* ── BUTTONS ── */
.functionalButton, input[type="submit"] {
  background-color: #2A2C6E !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  border: none !important;
  text-transform: none !important;
}
.functionalButton:hover, input[type="submit"]:hover {
  background-color: #1C1E52 !important;
}

/* ── HERO BUTTON TEXT ── */
.dltv-btn-yellow,
.dltv-btn-yellow:hover,
.dltv-btn-yellow:visited {
  color: #2A2C6E !important;
}

/* ── NODE CANVAS: behind all content ── */
#dltv-bg-canvas {
  position: fixed !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.12 !important;
}
.zoneHeader1, .zoneHeader2, .zoneContent,
.zoneFooter1, .zoneFooter2 {
  position: relative !important;
  z-index: 1 !important;
}