/* Minimal FontAwesome 6 subset for rx_shariff buttons.
 * Replaces vendor shariff.complete.css to avoid its global `.sr-only`
 * rule conflicting with Tailwind `.not-sr-only`.
 *
 * Shariff JS injects <span class="<faPrefix> <faName>"></span>.
 * Active services / glyphs (faPrefix faName -> codepoint):
 *   facebook   fab fa-facebook-f   \f39e
 *   xing       fab fa-xing         \f168
 *   twitter    fab fa-x-twitter    \e61b
 *   linkedin   fab fa-linkedin-in  \f0e1
 *   whatsapp   fab fa-whatsapp     \f232
 *   mail       fas fa-envelope     \f0e0
 *
 * To add another service: see vendor/reelworx/rx-shariff/Resources/Public/Css/shariff.complete.css
 * for the codepoint and faPrefix.
 */
@font-face {
	font-family: "Font Awesome 6 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../Fonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
	font-family: "Font Awesome 6 Free";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../Fonts/fa-solid-900.woff2") format("woff2");
}

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

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

.fas,
.fa-solid {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

.fa-facebook-f::before  { content: "\f39e"; }
.fa-xing::before        { content: "\f168"; }
.fa-x-twitter::before   { content: "\e61b"; }
.fa-linkedin-in::before { content: "\f0e1"; }
.fa-whatsapp::before    { content: "\f232"; }
.fa-envelope::before    { content: "\f0e0"; }