/* Local Font Awesome font-face + base classes */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"),
       url("../fonts/fontawesome/fa-solid-900.woff") format("woff"),
       url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"),
       url("../fonts/fontawesome/fa-regular-400.woff") format("woff"),
       url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"),
       url("../fonts/fontawesome/fa-brands-400.woff") format("woff"),
       url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype");
}

/* Base classes to apply correct font families */
.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; }