.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#D81C3F;--e-global-color-text:#000000;--e-global-color-accent:#D81C3F;--e-global-color-f46ab82:#D81C3F;--e-global-color-006e162:#FFFFFF;--e-global-color-48f6b8e:#99999B;--e-global-color-fe170bb:#FFCDD6;--e-global-color-8e6da8a:#FFF8F9;--e-global-color-6f6357a:#60605B;--e-global-typography-primary-font-family:"Merriweather";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--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){margin-block-end: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;}}/* Start custom CSS *//* ============================================
   INTERIM STAFFING 2025 BRAND CSS OVERRIDES
   Paste in: Elementor → Site Settings → Custom CSS
   OR: Appearance → Customize → Additional CSS
   ============================================ */

/* --- Google Font Import (Albert Sans) --- */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;600;800&display=swap');

/* --- Brand Color Variables --- */
:root {
  --community-red:   #6e0f2d;
  --care-red:        #b9193c;
  --empathy-red:     #f03c3c;
  --resident-navy:   #173766;
  --slate-grey:      #6e788a;
  --cloud-grey:      #b1bccf;
  --healing-blue:    #0d77b4;
  --sunrise-orange:  #f5833c;
}

/* ============================================
   GLOBAL TYPOGRAPHY — REVISED
   ============================================ */

body,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
p, li, td {
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 400;
  line-height: 1.65;
  /* Removed global color — let each section control its own */
}

/* Slate grey ONLY on white/light backgrounds */
.elementor-section:not([style*="#6e0f2d"]):not([style*="#b9193c"]) p,
.elementor-section:not([style*="#6e0f2d"]):not([style*="#b9193c"]) li,
.elementor-section:not([style*="#6e0f2d"]):not([style*="#b9193c"]) span {
  color: var(--slate-grey);
}

/* ============================================
   NAVIGATION
   ============================================ */

/* Nav bar background */
.elementor-nav-menu,
header.elementor-section,
.e-con.elementor-section--handles-inside,
#masthead,
.site-header {
  background-color: #ffffff !important;
  border-bottom: 3px solid var(--community-red);
}

/* Nav links */
.elementor-nav-menu a,
.elementor-nav-menu--main .elementor-item {
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 600 !important;
  color: var(--community-red) !important;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 0.01em;
}

.elementor-nav-menu a:hover,
.elementor-nav-menu--main .elementor-item:hover {
  color: var(--care-red) !important;
}

/* ============================================
   BUTTONS — ALL VARIANTS
   ============================================ */

