/* =============================================
   AHP – Association for Healthcare Philanthropy
   Portal Skin CSS
   Generated: 2026-05-29
   Source: https://ahpmainsite.kinsta.cloud/
   ============================================= */

/* === BRAND TOKENS === */
:root {
  --skin-primary:         #993366;   /* AHP brand pink/maroon */
  --skin-primary-dark:    #7a2952;   /* darker variant for hover */
  --skin-secondary:       #004A61;   /* dark teal – headings, footer, sidebar */
  --skin-secondary-dark:  #003347;
  --skin-accent:          #0097C7;   /* bright blue – accent links */
  --skin-accent-dark:     #007CA3;
  --skin-bg:              #F1F3F8;   /* body background */
  --skin-bg-white:        #ffffff;
  --skin-text:            #576875;   /* body text */
  --skin-heading:         #004A61;
  --skin-border:          #DDE0EE;
  --skin-font:            "Open Sans", sans-serif;
  --skin-font-ui:         "Poppins", sans-serif;
  --skin-header-bg:       #ffffff;
  --skin-header-border:   #DDE0EE;
  --skin-footer-bg:       #004A61;
  --skin-footer-text:     rgba(255,255,255,0.85);
  --skin-text-inverse:    #ffffff;
  --skin-gradient-stripe: linear-gradient(90deg, #004A61 0%, #993366 100%);
}

/* === BASE OVERRIDES === */
html, body#main_body {
  background-color: var(--skin-bg) !important;
  font-family: var(--skin-font) !important;
  color: var(--skin-text) !important;
}

#main_body {
  font-family: var(--skin-font);
  color: var(--skin-text);
}

#main_body h1, #main_body h2, #main_body h3,
#main_body h4, #main_body h5, #main_body h6 {
  font-family: var(--skin-font-ui);
  color: var(--skin-heading);
}

#main_body a {
  color: var(--skin-primary);
}
#main_body a:hover {
  color: var(--skin-primary-dark);
}

/* === PUBLIC PAGES (login, register, etc.) ===
   Force all page content text to be dark and readable */
#main_body.public-body .page-content p,
#main_body.public-body .page-content h1,
#main_body.public-body .page-content h2,
#main_body.public-body .page-content h3,
#main_body.public-body .page-content h4,
#main_body.public-body .page-content h5,
#main_body.public-body .page-content h6,
#main_body.public-body .page-content label,
#main_body.public-body .page-content span,
#main_body.public-body .page-content td,
#main_body.public-body .page-content th,
#main_body.public-body .page-content legend,
#main_body.public-body .page-content .help-block,
#main_body.public-body .page-content .control-label,
#main_body.public-body .page-content .form-group label {
  color: var(--skin-text) !important;
  font-family: var(--skin-font) !important;
}
#main_body.public-body .page-content h1,
#main_body.public-body .page-content h2,
#main_body.public-body .page-content h3,
#main_body.public-body .page-content h4 {
  color: var(--skin-heading) !important;
  font-family: var(--skin-font-ui) !important;
}

/* === PORTAL CHROME OVERRIDES === */
/* Hide the portal's built-in utility bar — skin header replaces it */
#main_body #main_divHeader {
  display: none !important;
}

/* Portal login-status bar (country + logged-in user) injected below skin header */
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav a,
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav span,
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav li,
#main_body #main_pnlSiteTemplateHeader .login-status .dropdown-toggle {
  color: var(--skin-text) !important;
  font-family: var(--skin-font-ui) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav a:hover,
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav li:hover > a,
#main_body #main_pnlSiteTemplateHeader .login-status .nav.navbar-nav .open > a {
  color: var(--skin-primary) !important;
  background-color: #ffffff !important;
}

/* Zero out panel side padding to eliminate gutter gaps beside skin header */
#main_body #main_pnlSiteTemplateHeader,
#main_body .site-template-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove the 42px top margin the portal adds above the page container */
#main_body #main_divPageContainer {
  margin-top: 0 !important;
}

/* ===== HEADER SKIN ===== */
#main_body .rm-skin-header {
  background-color: var(--skin-header-bg);
  font-family: var(--skin-font);
  position: relative;
  z-index: 1040;
}

