/**
 * Font Awesome 5 Pro / Brands – load icon fonts from local assets
 * Icons display correctly when this file is loaded before/with plugins.css and style.css
 */
@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff");
}

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

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff");
}

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

/* Ensure icon classes use the correct font and weight */
.fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.far { font-family: "Font Awesome 5 Pro"; font-weight: 400; }
.fal { font-family: "Font Awesome 5 Pro"; font-weight: 300; }
.fad { font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; }