/* 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;
  }
}
/* newsletter capture widget: the template's layoutD floats the form into a
   right-hand column (~half width) with an EMPTY .blockText column on the left,
   so the whole widget — heading included — sat in the right half. Let the form
   container span the full block width: the widget's own inline layout then
   places the heading at the far left and keeps the email input + button on the
   right. Scoped to the newsletter block only. */
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .blockContent.layoutD .blockImg.blockForm {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}
.blockWrap_d66f6a80367049f7b70e5a4e6d422571 .blockContent.layoutD .blockText {
  display: none !important; /* empty left column; would otherwise push the form */
}
[data-lumistry-capture] .lk-head,
[data-lumistry-capture] .lk-title,
[data-lumistry-capture] .lk-sub {
  text-align: left !important;
}
[data-lumistry-capture] .lk-form.lk-ih {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  /* stack heading above the input/button on small screens */
  [data-lumistry-capture] .lk-form.lk-ih {
    display: block !important;
  }
  [data-lumistry-capture] .lk-form.lk-ih .lk-sub {
    margin-bottom: 12px !important;
  }
}