/* 10px gradient stripe at very top (matches AHP main site) */
#main_body .ahp-gradient-stripe {
  height: 10px;
  background: var(--skin-gradient-stripe);
  display: block;
  width: 100%;
}

/* === ROW 1: Logo + utils === */
#main_body .ahp-header-row1 {
  width: 100%;
}
#main_body .ahp-header-row1-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 16px;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Separator */
#main_body .ahp-header-separator {
  margin: 0;
  border: none;
  border-top: 1px solid var(--skin-bg);
  width: 100%;
}

/* === ROW 2: Nav === */
#main_body .ahp-header-row2 {
  width: 100%;
  background-color: #ffffff !important;
}

/* Logo */
#main_body .ahp-logo-link {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
#main_body .ahp-logo-link img {
  height: 48px;
  width: auto;
  display: block;
}

/* Nav container */
#main_body .ahp-nav-container {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-start;
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ===== PRIMARY NAV ===== */
#main_body .ahp-nav-items {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main_body .ahp-nav-item {
  position: relative;
  list-style: none;
}

#main_body .ahp-nav-item > a {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  color: var(--skin-text) !important;
  text-decoration: none !important;
  font-family: var(--skin-font-ui) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  white-space: nowrap;
  transition: color 0.15s ease;
  border-radius: 4px;
}

#main_body .ahp-nav-item > a:hover {
  color: var(--skin-primary) !important;
  background-color: #ffffff !important;
  text-decoration: none !important;
}

/* Caret for items with dropdowns */
#main_body .ahp-has-dropdown > a::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

#main_body .ahp-has-dropdown.is-open > a::after {
  transform: rotate(180deg);
}

/* ===== DROPDOWN PANELS ===== */
#main_body .ahp-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 230px;
  background-color: var(--skin-secondary);
  border: none;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.20);
  padding: 6px 0;
  z-index: 1050;
  list-style: none;
  margin: 0;
}

/* Show only on click (.is-open toggled by JS) */
#main_body .ahp-has-dropdown.is-open .ahp-dropdown {
  display: block;
}

#main_body .ahp-dropdown li {
  list-style: none;
}

#main_body .ahp-dropdown li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  color: var(--skin-text-inverse);
  text-decoration: none;
  font-family: var(--skin-font-ui);
  font-size: 15px;
  font-weight: 400;
  transition: background-color 0.1s ease;
  white-space: nowrap;
}

#main_body .ahp-dropdown li a:hover {
  background-color: rgba(0, 0, 0, 0.20);
  color: var(--skin-text-inverse);
  text-decoration: none;
}

/* Corner-turn arrow (↳) on all submenu items except the first */
#main_body .ahp-dropdown li:not(:first-child) a::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M0 0.625C0 0.279822 0.279822 0 0.625 0C0.970178 0 1.25 0.279822 1.25 0.625V8.5H12.4495L9.53857 5.58984C9.2945 5.34577 9.2945 4.94932 9.53857 4.70524C9.78265 4.46116 10.1791 4.46116 10.4232 4.70524L14.4002 8.68311C14.6443 8.92718 14.6443 9.32282 14.4002 9.56689L10.4232 13.5448C10.1791 13.7888 9.78265 13.7888 9.53857 13.5448C9.2945 13.3007 9.2945 12.9042 9.53857 12.6602L12.4495 9.75H0V0.625Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ===== HEADER UTILITY (right side) ===== */
#main_body .ahp-header-utils {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

#main_body .ahp-login-link {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  color: var(--skin-text);
  text-decoration: none;
  font-family: var(--skin-font);
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  transition: color 0.15s ease;
}
#main_body .ahp-login-link:hover {
  color: var(--skin-primary);
  text-decoration: none;
}

/* "Join Our Community" pill button */
#main_body .ahp-join-btn {
  display: inline-flex;
  align-items: center;
  padding: 16px 24px;
  background-color: var(--skin-primary);
  color: var(--skin-bg) !important;
  text-decoration: none !important;
  font-family: var(--skin-font-ui);
  font-size: 18px;
  font-weight: 500;
  border-radius: 100px !important;
  white-space: nowrap;
  transition: background-color 0.2s ease;
  border: none !important;
  line-height: 1;
}
#main_body .ahp-join-btn:hover {
  background-color: var(--skin-primary-dark);
  color: var(--skin-bg) !important;
  text-decoration: none !important;
}

