/* custom overrides (loaded last) */
@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;
  }
}
/* About-the-Pharmacy spotlight: the original template relied on the image CDN to
   serve a square cover-crop (data-mod="cover:450"); our swapped-in local group
   photo is landscape (800x533), so the circular container rendered as an ellipse.
   Force a 1:1 container with object-fit:cover so it crops to a true circle. */
.blockWrap_cf2495fef3f246eda03a4a26d0afb874 .blockImg .contentImg.circleImg {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.blockWrap_cf2495fef3f246eda03a4a26d0afb874 .blockImg .contentImg.circleImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* About page team grid: render every staff headshot as a circle. The template's
   .imgShape already crops to a centered 1:1 cover (background-size:cover;
   background-position:50% 50%; :before padding-top:100%), so the subject stays
   centered — we only need to round the corners into a full circle. */
.items_fd132e06afb743ceaa334fa61a47b700 .contentImg.imgShape.squareImg {
  border-radius: 50%;
  background-position: center center;
}
.items_fd132e06afb743ceaa334fa61a47b700 .contentImg.imgShape.squareImg img.contentImg {
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
/* About page standalone photos -> circles, subject centered.
   Top group shot (d55f, layoutD): keep the template's right-aligned 420px
   placement so the navy parallax accent still peeks behind it; only clip the
   image itself to a circle (do NOT recenter/resize the container, or the
   background accent gets exposed in the middle). */
.blockWrap_d55f91342f024f59b17b4228366c8373 .blockImg img.contentImg {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
/* "Team is family" intro (e6a1) is a single-item collection: centered circle. */
.blockWrap_e6a1c1e4e114426b97be7a5bd55f425e .itemImg {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.blockWrap_e6a1c1e4e114426b97be7a5bd55f425e .itemImg img.contentImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
/* Newsletter: the Lumistry capture widget renders its own title
   ("Sign Up For Our Newsletter") + subtitle ("Get pharmacy news and reminders by
   email.") in .lk-head. We already show the section heading via our static <h2>,
   so hide the widget's duplicate heading and keep only the form. */
.blockForm .lk-head {
  display: none !important;
}