.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --primary-teal:#2a9d8f; --teal-dark:#1f7a6e; --teal-light:#e8f7f5; --accent-gold:#e9c46a; --navy-dark:#0f2b3d; --soft-bg:#f7fbfa; --text-dark:#2c3e35; --text-muted:#6b7d75; }
/* Start custom CSS *//* --- Site-Wide Brand Typography & Logo Unification (Active Kit Global CSS) --- */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    /* =========================================================================
       DYNAMIC ELEMENTOR SITE SETTINGS BRIDGE
       Links to Elementor's visual settings with Lora & Poppins as fallbacks.
       ========================================================================= */
    --font-heading: var(--e-global-typography-primary-font-family, 'Lora', Georgia, serif);
    --font-body: var(--e-global-typography-text-font-family, 'Poppins', Helvetica, Arial, sans-serif);
}

/* 1. Global Baseline Reset to Brand Body Font */
body, 
p, 
li:not(.fa):not([class*="fa"]), 
a:not(.fa):not([class*="fa"]), 
span:not(.fa):not([class*="fa"]), 
button, input, select, textarea,
.elementor-text-editor,
.elementor-text-editor *,
.elementor-button,
.elementor-button *,
.elementor-icon-list-text,
.cleanu-main-menu,
.nav-link,
.menu-item,
[class*="desc"],
[class*="content"],
[class*="text"] {
    font-family: var(--font-body) !important;
}

/* 2. Headings, Titles, and Headlines: Brand Heading Font */
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
.elementor-heading-title,
.elementor-slide-heading,
.slider-title,
.service-title,
.workprocess-title,
.choose-title,
[class*="title"],
[class*="heading"] {
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
}

/* Ensure Links inside titles inherit Brand Heading Font and keep bold weight */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
[class*="title"] a,
[class*="heading"] a {
    font-family: var(--font-heading) !important;
    font-weight: 600 !important;
}

/* GORGEOUS MULTI-WEIGHT EFFECT: Spans inside headings are styled with a lighter, elegant weight */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
[class*="title"] span,
[class*="heading"] span {
    font-family: var(--font-heading) !important;
    font-weight: 300 !important;
    display: block;
    margin-top: 0.5rem;
    opacity: 0.9;
}

/* 3. Re-assert Icon Library Font Families to Prevent Override Pollution */
.fa, .fas, .far, .fal, .fab, .fad, .glyphicon {
    font-family: "Font Awesome 5 Free" !important;
}
.ti {
    font-family: 'themify' !important;
}

/* 4. Brand Logo Override (Modern CSS Image Replacement) */
img.logo,
.logo img,
.navbar-brand img,
.navbar-header img,
.logo-display,
.logo-scrolled {
    content: url("https://sparrcleaning.com/wp-content/uploads/2023/08/logo-black-long-trans-scaled.png") !important;
    max-height: 48px !important;
    width: auto !important;
}/* End custom CSS */