/* custom overrides (loaded last) */

/* Center the top eyebrow info (address / phone / hours):
   the moved blocks carry inline width:100%;text-align:right which fights the
   flex centering on .secondaryNavContent — neutralize it so they cluster center. */
.secondaryNavContent .blockContainer {
  width: auto !important;
  text-align: center !important;
}
.secondaryNavContent .blockText,
.secondaryNavContent .blockInnerContent,
.secondaryNavContent p {
  text-align: center !important;
}

/* Newsletter (home) — hide the Lumistry embed's own injected heading/subtext
   (h3.lk-title + p.lk-sub inside .lk-head) so only our own H2
   "Sign Up For Our Newsletter" shows; keep the form (.lk-body) intact. */
[data-lumistry-capture] .lk-head {
  display: none !important;
}

/* The Pharmacy Team — heading centered (About page) */
.blockWrap_team_intro .contentTitle {
  text-align: center;
}

/* The Pharmacy Team — card layout (About page) */
.blockWrap_team_members {
  padding-top: 0.75em;
}
.teamGrid {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
  margin: 0.375em 0 1.5em;
}
.teamCard {
  background: #ffffff;
  border: 1px solid rgba(194,216,240,0.6);
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0,62,126,0.08);
  padding: 1.5em 1em;
  text-align: center;
}
.teamCard-name {
  margin: 0 0 0.35em 0;
  color: #003e7e;
  font-weight: 700;
}
.teamCard-school {
  margin: 0;
  color: #27251f;
}

@media (max-width: 767px) {
  .headerAndNavContainer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
  /* eyebrow (secondary nav) collapses on scroll to reclaim space */
  .secondaryNav {
    overflow: hidden;
    max-height: 300px;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }
  .secondaryNav.eyebrow-collapsed {
    max-height: 0 !important;
    opacity: 0 !important;
  }
}