/* custom overrides (loaded last) */
/* eyebrow (secondary nav): match the MSI template exactly — a single centered
   inline cluster of address / phone / hours. Each eyebrow block ships an inline
   `width:100%` from the editor, which stretches every item full-width and defeats
   .secondaryNavContent's justify-content:center (spreading them to the page edges
   and forcing the address/hours to wrap). Reset the widths so the three items size
   to their content and cluster in the center like the template. */
.secondaryNavContent .blockContainer {
  width: auto !important;
  float: none !important;
  clear: none !important;
}
/* newsletter: the Lumistry capture embed renders its own heading + subtitle
   (<h3 class="lk-title"> and <p class="lk-sub"> inside .lk-head). Our block already
   carries the "Sign Up For Our Newsletter" H2, so hide the embed's duplicate title
   and paragraph, leaving just the form fields. */
.blockForm .lk-head {
  display: none !important;
}
/* about page: team photos at half size — shrink the circle within its 48%
   layoutD column (keeping the column so the text side stays balanced) and
   center it. */
.blockWrap_team01 .blockImg .imgShape,
.blockWrap_team02 .blockImg .imgShape,
.blockWrap_team03 .blockImg .imgShape {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* about page: "The Pharmacy Team" title promoted to a section subheader —
   36px matches the site's other section headings (e.g. "About the Pharmacy",
   "Everything you need to feel your best") vs the 24px default contentTitle. */
.blockWrap_teamtitle01 .contentTitle {
  font-size: 36px;
}
@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;
  }
}
/* click-to-call: keep the phone number visually identical to the template */
.contactPhone a,
.contactPhone a:hover,
.contactPhone a:focus {
  color: inherit;
  text-decoration: none;
}