/* =============================================================================
   BD Media — icon fonts, SUBSET.

   WHY. The site downloaded four icon webfonts to draw twelve glyphs:

       fa-brands-400.woff2    81,612 B    ->  992 B
       fa-solid-900.woff2     78,196 B    ->  632 B
       fa-regular-400.woff2   13,276 B    ->  684 B
       eicons.woff2          108,152 B    ->  544 B
                             --------        -----
                             281,236 B       2,852 B   (-99.0%)

   Every glyph below was verified present in its subset after subsetting, and every
   codepoint was read out of the site's own live CSS rather than from memory — which
   matters: `fa-facebook-f` here is U+F09A (the FontAwesome 4 codepoint Elementor
   ships), NOT the U+F39E that FA5 documentation would suggest.

   WHY SUBSET AND NOT INLINE SVG. Hand-drawing four brand logos as SVG risks shipping
   a wrong or subtly distorted logo. Subsetting keeps the exact same outlines and the
   exact same rendering, and the saving is just as large.

   The full-size originals are no longer referenced anywhere: `bd-fonts.php` dequeues
   Elementor's `elementor-icons`, `elementor-icons-fa-solid`, `elementor-icons-fa-regular`
   and `elementor-icons-fa-brands` stylesheets that declared them.
   ============================================================================= */

/* ---------- the four subset faces ---------- */
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url('fonts/bd-icons-solid.woff2') format('woff2');
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('fonts/bd-icons-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('fonts/bd-icons-brands.woff2') format('woff2');
}
@font-face {
	font-family: 'eicons';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('fonts/bd-icons-eicons.woff2') format('woff2');
}

/* ---------- family mapping (mirrors Elementor's, so existing markup keeps working) ----------
   🔴 THE ATTRIBUTE SELECTORS ARE NOT DECORATION. Elementor's own base rule is
   `[class^="eicon"], [class*=" eicon"] { font-family: eicons }`. Writing the obvious
   `.eicon { font-family: eicons }` instead does NOT match anything real: the markup on the
   mobile menu toggle is an italic-element carrying the classes elementor-menu-toggle__icon--open and
   eicon-menu-bar — so the class is `eicon-menu-bar`, and no element carries a bare `eicon`
   class. The glyph then inherits Roboto, `content` still resolves to a private-use codepoint,
   and the mobile burger renders as an EMPTY BOX. That is a silent, visual-only failure:
   nothing 404s and nothing errors, which is exactly why it is called out here. Caught on
   2026-10-03 by measuring the computed ::before font-family at a 390px viewport, not by
   looking at the page.

   (No angle brackets appear in this file on purpose — a literal tag inside CSS text is the
   pattern that made LiteSpeed drop a closing style tag and blank every article on 2026-10-03.) */
[class^='eicon'],
[class*=' eicon'],
.eicon {
	display: inline-block;
	font-family: 'eicons';
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	speak: never;
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.fas,
.fa-solid {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.far,
.fa-regular {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}
.fab,
.fa-brands {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
}

/* ---------- the only twelve glyphs this site draws ---------- */
.fa-caret-down::before {
	content: '\f0d7';
}
.fa-times::before {
	content: '\f00d';
}
.fa-lightbulb::before {
	content: '\f0eb';
}
.fa-user::before {
	content: '\f007';
}
.fa-calendar-alt::before {
	content: '\f073';
}
.fa-sticky-note::before {
	content: '\f249';
}
.fa-facebook-f::before {
	content: '\f09a';
}
.fa-instagram::before {
	content: '\f16d';
}
.fa-tiktok::before {
	content: '\e07b';
}
.fa-linkedin-in::before {
	content: '\f0e1';
}
.eicon-menu-bar::before {
	content: '\e816';
}
.eicon-close::before {
	content: '\e87f';
}