/* Font Awesome 5 Pro - Light */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../fonts/fa-light-300.eot');
    src: url('../../fonts/fa-light-300.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fa-light-300.woff2') format('woff2'),
         url('../../fonts/fa-light-300.woff') format('woff'),
         url('../../fonts/fa-light-300.ttf') format('truetype'),
         url('../../fonts/fa-light-300.svg#fontawesome') format('svg');
}

/* Font Awesome 5 Pro - Regular */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/fa-regular-400.eot');
    src: url('../../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fa-regular-400.woff2') format('woff2'),
         url('../../fonts/fa-regular-400.woff') format('woff'),
         url('../../fonts/fa-regular-400.ttf') format('truetype'),
         url('../../fonts/fa-regular-400.svg#fontawesome') format('svg');
}

/* Font Awesome 5 Pro - Solid */
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../../fonts/fa-solid-900.eot');
    src: url('../../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fa-solid-900.woff2') format('woff2'),
         url('../../fonts/fa-solid-900.woff') format('woff'),
         url('../../fonts/fa-solid-900.ttf') format('truetype'),
         url('../../fonts/fa-solid-900.svg#fontawesome') format('svg');
}

/* Font Awesome 5 Brands */
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/fa-brands-400.eot');
    src: url('../../fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fa-brands-400.woff2') format('woff2'),
         url('../../fonts/fa-brands-400.woff') format('woff'),
         url('../../fonts/fa-brands-400.ttf') format('truetype'),
         url('../../fonts/fa-brands-400.svg#fontawesome') format('svg');
}

/* Font Awesome 5 Duotone */
@font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../../fonts/fa-duotone-900.eot');
    src: url('../../fonts/fa-duotone-900.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fa-duotone-900.woff2') format('woff2'),
         url('../../fonts/fa-duotone-900.woff') format('woff'),
         url('../../fonts/fa-duotone-900.ttf') format('truetype'),
         url('../../fonts/fa-duotone-900.svg#fontawesome') format('svg');
}

/* Icon classes */
.fal, .far, .fas, .fab, .fad {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.far {
    font-weight: 400;
}

.fas {
    font-weight: 900;
}

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

.fad {
    font-family: 'Font Awesome 5 Duotone';
    font-weight: 900;
}

/* Common icon styles */
.fa, .fal, .far, .fas, .fab, .fad {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}