/* custom overrides (loaded last) */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
/* Lumistry capture widget: let it fill the newsletter block cleanly */
.blockForm [data-lumistry-capture] { width: 100%; }
.blockForm [data-lumistry-capture] iframe { width: 100% !important; border: 0; }

/* Pharmacy Team: left-justify the whole block and show the pharmacist's
   headshot beside his credentials at a modest size (the template column image
   is 48% wide, which is oversized for a single-person profile). Keep it a tidy
   circular portrait that echoes the intro section above it. */
.blockWrap_aboutTeam .blockContent {
  justify-content: flex-start;
  text-align: left;
}
.blockWrap_aboutTeam .blockImg {
  width: 200px !important;
  max-width: 40%;
  flex: 0 0 auto;
}
.blockWrap_aboutTeam .blockText {
  width: auto !important;
  flex: 1 1 auto;
  margin-left: 32px !important;
  text-align: left;
}
.blockWrap_aboutTeam .imgShape.circleImg {
  background-position: 50% 12% !important;
}
.blockWrap_aboutTeam .imgShape.circleImg .contentImg {
  object-fit: cover;
  object-position: 50% 12%;
}
@media (max-width: 640px) {
  .blockWrap_aboutTeam .blockImg { width: 150px !important; }
  .blockWrap_aboutTeam .blockText { margin-left: 20px !important; }
}

/* Newsletter: after removing the duplicate plain heading, center the lone
   signup form within its section (was a two-column heading|form layout). */
.blockContent.newsletterCentered { justify-content: center; text-align: center; }
.blockContent.newsletterCentered .blockImg,
.blockContent.newsletterCentered .blockForm {
  float: none;
  width: 100%;
  max-width: 640px;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}

/* Top contact bar (eyebrow): the template pins each icon absolutely at a fixed
   offset, so when a block is wider than its right-aligned text the icon drifts
   away from it (e.g. the phone icon floats far left of the number). Render the
   icons inline instead, immediately before the text, with even spacing and no
   wrapping, so every icon sits tight against its label. Targets the eyebrow's
   three unique block ids (address / phone / hours). */
.blockWrap_d1c3085901d84645b31bd09c4bae76b6 .blockInnerContent:before,
.blockWrap_ec68df6a64454b0d992c5244bb2cac55 .blockInnerContent:before,
.blockWrap_f00a8333e723460baad25b5365b52e36 .blockInnerContent:before {
  display: none !important;
}
.blockWrap_d1c3085901d84645b31bd09c4bae76b6 p,
.blockWrap_ec68df6a64454b0d992c5244bb2cac55 p.contactPhone,
.blockWrap_f00a8333e723460baad25b5365b52e36 p {
  white-space: nowrap;
}
.blockWrap_d1c3085901d84645b31bd09c4bae76b6 p:first-child:before,
.blockWrap_ec68df6a64454b0d992c5244bb2cac55 p.contactPhone:before,
.blockWrap_f00a8333e723460baad25b5365b52e36 p:first-child:before {
  content: '';
  display: inline-block;
  position: static;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 6px 0 0;
}
.blockWrap_d1c3085901d84645b31bd09c4bae76b6 p:first-child:before {
  background-image: url(location_1.png); width: 13px; height: 16px;
}
.blockWrap_ec68df6a64454b0d992c5244bb2cac55 p.contactPhone:before {
  background-image: url(phone_1.png); width: 16px; height: 16px;
}
.blockWrap_f00a8333e723460baad25b5365b52e36 p:first-child:before {
  background-image: url(hours-dk.png); width: 16px; height: 16px;
}
@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;
  }
}