/* Gateway parity: use locally bundled MetricWeb assets. */
@font-face {
  font-family: "metric";
  src: url("../fonts/MetricWeb-Regular.woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "metric";
  src: url("../fonts/MetricWeb-Medium.woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "metric";
  src: url("../fonts/MetricWeb-Semibold.woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "metric";
  src: url("../fonts/MetricWeb-Bold.woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

/* Match T4 content spacing without WP wrapper offsets */
.page-template-2019_gateway_page #main-content > :first-child {
  margin-top: 0;
}
/* Match .main__container + .main__full spacing used by blocks like By the Numbers */
.page-template-2019_gateway_page .general-content-with-media-acf {
  margin-top: 0;
  margin-bottom: 0;
  overflow: visible;
  box-sizing: border-box;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
}
@media (min-width: 32em) {
  .page-template-2019_gateway_page .general-content-with-media-acf {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 48em) {
  .page-template-2019_gateway_page .general-content-with-media-acf {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 80em) {
  .page-template-2019_gateway_page .general-content-with-media-acf {
    padding-right: 8rem;
    padding-left: 8rem;
  }
}
.page-template-2019_gateway_page .general-content-with-media-acf::after {
  content: "";
  display: table;
  clear: both;
}

/* Bare WP core blocks (Heading, Paragraph, Table, Code, List, Pullquote)
   placed directly in this template's content editor used to render with
   zero horizontal margin -- flush to the viewport edge -- because
   2019_gateway_page.php echoes the_content() with no wrapper at all
   (every ACF block instead supplies its own `.main`/`.main__container`
   markup). Give just these block types the same width/padding box model
   as `.general-content-with-media-acf` above so they line up with the
   rest of the page's content.

   Scoped with `#main-content > :where(...)` (direct children only) so
   only bare top-level blocks are affected -- an ACF block that happens to
   render its own <h2> or <p> internally is nested, not a direct child of
   #main-content, so it's untouched. */
.page-template-2019_gateway_page
  #main-content
  > :where(.wp-block-heading, .wp-block-paragraph, .wp-block-table, .wp-block-code, .wp-block-list, .wp-block-pullquote) {
  box-sizing: border-box;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 32em) {
  .page-template-2019_gateway_page
    #main-content
    > :where(.wp-block-heading, .wp-block-paragraph, .wp-block-table, .wp-block-code, .wp-block-list, .wp-block-pullquote) {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 48em) {
  .page-template-2019_gateway_page
    #main-content
    > :where(.wp-block-heading, .wp-block-paragraph, .wp-block-table, .wp-block-code, .wp-block-list, .wp-block-pullquote) {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}
@media (min-width: 80em) {
  .page-template-2019_gateway_page
    #main-content
    > :where(.wp-block-heading, .wp-block-paragraph, .wp-block-table, .wp-block-code, .wp-block-list, .wp-block-pullquote) {
    padding-right: 8rem;
    padding-left: 8rem;
  }
}

/* Use same .content__right layout as 2019 Universal (main.css): no T4 400px rail */

/* Keep top-right header icons full crimson (hamburger/x/search) */
.page-template-2019_gateway_page .nav__menu-toggle,
.page-template-2019_gateway_page .nav__menu-toggle:hover,
.page-template-2019_gateway_page .nav__menu-toggle:focus,
.page-template-2019_gateway_page .nav__search-toggle,
.page-template-2019_gateway_page .nav__search-toggle:hover,
.page-template-2019_gateway_page .nav__search-toggle:focus {
  color: #ab0c2f;
}

/* Submenu plus icons should be lighter crimson (not full crimson, not gray) */
.page-template-2019_gateway_page .menu__sub-toggle,
.page-template-2019_gateway_page .menu__sub-toggle:hover,
.page-template-2019_gateway_page .menu__sub-toggle:focus {
  color: rgba(171, 12, 47, 0.4);
}

/* Match T4 footer emphasis for Privacy Policy */
.page-template-2019_gateway_page .footer a[href*="/privacy/"] {
  font-weight: 700;
}

/* Match T4 search overlay behavior (override fbconcierge adjustments) */
.page-template-2019_gateway_page .search {
  height: calc(100vh - 3.75rem) !important;
  height: calc(var(--vh, 1vh) * 100 - 3.75rem) !important;
  overflow-y: auto;
}

.page-template-2019_gateway_page .search__container {
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.page-template-2019_gateway_page .search__container form {
  margin: 0;
}
@media (min-width: 64em) {
  .header--collapsed .nav__logo .header--collapsed .nav__logo.nav__logo-lls {
    width: 5.8125rem !important;
    height: 1.6875rem !important;
  }
}

@media (min-width: 81.25em) {
  .page-template-2019_gateway_page .search {
    width: calc(100% - 5.5rem);
    margin-left: 2.75rem;
    height: auto !important;
  }
}

/* Match T4 desktop header geometry with fixed px values. */
/* @media (min-width: 64em) {
  .page-template-2019_gateway_page .nav__logo.nav__logo--lls {
    width: 256px;
    height: 68.36px;
  }
} */

@media (min-width: 64em) and (max-width: 81.249em) {
  .page-template-2019_gateway_page .nav__group {
    margin-left: 48px;
  }
}

@media (min-width: 81.25em) {
  .page-template-2019_gateway_page .nav__group {
    margin-left: 54px;
  }
}