.elementor-68 .elementor-element.elementor-element-9670b04{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-2979c4c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-42600ba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-30022be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-dd5b17c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-84ce41d *//* =============================================
   SECTION 3 — SERVICES GRID
   ============================================= */

.section--gray {
  background: var(--gray-50);
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* CARD */

.service-card {
  position: relative;

  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 22px;

  padding: 28px 24px;
  overflow: hidden;

  transition: all 0.25s ease;

  display: flex;
  flex-direction: column;
  gap: 14px;

  text-decoration: none;
}

.service-card::before {
  content: '';
  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 3px;

  background: linear-gradient(
    90deg,
    var(--orange),
    var(--blue)
  );

  opacity: 0;
  transition: opacity 0.25s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(15,23,42,0.1);
  border-color: rgba(249,115,22,0.2);
}

.service-card:hover::before {
  opacity: 1;
}

/* FEATURED CARD */

.service-card--featured {
  background: linear-gradient(
    135deg,
    var(--dark) 0%,
    #162033 100%
  );

  border-color: transparent;

  grid-column: span 2;

  color: var(--white);

  flex-direction: row;
  align-items: start;
  gap: 32px;
}

/* ICON */

.service-icon {
  flex-shrink: 0;

  width: 52px;
  height: 52px;
  border-radius: 16px;

  background: linear-gradient(
    135deg,
    rgba(249,115,22,0.15),
    rgba(11,116,188,0.1)
  );

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 24px;
}

.service-card--featured .service-icon {
  background: rgba(249,115,22,0.2);
}

/* CONTENT */

.service-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.service-tag {
  display: inline-flex;
  align-items: center;

  padding: 3px 10px;
  border-radius: 100px;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;

  background: rgba(11,116,188,0.08);
  color: var(--blue);

  width: fit-content;
}

.service-card--featured .service-tag {
  background: rgba(249,115,22,0.2);
  color: #fdba74;
}

.service-title {
  font-size: 20px;
  font-weight: 900;
  color: var(--dark);

  letter-spacing: -0.015em;
  line-height: 1.15;
}

.service-card--featured .service-title {
  color: var(--white);
  font-size: 24px;
}

.service-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;

  color: var(--gray-600);
}

.service-card--featured .service-desc {
  color: rgba(255,255,255,0.75);
}

/* LINK */

.service-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  width: fit-content;

  font-size: 13px;
  font-weight: 800;

  color: var(--blue);

  text-decoration: none;

  border-bottom: 1px solid rgba(11,116,188,0.25);

  transition: all 0.2s ease;

  margin-top: 4px;
}

.service-link:hover {
  color: var(--orange);
  border-bottom-color: rgba(249,115,22,0.4);
}

.service-card--featured .service-link {
  color: #fdba74;

  border-bottom-color: rgba(249,115,22,0.3);

  background: rgba(249,115,22,0.12);
  border: 1px solid rgba(249,115,22,0.25);

  padding: 10px 18px;
  border-radius: 999px;

  margin-top: 8px;
}

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

