/*
 * The storefront uses seven Font Awesome glyphs in the category navigation.
 * Loading the full Font Awesome stylesheet also registers unused regular and
 * brands families. Keep the familiar icons while requesting only the solid
 * font file that the navigation actually needs.
 */
@font-face {
    font-display: swap;
    font-family: "Matras Navigation Icons";
    font-style: normal;
    font-weight: 900;
    src: url("/wp-content/mu-plugins/assets/matras-navigation-icons.woff2") format("woff2");
}

.wd-nav-icon.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Matras Navigation Icons";
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-rendering: auto;
}

.wd-nav-icon.fa-bed::before { content: "\f236"; }
.wd-nav-icon.fa-boxes::before { content: "\f468"; }
.wd-nav-icon.fa-briefcase::before { content: "\f0b1"; }
.wd-nav-icon.fa-child::before { content: "\f1ae"; }
.wd-nav-icon.fa-couch::before { content: "\f4b8"; }
.wd-nav-icon.fa-layer-group::before { content: "\f5fd"; }
.wd-nav-icon.fa-tshirt::before { content: "\f553"; }