/* ===== RELOCATED PORTAL PROFILE & CART ===== */
#main_body .rm-portal-utils {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
}

#main_body .rm-portal-utils .rm-portal-cart {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  color: var(--skin-text);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
  position: relative;
  font-family: var(--skin-font);
  font-size: 13px;
}
#main_body .rm-portal-utils .rm-portal-cart:hover {
  color: var(--skin-primary);
}
#main_body .rm-portal-utils .rm-portal-cart svg {
  width: 18px; height: 18px;
  stroke: currentColor; stroke-width: 2; fill: none;
  stroke-linecap: round; stroke-linejoin: round;
}
#main_body .rm-portal-utils .rm-portal-cart .rm-cart-label {
  font-size: 13px;
}
#main_body .rm-portal-utils .rm-cart-badge {
  position: absolute; top: -2px; right: 0;
  background-color: var(--skin-primary); color: #fff;
  font-size: 10px; font-weight: 700;
  width: 16px; height: 16px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  line-height: 1;
}

#main_body .rm-portal-utils .rm-portal-profile {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 10px; color: var(--skin-text);
  cursor: pointer; position: relative;
  font-family: var(--skin-font); font-size: 13px; font-weight: 400;
  white-space: nowrap; transition: color 0.2s ease;
}
#main_body .rm-portal-utils .rm-portal-profile:hover {
  color: var(--skin-primary);
}
#main_body .rm-portal-utils .rm-portal-profile svg {
  width: 18px; height: 18px;
  stroke: currentColor; stroke-width: 2; fill: none;
  stroke-linecap: round; stroke-linejoin: round;
}
#main_body .rm-portal-utils .rm-profile-dropdown {
  display: none; position: absolute; top: calc(100% + 4px); right: 0;
  min-width: 200px; background: var(--skin-bg-white);
  border: 1px solid var(--skin-border);
  border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  padding: 6px 0; z-index: 1055;
  list-style: none; margin: 0;
}
#main_body .rm-portal-utils .rm-portal-profile.is-open .rm-profile-dropdown {
  display: block;
}
#main_body .rm-portal-utils .rm-profile-dropdown li a {
  display: block; padding: 8px 16px;
  color: var(--skin-text); text-decoration: none;
  font-family: var(--skin-font); font-size: 13px; font-weight: 400;
  transition: background-color 0.1s ease;
}
#main_body .rm-portal-utils .rm-profile-dropdown li a:hover {
  background: var(--skin-bg); color: var(--skin-primary);
}
#main_body .rm-portal-utils .rm-profile-dropdown .rm-dropdown-divider {
  height: 1px; background: var(--skin-border); margin: 4px 0;
}
#main_body .rm-portal-utils .rm-portal-profile .rm-caret {
  display: inline-block; width: 0; height: 0; margin-left: 4px;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 4px solid currentColor; vertical-align: middle;
}

/* ===== FOOTER SKIN ===== */
#main_body .rm-skin-footer {
  background-color: var(--skin-bg-white);
  font-family: var(--skin-font);
  margin-top: 48px;
}

/* --- CTA Section: full-width photo with dark overlay --- */
#main_body .ahp-footer-cta {
  background-image: url("https://ahpmainsite.kinsta.cloud/wp-content/uploads/2026/04/Photo-12-1024x683.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  min-height: 300px;
  display: flex;
  align-items: center;
}
#main_body .ahp-footer-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0,0,0,0.65);
}
#main_body .ahp-footer-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 24px;
  box-sizing: border-box;
  width: 100%;
}
#main_body .ahp-footer-cta-heading {
  font-family: var(--skin-font-ui);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 600;
  color: rgba(255,255,255,0.97);
  margin: 0 0 16px 0;
  line-height: 1.2;
}
#main_body .ahp-footer-cta-desc {
  font-family: var(--skin-font);
  font-size: 16px;
  color: rgba(255,255,255,0.85);
  max-width: 560px;
  margin: 0 0 28px 0;
  line-height: 1.6;
}
#main_body .ahp-footer-cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  background-color: var(--skin-primary);
  color: var(--skin-bg) !important;
  text-decoration: none !important;
  font-family: var(--skin-font-ui);
  font-size: 16px;
  font-weight: 500;
  border-radius: 100px;
  transition: background-color 0.2s ease;
  line-height: 1;
}
#main_body .ahp-footer-cta-btn:hover {
  background-color: var(--skin-primary-dark);
  color: var(--skin-bg) !important;
}