@media (max-width: 1024px) {

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-card--featured {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {

  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-card--featured {
    grid-column: auto;
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   MOLD PAGES — GREEN COLOR OVERRIDE
   Paste into: Elementor > Site Settings > Custom CSS
   OR: Appearance > Additional CSS
   Covers /mold/ and /mold-remediation/ and all mold sub-pages
   ============================================================ */

/* ── VARIABLES ─────────────────────────────────────────────── */
:root {
  --mold-green:      #16a34a;
  --mold-green-dark: #15803d;
  --mold-teal:       #0d9488;
  --mold-green-bg:   #f0fdf4;
  --mold-green-dark-bg: #052e16;
}

/* ── HERO ───────────────────────────────────────────────────── */
.hero .hero-badge {
  background: rgba(22,163,74,0.18) !important;
  border-color: rgba(22,163,74,0.35) !important;
  color: #86efac !important;
}
.hero .hero-badge::before {
  background: #16a34a !important;
  box-shadow: 0 0 8px rgba(22,163,74,0.7) !important;
}
.hero .hero-h1 em { color: #4ade80 !important; }
.hero .hero-desc { border-left-color: #16a34a !important; }
.hero .hero-tag {
  background: rgba(22,163,74,0.1) !important;
  border-color: rgba(22,163,74,0.2) !important;
  color: #86efac !important;
}
.hero .hero-tag:hover {
  background: rgba(22,163,74,0.2) !important;
  color: #ffffff !important;
}
.hero .btn-primary {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 24px rgba(22,163,74,0.35) !important;
}
.hero .btn-primary:hover {
  box-shadow: 0 12px 32px rgba(22,163,74,0.45) !important;
}
.hero .hero-card { border-top: 4px solid #16a34a !important; }
.hero .card-eyebrow { color: #16a34a !important; }
.hero .card-cta {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 20px rgba(22,163,74,0.3) !important;
}
.hero .card-list li::before { background: #16a34a !important; }
.hero .sticky-label { color: #16a34a !important; }
.hero .sticky-btn {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 6px 18px rgba(22,163,74,0.3) !important;
}

/* ── SECTION LABELS & H2 SPANS ──────────────────────────────── */
.section-label { color: #16a34a !important; }
.section-label::before { background: #16a34a !important; }
.section-h2 span { color: #0d9488 !important; }

/* ── PROCESS STEPS ──────────────────────────────────────────── */
.section { background: #f0fdf4 !important; }
.section--light { background: #ffffff !important; }
.step-number { color: #bbf7d0 !important; }
.step-card::before {
  background: linear-gradient(90deg, #16a34a, #0d9488) !important;
}
.step-card:hover {
  box-shadow: 0 16px 48px rgba(22,163,74,0.12) !important;
}

/* ── STAT BAR ───────────────────────────────────────────────── */
.stat-num { color: #16a34a !important; }

/* ── WHY CARDS ──────────────────────────────────────────────── */
.why-card:hover {
  border-color: rgba(22,163,74,0.25) !important;
}
.why-desc a,
.why-desc a:visited { color: #15803d !important; border-bottom-color: rgba(22,163,74,0.3) !important; }
.why-desc a:hover { color: #0d9488 !important; }

/* ── SERVICE CARDS ──────────────────────────────────────────── */
.service-tag {
  background: rgba(22,163,74,0.1) !important;
  color: #15803d !important;
}
.service-card--featured .service-tag {
  background: rgba(22,163,74,0.2) !important;
  color: #86efac !important;
}
.service-card::before {
  background: linear-gradient(90deg, #16a34a, #0d9488) !important;
}
.service-card:hover { border-color: rgba(22,163,74,0.2) !important; }
.service-link {
  color: #15803d !important;
  border-bottom-color: rgba(22,163,74,0.3) !important;
}
.service-card:hover .service-link { color: #0d9488 !important; }
.service-card--featured .service-link {
  color: #86efac !important;
  background: rgba(22,163,74,0.12) !important;
  border-color: rgba(22,163,74,0.25) !important;
}
.service-card--featured .service-link:hover {
  background: rgba(22,163,74,0.2) !important;
  color: #ffffff !important;
}

/* ── CONTENT BODY ───────────────────────────────────────────── */
.content-block-number {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
}
.content-block ul li::before { background: #16a34a !important; }
.content-block a,
.content-block a:visited,
.content-intro-text a,
.content-intro-text a:visited {
  color: #15803d !important;
  border-bottom-color: rgba(22,163,74,0.3) !important;
}
.content-block a:hover,
.content-intro-text a:hover {
  color: #0d9488 !important;
  border-bottom-color: rgba(13,148,136,0.4) !important;
}

/* ── FLORIDA LAW BOX ────────────────────────────────────────── */
.law-box {
  background: linear-gradient(135deg, #166534 0%, #0f172a 100%) !important;
}
.law-eyebrow { color: #86efac !important; }
.law-body a {
  color: #86efac !important;
  border-bottom-color: rgba(134,239,172,0.3) !important;
}
.law-card-badge {
  background: rgba(22,163,74,0.25) !important;
  color: #86efac !important;
}

/* ── SIDEBAR ────────────────────────────────────────────────── */
.sidebar-card {
  background: #052e16 !important;
  border-top: 3px solid #16a34a !important;
}
.sidebar-card-label { color: #86efac !important; }
.sidebar-card-cta {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 20px rgba(22,163,74,0.35) !important;
}
.sidebar-trust {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}
.trust-check { background: #16a34a !important; }
.sidebar-county-phone,
.sidebar-county-phone:visited { color: #15803d !important; }
.sidebar-county-phone:hover { color: #0d9488 !important; }
.sidebar-service-link:hover {
  border-color: rgba(22,163,74,0.3) !important;
  background: rgba(22,163,74,0.04) !important;
}
.sidebar-service-link:hover .sidebar-service-arrow { color: #16a34a !important; }
.sidebar-gbp:hover { border-color: rgba(22,163,74,0.3) !important; }
.sidebar-gbp:hover .sidebar-gbp-arrow { color: #16a34a !important; }

/* ── INLINE CTA & BOTTOM CTA ────────────────────────────────── */
.inline-cta {
  background: linear-gradient(135deg, #052e16 0%, #14532d 100%) !important;
}
.inline-cta-btn {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 6px 16px rgba(22,163,74,0.35) !important;
}
.cta-section,
.bottom-cta {
  background: linear-gradient(135deg, #052e16 0%, #14532d 50%, #065f46 100%) !important;
}
.cta-section-primary,
.bottom-cta-primary {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 8px 24px rgba(22,163,74,0.4) !important;
}
.cta-section-primary:hover,
.bottom-cta-primary:hover {
  box-shadow: 0 12px 32px rgba(22,163,74,0.5) !important;
}

/* ── WHY CHOOSE WFR BLOCK ───────────────────────────────────── */
.wfr-why {
  background:
    radial-gradient(circle at top left, rgba(22,163,74,0.1), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%) !important;
}
.wfr-why__eyebrow {
  background: rgba(22,163,74,0.1) !important;
  color: #15803d !important;
}
.wfr-why__highlight strong { color: #16a34a !important; }
.wfr-why__card--main {
  background:
    linear-gradient(135deg, rgba(2,44,24,0.95), rgba(5,78,43,0.92)),
    url("https://waterfloodsrestoration.com/wp-content/uploads/2020/09/mold_remediation2-scaled.jpg")
    center center / cover no-repeat !important;
}
.wfr-why__card--cta {
  background: linear-gradient(135deg, #052e16 0%, #166534 52%, #15803d 100%) !important;
}
.wfr-why__card--cta a {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 14px 28px rgba(22,163,74,0.35) !important;
  color: #ffffff !important;
}
.wfr-why__card a,
.wfr-why__card a:visited { color: inherit !important; }

/* ── FAQ ────────────────────────────────────────────────────── */
.faq-section { background: #f0fdf4 !important; }
.faq-title span { color: #0d9488 !important; }
.faq-note {
  background: rgba(22,163,74,0.06) !important;
  border-color: rgba(22,163,74,0.2) !important;
  border-left-color: #16a34a !important;
}
.faq-cta {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 6px 20px rgba(22,163,74,0.3) !important;
}
.faq-item.is-open {
  border-color: rgba(22,163,74,0.3) !important;
  box-shadow: 0 4px 20px rgba(22,163,74,0.08) !important;
}
.faq-q:hover { background: #f0fdf4 !important; }
.faq-item.is-open .faq-q { background: rgba(22,163,74,0.04) !important; }
.faq-item.is-open .faq-num {
  background: linear-gradient(135deg, #16a34a, #0d9488) !important;
  color: #ffffff !important;
}
.faq-item.is-open .faq-toggle { background: #16a34a !important; }
.faq-answer a,
.faq-answer a:visited {
  color: #15803d !important;
  border-bottom-color: rgba(22,163,74,0.3) !important;
}
.faq-answer a:hover {
  color: #0d9488 !important;
  border-bottom-color: rgba(13,148,136,0.4) !important;
}
.faq-category {
  background: rgba(22,163,74,0.1) !important;
  color: #15803d !important;
}

/* ── MOBILE STICKY BAR ──────────────────────────────────────── */
.wfr-sticky-label,
.sticky-label { color: #16a34a !important; }
.wfr-sticky-btn,
.sticky-btn {
  background: linear-gradient(135deg, #16a34a 0%, #0d9488 100%) !important;
  box-shadow: 0 6px 18px rgba(22,163,74,0.3) !important;
}

/* ── GENERAL LINK FALLBACK ──────────────────────────────────── */
/* Catches any theme-injected blue on <a> tags inside mold sections */
.hero a:not(.btn-primary):not(.btn-ghost):not(.card-cta):not(.hero-tag) { color: #15803d !important; }/* End custom CSS */