/* custom overrides (loaded last) */
/* header info bar (eyebrow): styled to match the template's .secondaryNav
   spec exactly — white bg, 12px vertical padding, 16px text, centered flex
   row with 3em gaps, 1400px max width with 4% side padding, fax/email hidden,
   stacked & centered at 14px below 1024px. */
.topInfoBar {
  background: #fff;
  border-bottom: 1px solid rgba(194, 216, 240, 0.5);
  font-family: 'Montserrat', Arial, Verdana, sans-serif;
  color: #27251f;
  font-size: 16px;
  padding: 12px 0;
}
.topInfoBar__inner {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3em;
}
.topInfoBar__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #27251f;
  text-decoration: none;
  transition: 150ms;
}
.topInfoBar a.topInfoBar__item:hover { color: #003e7e; }
.topInfoBar__item > svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  color: #003e7e;
}
.topInfoBar__contact { display: flex; align-items: center; gap: 3em; }
/* template hides fax + email in the eyebrow (kept in the footer) */
.topInfoBar__fax { display: none; }
.topInfoBar__label { font-weight: 600; }
@media only screen and (max-width: 1024px) {
  .topInfoBar { font-size: 14px; text-align: center; }
  .topInfoBar__inner { flex-direction: column; gap: .5em; }
}
@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 collapses on scroll to reclaim space */
  .topInfoBar {
    overflow: hidden;
    max-height: 300px;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }
  .topInfoBar.eyebrow-collapsed {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}