/* --- Main Section: white bg, two columns --- */
#main_body .ahp-footer-main {
  background-color: var(--skin-bg-white);
  padding: 48px 0;
  position: relative;
  overflow: hidden;
}
/* Purple swoosh decorative element — bottom right, matching main site */
#main_body .ahp-footer-main::after {
  content: '';
  display: block;
  background-image: url('https://ahpmainsite.kinsta.cloud/wp-content/uploads/2026/04/footer-swoosh.png');
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
}
/* Keep content above the swoosh */
#main_body .ahp-footer-main-inner {
  position: relative;
  z-index: 1;
}
#main_body .ahp-footer-main-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  display: flex;
  gap: 64px;
  align-items: flex-start;
}

/* Left column */
#main_body .ahp-footer-brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-shrink: 0;
  min-width: 220px;
}
#main_body .ahp-footer-logo-link {
  display: inline-block;
  text-decoration: none;
}
#main_body .ahp-footer-logo-link img {
  height: 48px;
  width: auto;
  display: block;
}
#main_body .ahp-footer-address {
  font-family: var(--skin-font);
  font-size: 18px;
  font-weight: 400;
  color: var(--skin-text);
  line-height: 1.6;
  margin: 0;
}
#main_body .ahp-footer-phone {
  margin: 0;
}
#main_body .ahp-footer-phone a {
  color: var(--skin-text);
  text-decoration: none;
  font-family: var(--skin-font);
  font-size: 18px;
  font-weight: 400;
  transition: color 0.15s ease;
}
#main_body .ahp-footer-phone a:hover {
  color: var(--skin-primary);
}
#main_body .ahp-footer-social {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
#main_body .ahp-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--skin-primary);
  text-decoration: none;
  transition: opacity 0.2s ease;
}
#main_body .ahp-footer-social a:hover {
  opacity: 0.75;
}
#main_body .ahp-footer-social svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

/* Right column: nav links — two columns */
#main_body .ahp-footer-nav {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  flex: 1;
}
#main_body .ahp-footer-nav-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#main_body .ahp-footer-nav a {
  color: var(--skin-text);
  text-decoration: none;
  font-family: var(--skin-font-ui);
  font-size: 16px;
  font-weight: 400;
  transition: color 0.15s ease;
  white-space: nowrap;
}
#main_body .ahp-footer-nav a:hover {
  color: var(--skin-primary);
}

/* --- Divider --- */
#main_body .ahp-footer-divider {
  margin: 0;
  border: none;
  border-top: 1px solid var(--skin-border);
  width: 100%;
}

/* --- Sub Section: copyright + legal --- */
#main_body .ahp-footer-sub {
  background-color: var(--skin-bg-white);
  padding: 20px 0;
}
#main_body .ahp-footer-sub-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
#main_body .ahp-footer-copyright {
  font-family: var(--skin-font-ui);
  font-size: 16px;
  font-weight: 400;
  color: var(--skin-text);
  margin: 0;
}
#main_body .ahp-footer-legal {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#main_body .ahp-footer-legal a {
  font-family: var(--skin-font-ui);
  font-size: 16px;
  font-weight: 400;
  color: var(--skin-text);
  text-decoration: none;
  transition: color 0.15s ease;
}
#main_body .ahp-footer-legal a:hover {
  color: var(--skin-primary);
}

/* Responsive */
@media (max-width: 768px) {
  #main_body .ahp-footer-main-inner {
    flex-direction: column;
    gap: 32px;
  }
  #main_body .ahp-footer-sub-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ===== PORTAL BUTTONS (UI only — excludes header and footer) ===== */
