/**
 * Overrides font-display for the Font Awesome webfonts loaded by the
 * "Material Icons" plugin (onpoint-fontawesome-css / all.css).
 *
 * That plugin ships every @font-face with `font-display: block`, which
 * hides icon glyphs for up to ~3s while the woff2 downloads. On mobile
 * this made the header CTAs/icons collapse to near-zero width, then pop
 * in and reflow the whole header row (logo/menu/CTAs) once the font
 * finished loading. `swap` renders the fallback glyph box immediately
 * and only swaps the icon in place once the font is ready, so the
 * layout width is correct from the very first paint.
 *
 * Must be enqueued AFTER onpoint-fontawesome-css so these rules win the
 * cascade (same selector/specificity, later wins). See
 * functions/enqueue-scripts.php.
 */

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-brands-400.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-brands-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-duotone-900.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-duotone-900.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-duotone-900.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-light-300.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-light-300.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-light-300.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-regular-400.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-solid-900.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-thin-100.woff2") format("woff2"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-thin-100.woff") format("woff"),
       url("/wp-content/plugins/material-icons/assets/fontawesome/webfonts/fa-thin-100.ttf") format("truetype");
}