/* custom overrides (loaded last) */

/* Header logo: let the (wider) Fishkill logo fill its container instead of the
   template's 66% width, so it reads at a proper size in the header. */
.headerContent h1.logo,
.headerContent div.logo {
  max-width: 330px;
}
.headerContent h1.logo img,
.headerContent div.logo img {
  width: 100% !important;
  max-width: 100% !important;
}

/* Pharmacy team member cards on the About (Our Pharmacy) page. */
.teamGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5em;
  margin-top: 0.5em;
  text-align: left;
}
.teamCard {
  background: #fff;
  border: 1px solid #e2e6ec;
  border-radius: 10px;
  padding: 1.75em 1.75em 1.5em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.teamCard .teamName {
  margin: 0 0 0.15em;
  text-align: center;
  color: #15396b;
  font-weight: 700;
  font-size: 1.15em;
}
.teamCard .teamRole {
  margin: 0 0 0.9em;
  text-align: center;
  color: #5a6b80;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.teamCard p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .teamGrid {
    grid-template-columns: 1fr;
  }
}

/* Footer hours: the native clock icon is floated left, so the first lines wrap
   beside it but "Sun: Closed" drops below the float and snaps back to the left
   margin. Lay the block out as flex (icon + text columns) so the icon sits in
   its own column and every day lines up in the text column beside it. */
.block_ae54c6eb76ea47d8b96793b5e86bdf92 {
  display: flex;
  align-items: flex-start;
}
.block_ae54c6eb76ea47d8b96793b5e86bdf92:before {
  float: none !important;
  flex: 0 0 16px;
  margin: 5px 8px 0 0 !important;
}

/* Top contact bar: keep the native centered layout (address · phone · hours)
   with each icon beside its text; just prevent the hours line from wrapping. */
@media only screen and (min-width: 1025px) {
  .secondaryNavContent .blockText p {
    white-space: nowrap;
  }
}

/* Top bar phone: this block is width:100% + text-align:right (same as the
   address and hours blocks). The address/hours text is long enough to fill the
   row so their icons sit tight, but the short phone number gets pushed to the
   right edge while its icon stays anchored at the left, leaving a gap. Shrink
   the block to its content and left-align it so the icon sits beside the number
   like the others. Scoped to the top bar so the footer phone is unaffected. */
.secondaryNavContent .blockWrap_ec68df6a64454b0d992c5244bb2cac55 {
  width: auto !important;
  text-align: left !important;
}

/* Top bar icons: render each icon inline and tight against its text with one
   consistent gap, instead of the native absolute left:-20px hanging placement
   (which left uneven gaps because the icons differ in width). */
.secondaryNavContent .blockInnerContent {
  display: inline-flex;
  align-items: center;
}
.secondaryNavContent .blockInnerContent:before {
  position: static !important;
  left: auto !important;
  margin: 0 6px 0 0 !important;
  flex: 0 0 auto;
}

@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;
  }
}

/* Newsletter section: the template's form was replaced with the Lumistry
   capture embed. The section wrapper (white background, light-blue top line,
   30px padding) is kept from the template; center the embedded form within it.
   The embed injects its own <form class="lk-form"> (left-aligned, own max-width)
   and appends its stylesheet at runtime, so !important is needed to re-center. */
/* The block uses the template's two-column layoutD (form column is 48% wide,
   floated right). With the text column removed, force a full-width single column
   so the card can center across the whole section. */
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .blockContent {
  display: block !important;
}
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .blockImg.blockForm {
  width: 100% !important;
  float: none !important;
  text-align: center;
}
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 [data-lumistry-capture] {
  width: 100%;
}
/* Force the embed into a compact, vertically-stacked centered card (the embed's
   own config renders it as a wide side-by-side bar); this matches the original
   template's centered title-above-form look. */
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .lk-form,
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .lk-form.lk-ih {
  display: block !important;
  max-width: 480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .lk-head {
  margin-bottom: 12px;
}
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .lk-row {
  justify-content: center !important;
}