#main_body .page-content .btn,
#main_body .page-content .btn-primary,
#main_body .page-content .btn-success,
#main_body .page-content .btn-info,
#main_body .page-content .btn-default,
#main_body .page-content .btn-warning,
#main_body .page-content .btn-danger,
#main_body .page-content input[type="submit"],
#main_body .page-content input[type="button"],
#main_body .page-content button:not(.page-sidebar button) {
  background-color: var(--skin-secondary) !important;
  border-color: var(--skin-secondary) !important;
  color: #ffffff !important;
  font-family: var(--skin-font-ui) !important;
}
#main_body .page-content .btn:hover,
#main_body .page-content .btn-primary:hover,
#main_body .page-content .btn-success:hover,
#main_body .page-content .btn-info:hover,
#main_body .page-content .btn-default:hover,
#main_body .page-content .btn-warning:hover,
#main_body .page-content .btn-danger:hover,
#main_body .page-content input[type="submit"]:hover,
#main_body .page-content input[type="button"]:hover,
#main_body .page-content button:hover:not(.page-sidebar button) {
  background-color: var(--skin-secondary-dark) !important;
  border-color: var(--skin-secondary-dark) !important;
  color: #ffffff !important;
}

/* ===== PORTAL SIDEBAR SKIN ===== */
#main_body #main_sidebar.page-sidebar,
#main_body .page-sidebar {
  background-color: #ffffff !important;
  font-family: var(--skin-font) !important;
  color: var(--skin-secondary);
}

#main_body .page-sidebar a,
#main_body .page-sidebar .page-sidebar-menu a,
#main_body .page-sidebar li > a {
  color: var(--skin-secondary) !important;
  font-family: var(--skin-font) !important;
  font-size: 14px;
  background-color: #ffffff !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

#main_body .page-sidebar a:hover,
#main_body .page-sidebar li > a:hover {
  background-color: var(--skin-bg) !important;
  color: var(--skin-secondary) !important;
  text-decoration: none;
}

#main_body .page-sidebar a.active,
#main_body .page-sidebar li.active > a,
#main_body .page-sidebar li.open > a,
#main_body .page-sidebar li > a.selected {
  background-color: var(--skin-secondary) !important;
  color: #ffffff !important;
  border-left: 3px solid var(--skin-primary);
}
#main_body .page-sidebar a.active:hover,
#main_body .page-sidebar li.active > a:hover,
#main_body .page-sidebar li.open > a:hover {
  background-color: var(--skin-secondary-dark) !important;
  color: #ffffff !important;
}

#main_body .page-sidebar .sidebar-header,
#main_body .page-sidebar .menu-section,
#main_body .page-sidebar .nav-header {
  color: var(--skin-secondary) !important;
  font-family: var(--skin-font) !important;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

/* Sidebar search input */
#main_body .page-sidebar .input-box,
#main_body .page-sidebar .sidebar-search,
#main_body .page-sidebar .form-container,
#main_body .page-sidebar .easy-autocomplete {
  background-color: #ffffff !important;
  border-color: var(--skin-border);
}
#main_body .page-sidebar input,
#main_body .page-sidebar input[type="text"],
#main_body .page-sidebar input[type="search"],
#main_body #main_sidebar input,
#main_body #siteSearch {
  background-color: #ffffff !important;
  color: var(--skin-secondary) !important;
  border: 1px solid var(--skin-border) !important;
  font-family: var(--skin-font) !important;
}
#main_body .page-sidebar input:focus,
#main_body #siteSearch:focus {
  background-color: #ffffff !important;
  border-color: var(--skin-secondary) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,74,97,0.15) !important;
}
#main_body .page-sidebar input::placeholder,
#main_body #siteSearch::placeholder {
  color: rgba(0,74,97,0.5) !important;
}
#main_body .page-sidebar .input-box .remove,
#main_body .page-sidebar .input-box .search-submit,
#main_body .page-sidebar .input-box .remove i,
#main_body .page-sidebar .input-box .search-submit i {
  color: var(--skin-secondary) !important;
}
#main_body .page-sidebar a i,
#main_body .page-sidebar a .fa,
#main_body .page-sidebar a [class^="icon-"],
#main_body .page-sidebar a [class*=" icon-"] {
  color: inherit !important;
}
#main_body .page-sidebar li {
  border-color: var(--skin-border);
}
#main_body .page-sidebar ul ul,
#main_body .page-sidebar .sub-menu {
  background-color: var(--skin-bg) !important;
}
#main_body .page-sidebar .page-sidebar-menu a > i,
#main_body .page-sidebar .page-sidebar-menu a > .fa,
#main_body .page-sidebar .page-sidebar-menu a > [class^="icon-"],
#main_body .page-sidebar .page-sidebar-menu a > [class*=" icon-"],
#main_body .page-sidebar .sub-menu a > i,
#main_body .page-sidebar .sub-menu a > .fa,
#main_body .page-sidebar .sub-menu a > [class^="icon-"],
#main_body .page-sidebar .sub-menu a > [class*=" icon-"] {
  width: 20px !important;
  margin-right: 5px !important;
  text-align: center;
}

