/*
  NGFIT snippet (migrated from WPCode)
  id: 130
  title: NGFIT — News Subtab Active Color
  code_type: css
  location: site_wide_header
  auto_insert: 1
  insert_number: 1
  priority: 10
  tags: []
  note: 
  modified: 2026-05-28 18:51:05
*/
/* NGFIT — News Subtab Active Color
   Member dashboard → News tab → Stories | Resources | Book Reviews
   On mobile the theme's tap-active state was painting the subtab dark blue
   with dark text, making it unreadable. This rule forces a light blue pill
   with dark navy text + bold for active state, and kills any tap-highlight
   so the colors stay clean. */

.nuh-subtab,
.nuh-subtab:hover,
.nuh-subtab:focus,
.nuh-subtab:active,
.nuh-subtab:visited {
  -webkit-tap-highlight-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #6f6757 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-weight: 500 !important;
  transition: background 0.15s ease, color 0.15s ease;
  cursor: pointer;
}

.nuh-subtab.active,
.nuh-subtab.active:hover,
.nuh-subtab.active:focus,
.nuh-subtab.active:active {
  background: #e6efff !important;
  background-color: #e6efff !important;
  color: #0e1a2b !important;
  border-color: #c4d4ec !important;
  font-weight: 700 !important;
  border-bottom-color: #c4d4ec !important;
}

@media (max-width: 600px) {
  .nuh-subtab { padding: 7px 12px !important; font-size: 13px !important; }
}