/** * The Auto Library — wpForo Layout 4 (Threaded) Figma restyle. * * Layered on top of wpForo's own stylesheet (declared as a dependency at * enqueue time) — this only adds new component styles for the markup * introduced by the theme's template overrides, plus targeted overrides * of native wpForo classes where the Figma design changes their look. * No wpForo core CSS files are edited. * * Every selector below is prefixed with `#wpforo #wpforo-wrap` — wpForo's * own stylesheet ships a two-ID universal reset * (`#wpforo #wpforo-wrap div, ... { margin: 0; ... }`) that otherwise * beats any single-class selector on specificity regardless of CSS load * order, silently zeroing out margins/etc. Matching that ID prefix is * the only way to reliably win the cascade here. */ :root { --rsnl-green: #00573F; --rsnl-green-dark: #143829; --rsnl-green-light: #e7f0ec; --rsnl-cream: #ffffff; --rsnl-zebra: #F2F2F2; --rsnl-border: #e6e4df; --rsnl-ink: #1a1c1a; --rsnl-muted: #241F23; --rsnl-cta-bg: #1c1712; --rsnl-radius-card: 14px; --rsnl-radius-pill: 999px; /* --rsnl-font-display: Georgia, 'Iowan Old Style', 'Palatino Linotype', serif; */ } /* ------------------------------------------------------------------ */ /* Dark mode ("Dark Mode for Elementor" by Presario) — confirmed via */ /* live DevTools inspection that it adds a `dark-mode` class to both */ /* and (plus `data-edmw-theme="dark"` on , unused */ /* here). wpForo isn't built with Elementor widgets, so the plugin's */ /* own Global Colors mapping can't reach into it — this file's own */ /* colors are almost entirely driven by the custom properties above, */ /* so redefining them here is enough to re-theme the whole forum; */ /* only the handful of places below that hardcoded a literal color */ /* instead of one of these variables needed a separate fix. */ /* ------------------------------------------------------------------ */ html.dark-mode { --rsnl-green-dark: #5fbd97; --rsnl-green-light: #16332a; --rsnl-cream: #1c1f1c; --rsnl-zebra: #262a26; --rsnl-border: #383b35; --rsnl-ink: #f0efec; --rsnl-muted: #a3a69c; } /* ------------------------------------------------------------------ */ /* Native wpForo chrome the Figma design doesn't include. */ /* Hidden, not removed — still there if the setting/feature is needed */ /* elsewhere; this only affects wpForo's own front-end pages. */ /* ------------------------------------------------------------------ */ #wpforo-menu, #wpforo-footer, #wpforo #wpforo-wrap .wpf-sb-bottom, #wpforo #wpforo-wrap .wpforo-subtop, #wpforo #wpforo-wrap .wpforo-post-meta , #wpforo #wpforo-wrap .wpforo-post-content br, #wpforo #wpforo-wrap.wpft-post .wpf-topic-sbs, #wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic, #wpforo #wpforo-wrap .wpforo-topic-footer, #wpforo #wpforo-wrap .wpf-reply:not(:has(.wpforo-reply)), #wpforo #wpforo-wrap .wpforo-revisions-wrap { display: none !important; } /* The theme's own page-title block (the WP Page's post_title — "Forum", since that's what the page hosting the [wpforo] shortcode is called) renders above #wpforo on every wpForo page, outside our control since it's the page template, not any wpForo template. The Figma design has no such generic heading — the forum directory's own intro heading and each topic's own

i.fa-times) { width: 40px; height: 40px; min-width: 40px; padding: 0 !important; border-radius: 50% !important; align-items: center; justify-content: center; }