/** * Global footer — "Executive Prestige" slim bar (site-wide). * * Layout/background/border colors are set via native Elementor settings * and Global Color references in _elementor_data (see class-rb-elementor.php * comment); this file only adds what those controls can't express: the * circular logo crop, uppercase/letter-spaced type treatment, and a gold * link-hover state. * * Cascade correction (Phase 25): Elementor's own site-wide Kit CSS emits * `.elementor-kit-{id} a { color: }` (generated, * regenerated on every Kit save — never hand-edit it). That rule targets * `` elements directly, so it wins over whatever color an ANCESTOR * Elementor widget/container has been given (via its own Global Color * picker or Custom CSS) for any widget — like the plain Text Editor * widgets used here — whose raw HTML content contains `` tags: CSS * inheritance only supplies a property when no rule explicitly targets * the element itself, and the Kit's `a` rule always does. Confirmed live: * both footer widgets already had an explicit Elementor color configured * (nav → Global Color "rb_white"; legal → "rb_border") that was being * silently discarded for exactly this reason. * `footer.elementor-location-footer a` restores normal inheritance for * anchors inside Elementor Pro's footer Theme-Builder-location wrapper * only (scoped to the footer, not site-wide) — `color: inherit` reads * whatever color cascade Elementor has already resolved on the anchor's * own ancestor chain (widget global-color setting, container background * section, etc.), so any color an editor picks in Elementor keeps * winning without this file ever hardcoding what that color should be. * Specificity (0,1,2) beats the Kit rule's (0,1,1) outright — a real * margin, not a tie broken by load order (`footer-1c.css` currently * loads BEFORE the Kit's generated stylesheet in ``, so an * equal-specificity rule here would still lose to the Kit's on source * order alone). No `!important`; nothing here overrides Elementor — it * only stops an Elementor-external rule from overriding Elementor. */ footer.elementor-location-footer a { color: inherit; } .rb-footer-1c__logo img { border-radius: 50%; } .rb-footer-1c__wordmark, .rb-footer-1c__wordmark .elementor-heading-title { margin: 0; font-family: var(--rb-font-display); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.18em; } .rb-footer-1c__nav { display: flex; flex-wrap: wrap; gap: 28px; } /* Primary footer navigation — heading/menu typography token. */ .rb-footer-1c__nav a { font-family: var(--rb-font-display); font-size: 11px; text-transform: uppercase; letter-spacing: 0.18em; text-decoration: none; transition: color 0.15s ease; } .rb-footer-1c__legal, .rb-footer-1c__legal p { margin: 0; font-family: var(--rb-font-body); font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; } /* Privacy Policy / Terms of Service are navigational links within the legal line — heading/menu token, same as the primary nav above; the surrounding copyright copy above keeps the body token. */ .rb-footer-1c__legal a { font-family: var(--rb-font-display); text-decoration: none; transition: color 0.15s ease; } .rb-footer-1c__nav a:hover, .rb-footer-1c__legal a:hover { color: var(--e-global-color-accent); } @media (max-width: 767px) { .rb-footer-1c__nav { justify-content: center; } .rb-footer-1c__legal, .rb-footer-1c__legal p { text-align: center; } }