/* 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;
  }
}

/* Top contact bar (eyebrow): icons tight against text, even spacing, no wrap */
.secondaryNavContent .blockContainer {
  width: auto !important;
  text-align: left !important;
  flex: 0 0 auto;
}
.secondaryNavContent .blockInnerContent,
.secondaryNavContent .blockInnerContent p {
  display: inline;
  white-space: nowrap;
}
.secondaryNavContent .blockText p.contactFax,
.secondaryNavContent .blockInnerContent p.contactFax,
.secondaryNavContent .blockInnerContent p.contactEmail,
.secondaryNavContent .contactEmail {
  display: none !important;
}
.blockWrap_d1c3085901d84645b31bd09c4bae76b6 .blockInnerContent:before,
.blockWrap_ec68df6a64454b0d992c5244bb2cac55 .blockInnerContent:before,
.blockWrap_f00a8333e723460baad25b5365b52e36 .blockInnerContent:before {
  position: static !important;
  left: auto !important;
  margin-top: 0 !important;
  display: inline-block !important;
  vertical-align: -2px;
  margin-right: 7px !important;
}
@media only screen and (max-width: 1024px) {
  .secondaryNavContent .blockContainer {
    text-align: center !important;
  }
}

/* keep explicit width/height attributes from distorting responsive images */
img[width][height] {
  height: auto;
}

/* footer app store badges: size like tidy buttons, not full-column banners */
.appDownload ul li img {
  max-width: 150px !important;
  margin-bottom: 0.5em;
}

/* logo markup is now a div (single-h1 accessibility fix); mirror template h1.logo sizing */
@media only screen and (min-width: 768px) {
  .headerContent div.logo img {
    width: 100%;
    max-width: 220px;
  }
}