/* Code to make menu items fill the width START */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
  display: flex;
  width: 100%;
}

.WaGadgetMenuHorizontal {
    width: 100% !important;
    left: 0;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li {
  flex-grow: 1;
  text-align: center; /* Center the text within each item */
}
/* Code to make menu items fill the width END */


/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #e60d0d !important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #e60d0d !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: 0 !important;
    color: #e60d0d !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #e60d0d !important;
    color: white !important;
}

/* Buttons on System Pages */
.navigationOuterContainer .navigationContainer input.nextButton, .navigationOuterContainer .navigationContainer input.typeButton, .navigationOuterContainer .navigationContainer input[type=submit], .loginButton, .typeButton, input[type=submit] {background-color: #003a6a !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:#6ea8d9 !important;} /* hover color */

.countdown-timer,
.countdown-timer * {
  cursor: default !important;
}

/* Removes the extra empty space below the header/nav zone,
   right above the hero image. Targets the specific wrapper div
   inside the header content holder. */
@media (min-width: 992px) {
  #idHeaderContentHolder > div {
    padding-bottom: 0 !important;
  }
}

/* Removes the tiny visible gap between the nav bar and the 
   "ABOUT" dropdown submenu, by zeroing out the margin and 
   collapsing the invisible hover-bridge strip above it */
.WaGadgetMenuHorizontal .menuInner ul ul {
  margin-top: 0 !important;
}
.WaGadgetMenuHorizontal .menuInner ul ul:before {
  top: 0 !important;
  height: 0 !important;
}

/* ============================================
   FOOTER LINK OVERRIDE — ALL THREE COLUMNS
   Targets the Contact, Meeting Information, and
   Memberships footer content gadgets by their
   individual HTML IDs. Comma-separated selectors
   apply the same rule to each ID independently.
   ID selectors outrank the global
   ".gadgetStyleNone a:not(.stylizedButton)" rule.
   ============================================ */

#id_UE7ddBZ a:not(.stylizedButton),
#id_UE7ddBZ a:link:not(.stylizedButton),
#id_UE7ddBZ a:visited:not(.stylizedButton),
#id_UE7ddBZ a:hover:not(.stylizedButton),
#id_UE7ddBZ a:active:not(.stylizedButton),

#id_mku96TW a:not(.stylizedButton),
#id_mku96TW a:link:not(.stylizedButton),
#id_mku96TW a:visited:not(.stylizedButton),
#id_mku96TW a:hover:not(.stylizedButton),
#id_mku96TW a:active:not(.stylizedButton),

#id_yWSU7WX a:not(.stylizedButton),
#id_yWSU7WX a:link:not(.stylizedButton),
#id_yWSU7WX a:visited:not(.stylizedButton),
#id_yWSU7WX a:hover:not(.stylizedButton),
#id_yWSU7WX a:active:not(.stylizedButton) {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ============================================
   FOOTER BOTTOM BAR — Copyright/Policy links
   Layout ID: id_HsxU5Ss (covers the ENTIRE light blue
   bar, not just one gadget inside it — so any future
   gadget/link added to this layout is covered too)
   Background here is Accent Blue (#6EA8D9), so links
   need to render dark navy to stay visible — matching
   the surrounding "Copyright © 2026..." text color —
   instead of the default light blue hover/link color.
   No underline, per Rhonda's preference (visible, not loud).
   ============================================ */

#id_HsxU5Ss a:not(.stylizedButton),
#id_HsxU5Ss a:link:not(.stylizedButton),
#id_HsxU5Ss a:visited:not(.stylizedButton),
#id_HsxU5Ss a:hover:not(.stylizedButton),
#id_HsxU5Ss a:active:not(.stylizedButton) {
  color: #003A6A !important;
  text-decoration: none !important;
}

/* ============================================
   CONTACT PAGE — Phone & Email link override
   Targets: id_hDxGU9f (Phone), id_WzrHOaW (Email)
   No :not(.stylizedButton) exclusion here, in case
   these links carry that class and were being skipped.
   ============================================ */

#id_hDxGU9f a,
#id_hDxGU9f a:link,
#id_hDxGU9f a:visited,
#id_hDxGU9f a:hover,
#id_hDxGU9f a:active,

#id_WzrHOaW a,
#id_WzrHOaW a:link,
#id_WzrHOaW a:visited,
#id_WzrHOaW a:hover,
#id_WzrHOaW a:active {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ====== Button Alignment Rules ====== */

/* Home page: RESERVE ROOM ONLINE button */
#id_g9zoJ1W .gadgetContentEditableArea {
  text-align: center;
}

