/* Icons: Font Awesome 6 Pro (licensed through our kit), cut down to the eight icons this site uses.
   This replaces the Font Awesome kit, which loaded the whole Pro set (about 480 KB of CSS plus fonts) on every page
   and held up the first paint on phones. Class names work exactly as before (e.g. "fa-sharp fa-solid fa-arrow-right").
   To use an icon that isn't listed below, its glyph has to be added to these fonts (cut from the kit's font files
   with fontTools), or switch the kit back on in functions.php. */

@font-face {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/icons/ld-fa-solid-900.woff2) format("woff2");
}

@font-face {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/icons/ld-fa-regular-400.woff2) format("woff2");
}

@font-face {
	font-family: "Font Awesome 6 Sharp";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../fonts/icons/ld-fa-sharp-solid-900.woff2) format("woff2");
}

@font-face {
	font-family: "Font Awesome 6 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../fonts/icons/ld-fa-brands-400.woff2) format("woff2");
}

/* Base rules, as in Font Awesome's own stylesheet (later rules win, so "fa-sharp fa-solid" uses the Sharp font) */

.fa, .fa-brands, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}

.fa:before, .fa-brands:before, .fa-regular:before, .fa-sharp:before, .fa-solid:before, .fab:before, .far:before, .fas:before {
	content: var(--fa);
}

.fa {
	font-family: var(--fa-style-family, "Font Awesome 6 Pro");
	font-weight: var(--fa-style, 900);
}

.fa-regular, .fa-solid, .far, .fas {
	font-family: "Font Awesome 6 Pro";
}

.fa-brands, .fab {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
}

.fa-sharp {
	font-family: "Font Awesome 6 Sharp";
	font-weight: 900;
}

.fa-regular, .far {
	font-weight: 400;
}

.fa-solid, .fas {
	font-weight: 900;
}

/* The icons in the fonts above */

.fa-arrow-right { --fa: "\f061"; }
.fa-arrow-down { --fa: "\f063"; }
.fa-circle { --fa: "\f111"; }
.fa-badge-check { --fa: "\f336"; }
.fa-arrow-pointer { --fa: "\f245"; }
.fa-crop-simple { --fa: "\f565"; }
.fa-searchengin { --fa: "\f3eb"; }