/* * Roots Landscaping — design tokens & base resets. * Mirrors the "Earth & Rust" palette and base rules from the original * React/Tailwind build (index.css). These custom properties are for * reference/documentation; Elementor's own controls (Global Colors/Fonts) * are set to the same values in Site Settings so the visual editor stays * in sync with this file. */ /* Elementor's Kit generates `.elementor-widget:not(:last-child){ --kit-widget-spacing:20px;}` unconditionally, hardcoded, regardless of the Kit's own "Space Between Widgets" control (confirmed: setting that control to 0 via postmeta + a full CSS regen made no difference to this specific rule). This var feeds `margin-block-end: var(--kit-widget- spacing, 20px)` on every non-last widget, which was silently ADDING 20px on top of every widget's own explicit margin-bottom throughout the entire site — e.g. the "Full Service Landscaping Package" card's text column measured 90px taller than source because of this stacking across its 4 widgets. Since every widget on this site already has an explicit, source-accurate margin set, this auto-spacing is pure double-counting — zero it out globally. */ .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px !important; } :root { --rl-background: #FFF7ED; --rl-foreground: #431407; --rl-border: #FFEDD5; --rl-primary: #9A3412; --rl-primary-hover: #431407; --rl-secondary: #EA580C; --rl-secondary-hover: #C2410C; --rl-muted: #FED7AA; --rl-accent: #FB923C; --rl-dark-surface: #1C0800; --rl-gray-600: #4B5563; --rl-gray-700: #374151; --rl-gray-400: #9CA3AF; --rl-bronze: #CD7F32; --rl-bronze-hover: #B87333; --rl-gold: #F59E0B; --rl-gold-hover: #D97706; --rl-font-sans: 'Inter', sans-serif; --rl-radius-xl: 12px; --rl-radius-2xl: 16px; --rl-radius-3xl: 24px; --rl-radius-full: 9999px; --rl-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05); --rl-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); --rl-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); --rl-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); --rl-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25); } /* Base reset — this theme has no parent (unlike the old hello-elementor child theme setup) so it must supply its own baseline instead of inheriting the browser UA stylesheet's default body margin/box-sizing. */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--rl-font-sans); background-color: var(--rl-background); color: var(--rl-foreground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; } /* Elementor's heading/text-editor widgets output raw semantic HTML (

, ,