// The reason this file exists is because importing the default fontawesome CSS file will also include the SVG version of the font.
// These files are very large and mostly unsupported across browsers so it is adding unnecessary bloat to our NPM package.

@fa-path: './fonts/';

// This maps to fontawesome's light.css file
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    src: url("@{fa-path}fa-light-300.eot");
    src: url("@{fa-path}fa-light-300.eot?#iefix") format("embedded-opentype"),
    url("@{fa-path}fa-light-300.ttf") format("truetype");
}

.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

// This maps to fontawesome's regular.css file
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    src: url("@{fa-path}fa-regular-400.eot");
    src: url("@{fa-path}fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("@{fa-path}fa-regular-400.ttf") format("truetype");
}

.far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

// This maps to fontawesome's solid.css file
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    src: url("@{fa-path}fa-solid-900.eot");
    src: url("@{fa-path}fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("@{fa-path}fa-solid-900.ttf") format("truetype");
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("@{fa-path}fa-brands-400.eot");
    src: url("@{fa-path}fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("@{fa-path}fa-brands-400.ttf") format("truetype");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@import "font-awesome-duotone.less";

@import (less) "../../node_modules/@fortawesome/fontawesome-pro/css/fontawesome.min.css";