/*!
 * Icon fix for this offline copy of the template.
 *
 * The template ships Font Awesome Pro 5.13 CSS, but the .woff2 files under
 * assets/fonts/ came down from the mirror as 84-byte "No Content" stubs, so no
 * icon ever rendered. This file loads the free Font Awesome 5.15.4 webfonts
 * instead and points the fa/fas/far/fal/fab classes at them.
 *
 * Light (300) is Pro-only, so .fal falls back to Free Regular, and any glyph
 * missing from Regular falls through per-glyph to Free Solid.
 *
 * Load this AFTER assets/css/style.css — style.css sets its own --icon-font
 * variable pointing at the Pro family, and we need to win that.
 */

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

@font-face {
    font-family: "FA5 Free Regular";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/free-fa-regular-400.woff2) format("woff2");
}

@font-face {
    font-family: "FA5 Free Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/free-fa-brands-400.woff2) format("woff2");
}

/* style.css draws menu arrows, list bullets, quote marks, checkmarks etc. from
   :before/:after using this variable instead of an <i> class. */
:root {
    --icon-font: "FA5 Free Regular", "FA5 Free Solid";
}

.fa,
.fas,
.fad {
    font-family: "FA5 Free Solid";
    font-weight: 900;
}

.far,
.fal {
    font-family: "FA5 Free Regular", "FA5 Free Solid";
    font-weight: 400;
}

.fab {
    font-family: "FA5 Free Brands";
    font-weight: 400;
}

/* Pro-only glyphs remapped to their free "-alt" equivalents */
.fa-long-arrow-right:before {
    content: "\f30b";
}

.fa-long-arrow-left:before {
    content: "\f30a";
}

.fa-long-arrow-up:before {
    content: "\f30c";
}

.fa-long-arrow-down:before {
    content: "\f309";
}