/* multi-import:brand-layer:start - managed by Tools > Multi Import; edits inside are replaced on re-import */
/* Ottawan Landscapers - overrides.css
   Only documented tokens (build-client-zip references/style.md) plus a few safe rules.
   Brand: Lexend headings, green palette - primary #2e7d32, deep #1b5e20,
   warm earth tertiary, soft green-tinted surfaces. */

/* 1. Self-hosted fonts (shipped in styles/assets/fonts/, installed to assets/dist/fonts/).
   Lexend for headings, Nunito Sans for body/UI. */
@font-face{font-family:'Lexend';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/lexend-600.woff2') format('woff2');}
@font-face{font-family:'Lexend';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/lexend-700.woff2') format('woff2');}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/nunito-sans-400.woff2') format('woff2');}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/nunito-sans-600.woff2') format('woff2');}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/nunito-sans-700.woff2') format('woff2');}

:root{
  /* Fonts - Lexend on headings, Nunito Sans on body/UI */
  --typography-family-heading:'Lexend', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --typography-family-main:'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --typography-family-paragraph:'Nunito Sans', system-ui, -apple-system, sans-serif;
  --typography-weight-heading:700;
  --typography-heading-letter-spacing:-0.01em;

  /* Brand hues - recolour primary/accent/links via aliases */
  --color-sienna:#2e7d32;        /* forest green */
  --color-sienna-deep:#1b5e20;   /* deep green for hover/emphasis */
  --color-canadian-red:#6d4c41;  /* warm earth-brown for narrow accents/badges */

  /* Direct role pins */
  --color-primary:#2e7d32;
  --color-secondary:#1b5e20;
  --color-tertiary:#6d4c41;
  --color-accent:#2e7d32;
  --color-accent-hover:#1b5e20;
  --color-link-text:#2e7d32;
  --color-link-text-hover:#1b5e20;

  /* Surfaces and ink - white paper over soft green-tinted off-whites, deep green-black ink */
  --color-paper:#ffffff;
  --color-paper-tint:#f4f8f2;
  --color-paper-deep:#e7efe3;
  --color-rule:#d6e2d0;
  --color-ink:#182119;
  --color-ink-soft:#54615A;
}