/* ===== PORTAL TABS ===== */
/* Top-level tabs (Overview, Account, Organizations…) */
#main_body .tabbable-custom .nav-tabs > li > a,
#main_body .nav-tabs > li > a {
  color: var(--skin-secondary) !important;
  font-family: var(--skin-font-ui) !important;
  background-color: #ffffff !important;
  border-color: var(--skin-border) !important;
}
#main_body .tabbable-custom .nav-tabs > li.active > a,
#main_body .tabbable-custom .nav-tabs > li.active > a:hover,
#main_body .tabbable-custom .nav-tabs > li.active > a:focus,
#main_body .nav-tabs > li.active > a,
#main_body .nav-tabs > li.active > a:hover,
#main_body .nav-tabs > li.active > a:focus {
  background-color: var(--skin-secondary) !important;
  color: #ffffff !important;
  border-color: var(--skin-secondary) !important;
  font-family: var(--skin-font-ui) !important;
}

/* ===== VERTICAL SUB-NAV (Personal Info, Contact Info, etc.) ===== */
/* Non-active items: white background, teal text */
#main_body .ver-inline-menu li > a,
#main_body .ver-tab-header li > a {
  background-color: #ffffff !important;
  color: var(--skin-secondary) !important;
  font-family: var(--skin-font-ui) !important;
  font-size: 14px !important;
  border-color: var(--skin-border) !important;
}
#main_body .ver-inline-menu li > a:hover,
#main_body .ver-tab-header li > a:hover {
  background-color: var(--skin-bg) !important;
  color: var(--skin-secondary) !important;
}
/* Active/selected item: teal background, white text */
#main_body .ver-inline-menu li.active > a,
#main_body .ver-tab-header li.active > a,
#main_body .ver-inline-menu li > a.active,
#main_body .ver-tab-header li > a.active {
  background-color: var(--skin-secondary) !important;
  color: #ffffff !important;
  border-color: var(--skin-secondary) !important;
}
#main_body .ver-inline-menu li.active > a:hover,
#main_body .ver-tab-header li.active > a:hover {
  background-color: var(--skin-secondary-dark) !important;
  color: #ffffff !important;
}
/* Icon backgrounds in vertical sub-nav — pink */
#main_body .ver-inline-menu li > a > i,
#main_body .ver-tab-header li > a > i {
  background-color: var(--skin-primary) !important;
  color: #ffffff !important;
}

/* ===== INFO ICONS ===== */
#main_body .icon-info-circle,
#main_body .tooltip-label-icon,
#main_body .fa-info-circle,
#main_body i[class*="info"] {
  color: var(--skin-primary) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
  #main_body .ahp-header-row2 {
    display: none;
  }
  #main_body .ahp-header-row1-inner {
    padding: 12px 16px;
  }
}

@media (max-width: 768px) {
  #main_body .rm-portal-utils .rm-portal-cart .rm-cart-label,
  #main_body .rm-portal-utils .rm-portal-profile .rm-profile-name {
    display: none;
  }
  #main_body .ahp-footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  #main_body .ahp-login-link {
    display: none;
  }
  #main_body .ahp-join-btn {
    font-size: 15px;
    padding: 12px 18px;
  }
}