/*!
 * Minimal Font Awesome for Landing Page
 * Only icons used on index.html
 */

/* Base FontAwesome Styles */
.fa, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* Icon sizing */
.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; }
.fa-xs { font-size: .75em; }
.fa-sm { font-size: .875em; }
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }

/* Only the icons used on landing page */
.fa-bolt:before { content: "\f0e7"; }
.fa-user-tie:before { content: "\f508"; }
.fa-lock:before { content: "\f023"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-brain:before { content: "\f5dc"; }
.fa-feather:before { content: "\f52d"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-user:before { content: "\f007"; }

/* Font face - only solid weight needed for landing page */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(webfonts/fa-solid-900.eot);
    src: url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
         url(webfonts/fa-solid-900.woff2) format("woff2"),
         url(webfonts/fa-solid-900.woff) format("woff"),
         url(webfonts/fa-solid-900.ttf) format("truetype");
}

/* Icon wrapper utilities */
.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}

.icon-text {
    align-items: flex-start;
    color: inherit;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 1.5rem;
    vertical-align: top;
}

.icon-text .icon {
    flex-grow: 0;
    flex-shrink: 0;
}