/** Font Awesome Free 7.3.0 — independent Mharty Plus integration. */
@font-face {
    font-family: 'Font Awesome 7 Free';
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Font Awesome 7 Free';
    src: url('../fonts/fa-regular-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Font Awesome 7 Brands';
    src: url('../fonts/fa-brands-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

.mhfa-modern {
    display: inline-block;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mhfa-modern.mhfa-solid,
ul.mhc-icon li.mhfa-modern.mhfa-solid:before,
#mh-panel td ul.mhc-icon li.mhfa-modern.mhfa-solid:before {
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 900 !important;
}
.mhfa-modern.mhfa-regular,
ul.mhc-icon li.mhfa-modern.mhfa-regular:before,
#mh-panel td ul.mhc-icon li.mhfa-modern.mhfa-regular:before {
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 400 !important;
}
.mhfa-modern.mhfa-brands,
ul.mhc-icon li.mhfa-modern.mhfa-brands:before,
#mh-panel td ul.mhc-icon li.mhfa-modern.mhfa-brands:before {
    font-family: 'Font Awesome 7 Brands' !important;
    font-weight: 400 !important;
}
ul.mhc-icon li.mhfa-modern:before,
#mh-panel td ul.mhc-icon li.mhfa-modern:before {
    content: attr(data-mhfa-char) !important;
}
ul.mhc-icon.mhfa-default-mode li[data-icon^="mhfa:"] { display: none; }
ul.mhc-icon.mhfa-mode li:not([data-icon^="mhfa:"]) { display: none; }

#mh-panel td ul.mhc-icon.awesome {
    overflow-y: scroll;
    height: 220px;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
#mh-panel td ul.mhc-icon.awesome li {
    font-size: 20px;
    display: inline-block;
    background: #fafafa;
    padding: 10px;
    margin: 0;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #dae2ea;
    vertical-align: top;
}
.mh-fontawesome-shortcode-icon { vertical-align: middle; }