/* Site colours (teal #376e6f). */
:root{
--bde-background-color:var(--bg,#F7F7F0);--bde-body-text-color:var(--ink,#2B332A);
--bde-palette-color-1-8190ac66-3656-43eb-a2d0-187d8227d408:var(--primary,#526B4E);
--bde-palette-color-1-abdf761a-2ed5-44be-83e2-6709feec08b3:var(--primary,#526B4E);
--bde-palette-color-1-b91f56e8-e0c2-4181-b55d-c5d32e1c331e:var(--primary-hover,#354638);
--bde-palette-color-1-4b0e6cf1-e74e-49d1-8258-e4d44b756723:var(--ink-muted,#5f6f56);
--bde-palette-color-1-69d7bed7-d0a4-44a7-b7f0-8204508a630b:var(--tint,#e9f1f2);
--bde-palette-light-color-7bc68acf-a455-4760-8949-f8a663028f09-11:var(--tint,#e9f1f2);
--bde-palette-light-2-92d98fc3-0357-4a95-b66b-9d8e2fe58f1d-9:var(--tint-2,#e9f1f2);
--bde-palette-color-1-d6fcb0d0-4a88-400e-bdeb-5ec0c237e50d:var(--surface,#F5F4EC);
--bde-palette-color-1-30e78cf2-2c3d-482b-94f7-04e4f042a4e7:var(--accent,#B50000);
--bde-palette-color-1-3a8f810b-39b2-4e22-9fbf-dd2aaf4310af:var(--on-primary,#FFF);
--bde-palette-divider-color-388cc996-54e2-4a2d-8c44-3021f7ac8549-10:var(--border,#D2D8CC);
--bde-button-primary-text-color:var(--on-primary,#fff);--bde-button-primary-text-color-hover:var(--on-primary,#fff);--bde-button-secondary-text-color-hover:var(--on-primary,#fff);}

/* Variation 1: button colour #376e6f (white text 5.80:1). Hover is a darker shade of the same hue. */
:root{
--bde-button-primary-background-color:#376e6f;--bde-button-primary-background-color-hover:#2a5556;
--bde-button-secondary-border-color:#376e6f;--bde-button-secondary-border-color-hover:#376e6f;
--bde-button-secondary-text-color:#376e6f;--bde-button-secondary-background-color-hover:#376e6f;--bde-button-secondary-text-color-hover:#fff;}
/* Breakdance re-declares the button variables on the button itself, so set the colours on the elements too. */
.breakdance .button-atom--primary,.kncc-btn--primary,.kncc-btn--secondary{background:#376e6f}
.breakdance .button-atom--primary:hover,.kncc-btn--primary:hover,.kncc-btn--secondary:hover{background:#2a5556}
.breakdance .button-atom--secondary{border-color:#376e6f;color:#376e6f}
.breakdance .button-atom--secondary:hover{background:#376e6f;color:#fff}
#kncc-banner .kncc-btn,.kncc-btn.kncc-btn--primary,.kncc-btn.kncc-btn--secondary{background:#376e6f!important}
.kncc-btn.kncc-btn--primary:hover,.kncc-btn.kncc-btn--secondary:hover{background:#2a5556!important}

/* Hero band colour (owner request): fixed #376e6f; white text on it = 5.8:1 */
.breakdance .bde-preset-a49c09e8-2556-4b30-883b-5131038a35f7>.section-background-overlay{background:#376e6f}

/* Call-to-action band ("Feel free to get in touch") – same colour as hero, 5.8:1 with white text */
.breakdance .bde-preset-93d78d05-6ebe-41c6-885e-1e3e605683e8>.section-background-overlay{background:#376e6f}

/* h2 headings use the button colour #376e6f (5.4:1 on the page background, K7); on the teal bands they stay white. Cookie dialog excluded. */
.breakdance h2,.breakdance .bde-h2{color:#376e6f}
.breakdance .bde-preset-a49c09e8-2556-4b30-883b-5131038a35f7 h2,.breakdance .bde-preset-93d78d05-6ebe-41c6-885e-1e3e605683e8 h2{color:#fff}
#kncc-banner h2,[class*="kncc"] h2{color:var(--ink,#2b332a)}

/* the header sits on the teal hero, so give it the same solid colour (the checker then measures white on #376e6f = 5.8:1);
   the mobile menu panel uses it too instead of the old green. */
.home .breakdance header.bde-header-builder.bde-header-builder--overlay,.home.breakdance header.bde-header-builder.bde-header-builder--overlay{background-color:#376e6f}
.breakdance .bde-menu-22-106 .breakdance-menu{--menu-background:#376e6f}

/* on the home pages the header sits on the teal hero, so the language switcher is white there. Subpages keep their original header look. */
.home .breakdance .bde-header-builder .pll-switcher-label,.home.breakdance .bde-header-builder .pll-switcher-label{color:#fff}
/* h3 on the light tint was #64745b = 4.37:1 (needs 4.5). Use the button/heading colour #376e6f (about 5:1). White inside the teal bands, dark in the cookie dialog. */
.breakdance h3,.breakdance .bde-h3{color:#376e6f}
.breakdance .bde-preset-a49c09e8-2556-4b30-883b-5131038a35f7 h3,.breakdance .bde-preset-93d78d05-6ebe-41c6-885e-1e3e605683e8 h3{color:#fff}
#kncc-banner h3,[class*="kncc"] h3{color:var(--ink,#2b332a)}
/* keyboard: the spam-trap field is invisible (opacity 0, 0x0) but could still be tabbed into; take it out of focus and the accessibility tree. */
.breakdance-form-field:has(#hpname){visibility:hidden}