/* Home page: FIND A PHYSICIAN button */
#id_BXMpvMK .gadgetContentEditableArea {
  text-align: center;
}

/* Home page: JOIN OR RENEW button */
#id_G3bGBx9 .gadgetContentEditableArea {
  text-align: center;
}

/* Home page: REGISTER button */
#id_wfFjGUC .gadgetContentEditableArea {
  text-align: center;
}

/* Shared gadget (appears on Attendees + Sponsors): CALL BY PHONE button */
#id_Hb8Od1G .gadgetContentEditableArea {
  text-align: center;
}

/* ===================================
   MOBILE MENU COLOR FIX
   =================================== */

/* Top-level links (HOME, ABOUT, MEETINGS, etc.) — normal state */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li > .item > a {
    color: #003A6A !important;
}

/* Top-level links — selected/current page */
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
    color: #6EA8D9 !important;
    font-weight: bold !important;
}

/* Second-level / submenu links (Attendees, Sponsors, etc.) — normal state */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li > .item > a {
    color: #003A6A !important;
}

/* Second-level / submenu links — selected/current page */
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel > .item > a {
    color: #6EA8D9 !important;
    font-weight: bold !important;
}

/* Hamburger icon — stays brand blue */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.buttonMenu {
    color: #6EA8D9 !important;
}

/* Replace mobile login "door" icon with a person icon (matches desktop) */

/* Step 1: hide the original door-arrow glyph (but keep its clickable box) */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.buttonLogin,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.buttonLogin::before,
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.buttonLogin::after {
    color: transparent !important;
}

/* Step 2: draw a red person icon in its place */
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.buttonLogin {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23D23329'><circle cx='12' cy='8' r='4'/><path d='M4 20c0-4.4 3.6-7 8-7s8 2.6 8 7v1H4v-1z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
}


/* ============================================
   SOCIAL LOGIN / OAUTH BUTTON LINKS
   Covers:
   - "Connect" buttons on a member's own Profile page
     (Facebook / Google connect links)
   - "Log in with Google / Microsoft / Apple" buttons
     on the site login screen (mobile + desktop use
     the same markup, so one rule covers both)
   Both share the class "wa-authenticateLoginLink"
   ============================================ */

a.wa-authenticateLoginLink,
a.wa-authenticateLoginLink:link,
a.wa-authenticateLoginLink:visited,
a.wa-authenticateLoginLink:hover,
a.wa-authenticateLoginLink:active {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ============================================
   PROFILE DROPDOWN — "Log out" button reset
   This is a real <input type="submit"> button,
   not a plain link, so it carries browser default
   button styling (background/outline/focus ring)
   that WildApricot's link CSS doesn't reach.
   We strip that default styling and match it
   to the site's normal link colors:
   Normal: #003A6A (navy)   Hover: #6EA8D9 (light blue)
   ============================================ */

#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  text-decoration: underline !important;
  color: #003A6A !important;
}

#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton:hover,
#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton:focus,
#ctl00_LeftMenuArea_Authentication1_loginViewControl_LogoutButton:active {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  color: #6EA8D9 !important;
}

/* ============================================
   DIRECTORY / MEMBERS TABLE — Fix hover text color
   On row hover, WildApricot turns ALL cell text white
   against a light blue background, making plain text
   cells (Practice Name, Specialty, Address) unreadable.
   We keep the light blue hover background as-is, but
   override the text color back to a readable dark navy.
   ============================================ */

.membersTable tr:hover td,
.membersTable tr.hover td,
.genericListTable tr:hover td,
.genericListTable tr.hover td {
  color: #003A6A !important;
}

/* AOS Brand Colors: Navy: #003A6A / Accent Blue: #6EA8D9 */

/* Force readable white text inside the Directory search summary box */
.WaGadgetMemberDirectoryStateList .selectedCriteriaListInnerContainer,
.WaGadgetMemberDirectoryStateList .selectedCriteriaListInnerContainer * {
  color: #ffffff !important;
}

/* Force readable white text inside the Event info box */
.infoOuterContainer,
.infoOuterContainer * {
  color: #ffffff !important;
}

/* AOS Brand Colors: Navy: #003A6A / Accent Blue: #6EA8D9 */

/* Today's date highlight on the Events calendar — was coral, now navy */
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar 
td.EventListCalendarItemSelected a.calendarDate,
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar 
td.EventListCalendarItemSelected a.calendarDate:hover {
  color: #003A6A !important;
}