/* Page background - soft leafy off-white so the greens read as the accent */
body{background:#f7faf4;}

/* Scrollbars in the brand green (Firefox + WebKit) */
html,*{scrollbar-width:thin;scrollbar-color:#2e7d32 #e7efe3;}
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-track{background:#e7efe3;}
::-webkit-scrollbar-thumb{
  background:linear-gradient(#2e7d32,#1b5e20);
  border:3px solid #e7efe3;
  border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(#1b5e20,#0f3d13);}
::-webkit-scrollbar-corner{background:#e7efe3;}

/* Keep hero/CTA headings light on the dark brand background */
.block-cta-banner :is(h1,h2,h3){color:var(--color-on-primary);}

/* CTA banner - "grass in the block".
   Deep lawn-green banner with faint mowing stripes, and a grass-blade fringe
   growing along the bottom edge. The theme's decorative fringe spans are the
   hooks: top is hidden, bottom becomes the grass strip (inline SVG tile). */
.cta-banner{
  position:relative;
  overflow:hidden;
  background:
    repeating-linear-gradient(100deg,
      rgba(255,255,255,0.045) 0 56px, rgba(0,0,0,0.055) 56px 112px),
    linear-gradient(180deg, #1e6423 0%, #2e7d32 70%, #35843a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -4px 14px rgba(0,0,0,.28);
  padding-bottom:4.5rem;
}
.cta-banner-fringe-top{display:none;}
.cta-banner-fringe-bottom{
  display:block;
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:52px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%2252%22%20viewBox%3D%220%200%20160%2052%22%3E%3Crect%20y%3D%2246%22%20width%3D%22160%22%20height%3D%226%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M0.2%2052%20C1.1%2039.0%20-2.7%2031.8%20-2.2%2028.3%20C-1.7%2031.8%202.9%2039.0%203.8%2052%20Z%22%20fill%3D%22%233f9142%22%2F%3E%3Cpath%20d%3D%22M7.8%2052%20C8.8%2042.7%2010.3%2037.7%2010.8%2035.2%20C11.3%2037.7%2010.8%2042.7%2011.8%2052%20Z%22%20fill%3D%22%234caf50%22%2F%3E%3Cpath%20d%3D%22M13.2%2052%20C13.8%2037.1%208.8%2029.0%209.3%2025.0%20C9.8%2029.0%2015.0%2037.1%2015.6%2052%20Z%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M17.4%2052%20C18.3%2035.0%2024.0%2025.7%2024.5%2021.0%20C25.0%2025.7%2020.0%2035.0%2020.9%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M25.4%2052%20C26.4%2034.8%2025.7%2025.4%2026.2%2020.7%20C26.7%2025.4%2028.5%2034.8%2029.5%2052%20Z%22%20fill%3D%22%233f9142%22%2F%3E%3Cpath%20d%3D%22M32.5%2052%20C33.4%2042.1%2032.7%2036.7%2033.2%2034.0%20C33.7%2036.7%2035.0%2042.1%2035.8%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M38.2%2052%20C39.1%2030.8%2035.6%2019.3%2036.1%2013.5%20C36.6%2019.3%2040.8%2030.8%2041.6%2052%20Z%22%20fill%3D%22%234caf50%22%2F%3E%3Cpath%20d%3D%22M44.8%2052%20C45.3%2035.3%2040.2%2026.1%2040.7%2021.6%20C41.2%2026.1%2046.5%2035.3%2047.1%2052%20Z%22%20fill%3D%22%234caf50%22%2F%3E%3Cpath%20d%3D%22M50.8%2052%20C51.6%2035.5%2055.2%2026.5%2055.7%2022.0%20C56.2%2026.5%2053.2%2035.5%2054.0%2052%20Z%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M56.5%2052%20C57.4%2040.2%2054.0%2033.8%2054.5%2030.5%20C55.0%2033.8%2059.3%2040.2%2060.2%2052%20Z%22%20fill%3D%22%233f9142%22%2F%3E%3Cpath%20d%3D%22M63.3%2052%20C64.2%2035.6%2069.1%2026.7%2069.6%2022.2%20C70.1%2026.7%2066.1%2035.6%2067.0%2052%20Z%22%20fill%3D%22%2366bb6a%22%2F%3E%3Cpath%20d%3D%22M70.8%2052%20C71.4%2043.1%2071.7%2038.2%2072.2%2035.8%20C72.7%2038.2%2072.7%2043.1%2073.3%2052%20Z%22%20fill%3D%22%2366bb6a%22%2F%3E%3Cpath%20d%3D%22M75.4%2052%20C76.3%2036.2%2071.2%2027.6%2071.7%2023.3%20C72.2%2027.6%2078.1%2036.2%2079.0%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M82.2%2052%20C83.1%2029.9%2081.2%2017.8%2081.7%2011.7%20C82.2%2017.8%2084.9%2029.9%2085.8%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M89.3%2052%20C89.9%2031.2%2084.8%2019.8%2085.3%2014.1%20C85.8%2019.8%2091.1%2031.2%2091.7%2052%20Z%22%20fill%3D%22%2366bb6a%22%2F%3E%3Cpath%20d%3D%22M95.1%2052%20C96.0%2033.3%2091.1%2023.2%2091.6%2018.1%20C92.1%2023.2%2097.8%2033.3%2098.7%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M103.8%2052%20C104.6%2030.7%20102.2%2019.1%20102.7%2013.3%20C103.2%2019.1%20106.1%2030.7%20106.8%2052%20Z%22%20fill%3D%22%2366bb6a%22%2F%3E%3Cpath%20d%3D%22M108.7%2052%20C109.3%2036.7%20105.4%2028.3%20105.9%2024.1%20C106.4%2028.3%20110.5%2036.7%20111.1%2052%20Z%22%20fill%3D%22%233f9142%22%2F%3E%3Cpath%20d%3D%22M113.8%2052%20C114.5%2039.6%20117.7%2032.8%20118.2%2029.4%20C118.7%2032.8%20116.0%2039.6%20116.8%2052%20Z%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M118.1%2052%20C119.1%2036.9%20120.2%2028.6%20120.7%2024.5%20C121.2%2028.6%20121.1%2036.9%20122.1%2052%20Z%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M126.6%2052%20C127.3%2039.7%20126.6%2033.0%20127.1%2029.6%20C127.6%2033.0%20128.8%2039.7%20129.5%2052%20Z%22%20fill%3D%22%23357a38%22%2F%3E%3Cpath%20d%3D%22M135.1%2052%20C135.7%2041.8%20132.0%2036.3%20132.5%2033.5%20C133.0%2036.3%20137.1%2041.8%20137.7%2052%20Z%22%20fill%3D%22%234caf50%22%2F%3E%3Cpath%20d%3D%22M139.6%2052%20C140.3%2030.6%20136.6%2018.9%20137.1%2013.1%20C137.6%2018.9%20141.6%2030.6%20142.3%2052%20Z%22%20fill%3D%22%234caf50%22%2F%3E%3Cpath%20d%3D%22M145.1%2052%20C146.1%2038.2%20147.4%2030.7%20147.9%2026.9%20C148.4%2030.7%20148.2%2038.2%20149.2%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M153.9%2052%20C154.7%2033.5%20157.8%2023.4%20158.3%2018.4%20C158.8%2023.4%20156.2%2033.5%20157.0%2052%20Z%22%20fill%3D%22%235cb860%22%2F%3E%3Cpath%20d%3D%22M159.8%2052%20C160.6%2037.7%20156.2%2029.9%20156.7%2026.0%20C157.2%2029.9%20162.4%2037.7%20163.2%2052%20Z%22%20fill%3D%22%233f9142%22%2F%3E%3C%2Fsvg%3E") repeat-x bottom left / 160px 52px;
  pointer-events:none;
}
/* keep copy and buttons above the grass */
.cta-banner-heading,.cta-banner-description,.cta-banner-buttons{position:relative;z-index:1;}

/* Remove the decorative connector element drawn between process steps. */
.process-step+.process-step::before{content:none;display:none;visibility:hidden;}
/* multi-import:brand-layer:end */