.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {background-color: #042049 !important; color:#ffffff !important;} /* button color */
.navigationOuterContainer .navigationContainer input.nextButton:hover, .navigationOuterContainer .navigationContainer input.typeButton:hover, .navigationOuterContainer .navigationContainer input[type=submit]:hover, .loginButton:hover, .typeButton:hover, input[type=submit]:hover {background-color: #042049 !important;} /* hover color */
.upcomingEventsContainer .sectionTitle {
    font-family: 'Lato', sans-serif !important;
    font-size: 24pt !important;
    color: #042049 !important;}
/* Event titles - normal state */
.upcomingEventsContainer a.eventDetailsLink,
.upcomingEventsContainer a.eventDetailsLink:visited {
    font-family: 'Lato', sans-serif !important;
    font-size: 18pt !important;
    color: #042049 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* Event titles - hover state */
.upcomingEventsContainer a.eventDetailsLink:hover,
.upcomingEventsContainer a.eventDetailsLink:focus {
    color: #428AE8 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
/* FORCE HEADER BACKGROUND (NORMAL + STICKY) */
#PAGEHEADER,
#PAGEHEADER.sticked,
#PAGEHEADER.sticky,
#PAGEHEADER.is-sticky {
  background-color: #042049 !important;
}

/* FORCE INNER CONTAINERS (Wild Apricot swaps these on scroll) */
#PAGEHEADER .header-wrap,
#PAGEHEADER .navigationOuter,
#PAGEHEADER .zone-wrap,
#PAGEHEADER .menuInner {
  background-color: #042049 !important;
}

/* FORCE NAV BAR AREA */
.WaGadgetMenuHorizontal,
.WaGadgetMenuHorizontal .menuInner,
.WaGadgetMenuHorizontal .menuInner ul {
  background-color: #042049 !important;
}

/* PREVENT WHITE/TRANSPARENT OVERLAY ON SCROLL */
#PAGEHEADER.sticked,
#PAGEHEADER.sticked .header-wrap,
#PAGEHEADER.sticked .navigationOuter {
  background: #042049 !important;
}
/* Top login button (most WA themes) */
.WaGadgetLoginButton a,
.WaGadgetLoginForm .loginButton,
.WaGadgetLoginButton .loginLink {
  background-color: #042049 !important;
  border-color: #042049 !important;
  color: #ffffff !important;
}

/* Hover state */
.WaGadgetLoginButton a:hover,
.WaGadgetLoginForm .loginButton:hover {
  background-color: #031a33 !important;
  border-color: #031a33 !important;
  color: #ffffff !important;
}

/* =========================
   1. MOBILE HEADER BACKGROUND
   ========================= */
.WaGadgetMobilePanel .mobilePanel,
.WaGadgetMobilePanel .mobileHeader,
.WaGadgetMobilePanel .mobilePanelHeader {
  background-color: #042049 !important;
}


/* =========================
   2. HAMBURGER MENU ICON
   ========================= */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active {
  background-color: transparent !important;
  border-color: #042049 !important;
}

/* hamburger bars */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton span,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton span:before,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton span:after {
  background-color: #042049 !important;
}


/* =========================
   3. MOBILE NAV PANEL (SLIDE-OUT MENU)
   ========================= */
.WaGadgetMobilePanel .mobilePanel .menuInner,
.WaGadgetMobilePanel .mobilePanel .menu,
.WaGadgetMobilePanel .mobilePanel .navigationOuter {
  background-color: #042049 !important;
}

/* nav links */
.WaGadgetMobilePanel .mobilePanel a {
  color: #ffffff !important;
}

/* active/hover links */
.WaGadgetMobilePanel .mobilePanel a:hover,
.WaGadgetMobilePanel .mobilePanel a:active {
  color: #ffffff !important;
  opacity: 0.85;
}


/* =========================
   4. MOBILE LOGIN ICON
   ========================= */
.WaGadgetMobilePanel .WaGadgetLoginButton,
.WaGadgetMobilePanel .WaGadgetLoginButton a,
.WaGadgetMobilePanel .loginButton,
.WaGadgetMobilePanel .loginLink {
  color: #042049 !important;
  fill: #042049 !important;
  stroke: #042049 !important;
  background-color: transparent !important;
}

/* if login is an icon */
.WaGadgetMobilePanel svg,
.WaGadgetMobilePanel svg path {
  fill: #042049 !important;
  stroke: #042049 !important;
}


/* =========================
   5. REMOVE ORANGE ACCENT OVERRIDES
   (Wild Apricot theme fallback)
   ========================= */
:root {
  --themeAccentColor: #042049 !important;
  --themeAccentColorDark: #031a33 !important;
}
.WaGadgetMenuHorizontal a[href="https://www.igg-assoc.org/Member-Area"] {
    pointer-events: none !important;
    cursor: default !important;
}
/* Hide social login buttons */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
    display: none !important;
}

/* Remove extra spacing left behind */
.WaGadgetAuthorizationRequired .authFormContainer {
    padding-left: 0 !important;
}
/* Hide social login buttons on mobile login popup/panel */
.WaGadgetMobilePanel .openAuthFormContainer,
.WaGadgetMobilePanel .socialLoginContainer,
.WaGadgetMobilePanel .wa-authenticateSocial,
.WaGadgetMobilePanel .oAuthButtonsContainer {
    display: none !important;
}
/* Hide Social Login Buttons on Member Profiles */
#socialLoginContainer, #idSocialLoginContainer {
    display: none;
}