/**
 * Avada expects IcoMoon in the page: WordPress normally injects @font-face from PHP.
 * Font Awesome solid is duplicated here with absolute paths so icons work from any origin
 * (cross-origin @font-face from the remote CSS bundle can be blocked without CORS).
 */
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "IcoMoon";
  src: url("fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

/**
 * Avada .fusion-button uses text-transform: uppercase. That value is inherited and can
 * break Font Awesome ligatures / PUA glyphs in the icon <i>. Force normal casing on icons.
 */
.fusion-body .fusion-button i.fas,
.fusion-body .fusion-button i.fa-solid,
.fusion-body .fusion-button i[class*="fa-"] {
  font-family: "Font Awesome 6 Free", sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fusion-body .fusion-button i.fas::before,
.fusion-body .fusion-button i.fa-solid::before,
.fusion-body .fusion-button i[class*="fa-"]::before {
  font-family: "Font Awesome 6 Free", sans-serif !important;
  font-weight: 900 !important;
}