/* Primary CTA button */
.elementor-button,
.elementor-button-link,
a.elementor-button {
  background-color: var(--care-red) !important;
  color: #ffffff !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px;
  letter-spacing: 0.02em;
  border-radius: 6px !important;
  padding: 14px 32px !important;
  border: none !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.elementor-button:hover,
.elementor-button-link:hover {
  background-color: var(--community-red) !important;
  transform: translateY(-2px);
}

/* Outline/ghost button variant — add class "btn-outline" in Elementor */
.elementor-button.btn-outline {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.elementor-button.btn-outline:hover {
  background-color: #ffffff !important;
  color: var(--community-red) !important;
}



/* ============================================
   SECTION BACKGROUNDS (alternating)
   ============================================ */

/* Light grey sections */
.elementor-section.bg-cloud,
section.bg-cloud {
  background-color: #f5f6f8 !important; /* near-white cloud grey */
}

/* Deep red sections */
.elementor-section.bg-brand,
section.bg-brand {
  background-color: var(--community-red) !important;
}

.elementor-section.bg-brand .elementor-heading-title,
.elementor-section.bg-brand h2,
.elementor-section.bg-brand h3 {
  color: #ffffff !important;
}

.elementor-section.bg-brand p,
.elementor-section.bg-brand .elementor-widget-text-editor p {
  color: rgba(255,255,255,0.85) !important;
}

/* ============================================
   CARDS / ICON BOXES
   ============================================ */

.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title a {
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 600;
  color: var(--community-red) !important;
}

.elementor-widget-icon-box .elementor-icon {
  color: var(--empathy-red) !important;
}

.elementor-widget-icon-box .elementor-icon-box-description {
  color: var(--slate-grey) !important;
}

/* ============================================
   FOOTER
   ============================================ */

footer,
.elementor-location-footer,
#colophon {
  background-color: var(--community-red) !important;
}

footer p,
footer span,
footer li,
footer a,
.elementor-location-footer p,
.elementor-location-footer a {
  color: rgba(255,255,255,0.8) !important;
  font-family: 'Albert Sans', sans-serif !important;
}

footer a:hover,
.elementor-location-footer a:hover {
  color: #ffffff !important;
}

footer h3,
footer h4,
.elementor-location-footer h3,
.elementor-location-footer h4 {
  color: #ffffff !important;
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 800;
}

/* Social icons in footer */
footer .elementor-social-icon,
.elementor-location-footer .elementor-social-icon {
  background-color: var(--empathy-red) !important;
}

/* ============================================
   DIVIDERS & ACCENTS
   ============================================ */

.elementor-divider-separator {
  border-color: var(--care-red) !important;
}

/* Call-out / stat numbers */
.elementor-counter-number,
.elementor-widget-counter .elementor-counter-number-wrapper {
  font-family: 'Albert Sans', sans-serif !important;
  font-weight: 800;
  color: var(--community-red);
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
  h1, h1.elementor-heading-title {
    font-size: 2rem;
  }
  h2, h2.elementor-heading-title {
    font-size: 1.5rem;
  }
  .elementor-button,
  a.elementor-button {
    width: 100%;
    text-align: center;
  }
}
/* ============================================
   TEXT ON DARK/RED BACKGROUNDS — READABILITY FIX
   ============================================ */

/* Footer — force white text */
footer p,
footer span,
footer li,
footer a,
footer h1,
footer h2,
footer h3,
footer h4,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer li,
.elementor-location-footer a,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer .elementor-widget-text-editor p {
  color: #ffffff !important;
}

/* Buttons — always white text regardless of background */
.elementor-button,
.elementor-button-link,
.elementor-button .elementor-button-text,
a.elementor-button,
a.elementor-button span {
  color: #ffffff !important;
}

/* Any section with a red/dark background color set in Elementor */
[style*="background-color: rgb(110, 15, 45)"] p,
[style*="background-color: rgb(110, 15, 45)"] span,
[style*="background-color: rgb(110, 15, 45)"] li,
[style*="background-color: rgb(185, 25, 60)"] p,
[style*="background-color: rgb(185, 25, 60)"] span,
[style*="background-color: rgb(240, 60, 60)"] p,
[style*="background-color: rgb(240, 60, 60)"] span {
  color: #ffffff !important;
}

/* Hero area — if it has a red background image or color */
.elementor-section.elementor-section-boxed .elementor-heading-title,
section[style*="background"] h1,
section[style*="background"] h2 {
  color: inherit;
}
/* ============================================
   WHITE TEXT ON ALL RED/DARK BACKGROUNDS — FIX
   ============================================ */

/* Elementor sets background via inline style — match hex variants */
[style*="background-color:#6e0f2d"] p,
[style*="background-color: #6e0f2d"] p,
[style*="background-color:#b9193c"] p,
[style*="background-color: #b9193c"] p,
[style*="background-color:#f03c3c"] p,
[style*="background-color: #f03c3c"] p,
[style*="background-color:#6e0f2d"] span,
[style*="background-color: #6e0f2d"] span,
[style*="background-color:#b9193c"] span,
[style*="background-color: #b9193c"] span,
[style*="background-color:#6e0f2d"] li,
[style*="background-color: #6e0f2d"] li,
[style*="background-color:#6e0f2d"] .elementor-heading-title,
[style*="background-color: #6e0f2d"] .elementor-heading-title,
[style*="background-color:#b9193c"] .elementor-heading-title,
[style*="background-color: #b9193c"] .elementor-heading-title,
[style*="background-color:#f03c3c"] .elementor-heading-title,
[style*="background-color: #f03c3c"] .elementor-heading-title {
  color: #ffffff !important;
}

/* Also catch child elements nested deeper inside red sections */
[style*="background-color:#6e0f2d"] .elementor-widget-container *,
[style*="background-color: #6e0f2d"] .elementor-widget-container *,
[style*="background-color:#b9193c"] .elementor-widget-container *,
[style*="background-color: #b9193c"] .elementor-widget-container *,
[style*="background-color:#f03c3c"] .elementor-widget-container *,
[style*="background-color: #f03c3c"] .elementor-widget-container * {
  color: #ffffff !important;
}
/* ============================================
   HERO SECTION (.intro) — WHITE TEXT FIX
   ============================================ */

.intro,
.intro p,
.intro span,
.intro li,
.intro h1,
.intro h2,
.intro h3,
.intro h4,
.intro .elementor-heading-title,
.intro .elementor-widget-container,
.intro .elementor-widget-container * {
  color: #ffffff !important;
}/* End custom CSS */