/* Smooth hover like Parliament site */
.hover-shadow { transition: box-shadow .15s ease, transform .15s ease; }
.hover-shadow:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); transform: translateY(-1px); }

/* Bootstrap 5 “-subtle” fallbacks if your theme doesn’t include them */
.bg-success-subtle { background: #e9f7ef !important; }
.text-success { color: #198754 !important; }
.border-success-subtle { border-color: #cce6d6 !important; }
.bg-warning-subtle { background: #fff3cd !important; }
.text-warning-emphasis { color: #856404 !important; }
.border-warning-subtle { border-color: #ffe69c !important; }
.bg-secondary-subtle { background: #f1f3f5 !important; }


.stage-card {
  min-width: 150px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.stage-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08);
}


.member-headshot {
  width: 172px;
  height: 172px;
  font-size: 28px; /* for the fallback icon */
}
.member-headshot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Full-bleed green band for the member masthead */
.member-hero{
  /* make the background stretch full width even inside a .container page */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  /* your brand green */
  background: var(--gowilds-theme-color)!important;
  color: #fff;
margin-bottom:100px;
margin-top:-30px;
}

/* Ensure all text/links in the header are white & bold */
.member-hero .member-header-text,
.member-hero .member-header-text *{
  color:#fff !important;
  font-weight: 700; /* bold */
}

/* Keep links looking like text unless hovered */
.member-hero a{
  color:#fff;
  text-decoration:none;
}
.member-hero a:hover,
.member-hero a:focus{
  text-decoration:underline;
}

/* Optional: keep the party color chip crisp on green */
.member-hero .d-inline-flex > span[aria-hidden="true"]{
  box-shadow: 0 0 0 2px rgba(255,255,255,.25);
}

/* Image circle border already set inline; keep images crisp */
.member-hero img{ display:block; }