/* Fallback icon fonts loaded from public CDN in case the self-hosted ones
   are blocked/cached-bad in the staging environment. Duplicates the font-face
   declarations from the combined CSS but with a different source so the browser
   has an extra shot at finding a working copy. */

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-regular-400.woff") format("woff");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2") format("woff2"),
       url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff") format("woff");
}

/* FontAwesome 4 compat: the old .fa class mapped to FA4, WordPress/OceanWP maps it to FA5 Free 900.
   Duplicate here so the CSS cascade picks up. */
.fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; }
.far { font-family: "Font Awesome 5 Free"; font-weight: 400; }
.fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; }
