/* * Exa Group Portfolio — Stylesheet * BEM prefix: .egp- * * Inherits Elementor CSS custom properties from the active theme: * --e-global-color-primary (dark background) * --e-global-color-accent (light text / borders) * --e-global-typography-text-* * --e-global-typography-accent-* * --e-global-typography-6c10a53-* (section title) */ /* ── Shared layout ─────────────────────────────────────────────────────────── */ .egp-anchor { pointer-events: none; position: relative; top: -86px; width: 100%; height: 1px; } .egp-inner { width: 100%; max-width: 1500px; margin: 0 auto; } /* ════════════════════════════════════════════════════════════════════════════ TABLE SHORTCODE ════════════════════════════════════════════════════════════════════════════ */ .egp-table { background-color: var(--e-global-color-primary); color: var(--e-global-color-accent); padding: 0; } /* ── Filter bar ─────────────────────────────────────────────────────────────── */ .egp-table__filters-wrap { position: sticky; top: 86px; z-index: 10; background-color: var(--e-global-color-primary); } .egp-table__filters { display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; gap: 20px; padding: 35px 0; } .egp-table__filter-label { font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: var(--e-global-typography-text-font-size); font-weight: var(--e-global-typography-text-font-weight); text-transform: uppercase; letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-accent); margin: 0; line-height: 1; padding-bottom: 10px; /* align with select bottom border */ } /* Filter field wrapper */ .egp-table__filter-field { position: relative; min-width: 140px; } /* ── Tom Select overrides (scoped to filter bar) ─────────────────────────── */ /* * We re-skin Tom Select to match the existing native