/* Broker Link 2.0 — Brand Skin * Maps the locked palette onto the fulk_portal_ins theme's real markup. * Scoped to #FRONTEND (the theme's id) so it stays on the front end. * Loaded last (footer) so it wins on source order over Bootstrap/working.css. */ /* ---- Base surfaces ---- * Design: DARK app shell (body, sidebar, top nav) + LIGHT content area. * body/#body-container stay dark so any exposed shell edges match the chrome; * the content region (#live-area) is a light canvas holding light cards. */ #FRONTEND body { background-color: var(--bl-bg); color: var(--bl-text-body); } #FRONTEND a { color: var(--bl-primary); } #FRONTEND a:hover, #FRONTEND a:focus { color: var(--bl-primary-hover); } /* ---- App shell / layout containers ---- */ #FRONTEND #body-container { background-color: var(--bl-bg); } /* Content canvas — light background + dark text for readability. */ #FRONTEND #live-area { background-color: var(--bl-content-bg); color: var(--bl-text-dark); } /* Tighter outer horizontal padding site-wide: the theme sets * `#body-container #live-area { padding: 9px }` (mobile) / `18px` (>=992px), * which leaves too much whitespace on the sides. Reduce the left/right padding * only (vertical is left untouched). Matches the theme selector specificity and * is scoped to #FRONTEND so it stays on the front end. */ #FRONTEND #body-container #live-area { padding-left: 6px; padding-right: 6px; } @media (min-width: 992px) { #FRONTEND #body-container #live-area { padding-left: 8px; padding-right: 8px; } } /* Dashboard home: the Tailwind card grid sits directly on the dark shell, * so the live-area background should be transparent there. */ #FRONTEND.page-template-page-homepage-php #live-area { background-color: transparent; } #FRONTEND #live-area h1, #FRONTEND #live-area h2, #FRONTEND #live-area h3, #FRONTEND #live-area h4, #FRONTEND #live-area h5, #FRONTEND #live-area h6 { color: var(--bl-text-dark-strong); } /* Body/content copy on the light canvas. */ #FRONTEND #live-area p, #FRONTEND #live-area li, #FRONTEND #live-area dd, #FRONTEND #live-area dt, #FRONTEND #live-area td, #FRONTEND #live-area th, #FRONTEND #live-area label, #FRONTEND #live-area .text-object, #FRONTEND #live-area .content { color: var(--bl-text-dark); } #FRONTEND #live-area hr { border-top-color: var(--bl-border-light); } #FRONTEND #live-area small, #FRONTEND #live-area .text-muted { color: var(--bl-text-dark-muted); } #FRONTEND #live-area a { color: var(--bl-primary-hover); } #FRONTEND #live-area a:hover, #FRONTEND #live-area a:focus { color: var(--bl-primary); } /* ---- Top navbar ---- */ #FRONTEND #main-nav.navbar { background-color: var(--bl-bg); border: 0; border-bottom: 1px solid var(--bl-border); } #FRONTEND #user-nav .nav > li > a, #FRONTEND #main-nav .icon-link { color: var(--bl-text-nav); } #FRONTEND #user-nav .nav > li > a:hover, #FRONTEND #main-nav .icon-link:hover { color: var(--bl-text); } /* ---- Left sidebar ---- */ #FRONTEND #side-nav-menu { background-color: var(--bl-bg); border-right: 1px solid var(--bl-border); } #FRONTEND #side-nav-menu .logo-container { border-bottom: 1px solid var(--bl-border-subtle); } #FRONTEND #side-nav-menu nav a { color: var(--bl-text-nav); border-left: 3px solid transparent; } #FRONTEND #side-nav-menu nav a i { color: var(--bl-text-nav); } #FRONTEND #side-nav-menu nav a:hover, #FRONTEND #side-nav-menu nav a:focus { color: var(--bl-text); background-color: var(--bl-bg-elevated); } /* active / selected item */ #FRONTEND #side-nav-menu nav .active > a, #FRONTEND #side-nav-menu nav .current-menu-item > a, #FRONTEND #side-nav-menu nav li.active a { color: var(--bl-text); background-color: var(--bl-bg-nav-active); border-left-color: var(--bl-primary); } #FRONTEND #side-nav-menu nav .active > a i, #FRONTEND #side-nav-menu nav .current-menu-item > a i { color: var(--bl-primary); } #FRONTEND #side-nav-menu .menu-footer a { color: var(--bl-text-muted); } #FRONTEND #side-nav-menu .menu-footer a:hover { color: var(--bl-text); } /* Pin Settings / Log Out to the BOTTOM of the sidebar. * The theme floats `.menu-footer` right under the last menu item via a fixed * `margin-top: 70px`. Instead, make the sidebar + its