.elementor-51669 .elementor-element.elementor-element-2833597{--display:flex;}.elementor-51669 .elementor-element.elementor-element-eaa6252{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-b6dcce7 .elementor-heading-title{color:var( --e-global-color-5043e04 );}.elementor-51669 .elementor-element.elementor-element-78e136a{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-a18bd96{--display:flex;}.elementor-51669 .elementor-element.elementor-element-2db46d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-51669 .elementor-element.elementor-element-3636737{--display:flex;}.elementor-51669 .elementor-element.elementor-element-83d7692{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-fd21d2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-f92c473{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-2a126ce{--display:flex;}.elementor-51669 .elementor-element.elementor-element-f140b6c{--display:flex;}.elementor-51669 .elementor-element.elementor-element-c473aff{--display:flex;}.elementor-51669 .elementor-element.elementor-element-b5f87fd{--display:flex;}.elementor-51669 .elementor-element.elementor-element-a8ab50d{--display:flex;}.elementor-51669 .elementor-element.elementor-element-c056b65{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-1f53e19{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-6072e35{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-e52562c{--display:flex;}.elementor-51669 .elementor-element.elementor-element-c0cc302{--display:flex;}@media(max-width:1024px){.elementor-51669 .elementor-element.elementor-element-eaa6252{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-78e136a{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-2db46d4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-51669 .elementor-element.elementor-element-83d7692{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-fd21d2a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-f92c473{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-c056b65{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-1f53e19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-6072e35{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-51669 .elementor-element.elementor-element-2833597{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-3636737{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-a8ab50d{--content-width:1180px;}}@media(max-width:1024px) and (min-width:768px){.elementor-51669 .elementor-element.elementor-element-2833597{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-3636737{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-a8ab50d{--content-width:1180px;}}@media(max-width:767px){.elementor-51669 .elementor-element.elementor-element-2833597{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-eaa6252{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-78e136a{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-2db46d4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-51669 .elementor-element.elementor-element-3636737{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-83d7692{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-fd21d2a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-f92c473{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-a8ab50d{--content-width:1180px;}.elementor-51669 .elementor-element.elementor-element-c056b65{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-1f53e19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51669 .elementor-element.elementor-element-6072e35{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* Page Custom CSS for /pretreatment-product-webinar-nov-10/ (51669), approved board commit b273081.
   Classes go in each element's CSS Classes field. Container values written as --variables map to
   that container's own controls; the builder may set them there instead and drop the line here.
   Colours with no kit global are literals (recorded in TODO.md under the palette item):
   #FBFAF6 warm ground, #F0ECDD / #ECE8DA hairlines, #124A41 / #1B5A4E session tiles, #4FC3A9 dot.
   #0D3F37 comes from sc-band-dark (snippet 51811). */
/* Shared by options A, B and C. Values are the ones /about-us/ renders,
   read from the live page on 2026-10-19:
   ground #FBFAF6, tile hairline on it #F0ECDD, story-grid frame 13px / 12px pad / 10px gap,
   tiles 7px, G-950 band #0D3F37 (sc-band-dark), proof tile #124A41 on #1B5A4E,
   programme ramp #156F60 > #125F52 > #104F45 > #0D3F37,
   two-tone t2 Navy - MID on light, white at 62% on dark,
   eyebrow 11px / 500 / .08em uppercase with a 5px Green - PRIMARY dot. */

/* On body, not :root: the kit's --e-global-color-* live on the body class. */
body {
  --warm: #FBFAF6;
  --warm-line: #F0ECDD;
  --g950: #0D3F37;
  --g-tile: #124A41;
  --g-tile-line: #1B5A4E;
  --ramp1: #156F60; --ramp2: #125F52; --ramp3: #104F45; --ramp4: #0D3F37;
  --navy: var(--e-global-color-ca1199f);     /* Navy - HOVER #2C3547 */
  --mid: var(--e-global-color-3424e81);      /* Navy - MID #5A6478 */
  --text: var(--e-global-color-text);        /* #3B465A */
  --green: var(--e-global-color-primary);    /* Green - PRIMARY */
  --green-h: var(--e-global-color-82095d3);  /* Green - HOVER */
  --mint: var(--e-global-color-6c9324b);     /* Green - MID (pale mint) */
  --border: var(--e-global-color-6c0b5de);   /* Grey - BORDERS */
  --white: var(--e-global-color-5043e04);
}

/* Ground and band */
.elementor .elementor-element.mk-warm { background-color: var(--warm); }
.elementor .elementor-element.mk-white { background-color: var(--white); }
.elementor .elementor-element.sc-band-dark { background-color: var(--g950); }
.elementor .elementor-element.mk-sec { --padding-top: 120px; --padding-bottom: 120px; }

/* Eyebrow: the /about-us/ hero pill, as a page class */
.mk-eyebrow .elementor-heading-title {
  display: inline-flex; align-items: center; gap: 6px; width: max-content;
  padding: 3px 9px; border-radius: 999px; font-size: 11px; line-height: 1.4; font-weight: 500;
  letter-spacing: .08em; text-transform: uppercase; color: var(--mid);
  background-color: var(--e-global-color-accent); border: 1px solid var(--border); }
.mk-eyebrow .elementor-heading-title::before { content: ""; width: 5px; height: 5px; border-radius: 50%; flex: none; background: var(--green); }
.sc-band-dark .mk-eyebrow .elementor-heading-title, .mk-on-dark .mk-eyebrow .elementor-heading-title {
  color: rgba(255,255,255,.82); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); }
.sc-band-dark .mk-eyebrow .elementor-heading-title::before, .mk-on-dark .mk-eyebrow .elementor-heading-title::before { background: #4FC3A9; }

/* Type */
.mk-h1 .elementor-heading-title { font-size: 42px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; color: var(--navy); margin: 0; text-wrap: balance; }
.mk-h2 .elementor-heading-title { font-size: 36px; font-weight: 500; line-height: 1.2; letter-spacing: -.01em; color: var(--navy); margin: 0; text-wrap: balance; }
.mk-h3 .elementor-heading-title { font-size: 22px; font-weight: 500; line-height: 1.3; color: var(--navy); margin: 0; }
.elementor-heading-title .t2 { color: var(--mid); }
.sc-band-dark .elementor-heading-title, .mk-on-dark .elementor-heading-title { color: var(--white); }
.sc-band-dark .elementor-heading-title .t2, .mk-on-dark .elementor-heading-title .t2 { color: rgba(255,255,255,.62); }
.mk-lead { font-size: 19px; font-weight: 300; line-height: 1.8; color: var(--mid); max-width: 600px; }
.mk-lead p { margin: 0 0 14px; } .mk-lead p:last-child { margin: 0; }
.mk-body { font-size: 16px; font-weight: 300; line-height: 1.7; color: var(--text); }
.mk-body p { margin: 0; }
.sc-band-dark .mk-lead, .sc-band-dark .mk-body { color: rgba(255,255,255,.78); }
.mk-small { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--mid); }
.mk-small p { margin: 0; }
.sc-band-dark .mk-small { color: rgba(255,255,255,.7); }
.mk-label { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mid); }

/* Story-grid frame and tiles */
.elementor .elementor-element.mk-frame { border: 1px solid var(--warm-line); border-radius: 13px; padding: 12px; --gap: 10px; gap: 10px; background: transparent; }
.sc-band-dark .elementor-element.mk-frame { border-color: rgba(255,255,255,.08); }
.elementor .elementor-element.mk-tile { border-radius: 7px; border: 1px solid var(--warm-line); background: var(--warm); padding: 24px; }
.elementor .elementor-element.mk-tile--white { background: var(--white); border-color: #ECE8DA; }
.elementor .elementor-element.mk-tile--proof { background: var(--g-tile); border-color: var(--g-tile-line); }

/* Leadership card, as on /about-us/ */
.mk-person { border: 1px solid var(--warm-line); border-radius: 7px; background: var(--white); overflow: hidden; display: flex; flex-direction: column; }
.mk-person__img { aspect-ratio: 1 / 1; background: #EBEEF2; overflow: hidden; }
.mk-person__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; filter: grayscale(1) contrast(1.05) brightness(1.08); display: block; }
.mk-person__txt { padding: 16px 18px 18px; }
.mk-person__name { font-size: 19px; font-weight: 500; color: var(--navy); line-height: 1.3; }
.mk-person__role { font-size: 14px; font-weight: 400; color: var(--mid); line-height: 1.45; margin-top: 2px; }


/* Card headings: the theme's h2 margin and line height otherwise open a gap under "Register" */
.mk-tile h2, .c-cap h2 { line-height: 1.3; margin: 0 0 2px; }
.mk-tile .sub { margin-top: 0; }
/* A card's children space themselves; Elementor's default 20px container gap is off */
.elementor .elementor-element.mk-tile { --gap: 0px; --row-gap: 0px; gap: 0; }

/* A: the frame and tiles of the About us story grid, the band of its Proof section */
.elementor .elementor-element.a-hero { --padding-top: 112px; --padding-bottom: 120px; }
.elementor .elementor-element.a-hero > .e-con-inner { --flex-direction: row; flex-direction: row; --gap: 72px; gap: 72px; align-items: flex-start; }
.elementor .elementor-element.a-copy { --width: 54%; width: 54%; flex-direction: column; gap: 22px; }
.elementor .elementor-element.a-reg { --width: calc(46% - 72px); width: calc(46% - 72px); flex-direction: column; }

/* The three facts as ruled cells, no boxes */
.a-facts { display: grid; grid-template-columns: auto auto auto; justify-content: start; border-top: 1px solid var(--warm-line); border-bottom: 1px solid var(--warm-line); margin: 6px 0 4px; }
.a-facts div { padding: 14px 28px 14px 0; margin-right: 28px; border-right: 1px solid var(--warm-line); font-size: 15px; color: var(--navy); font-weight: 500; line-height: 1.3; }
.a-facts div:last-child { border-right: 0; margin-right: 0; }
.a-facts small { display: block; font-size: 12px; color: var(--mid); font-weight: 400; margin-bottom: 3px; }

.a-see { margin-top: 10px; }
.a-see ul { list-style: none; margin: 12px 0 0; padding: 0; }
.a-see li { display: grid; grid-template-columns: 28px 1fr; padding: 12px 0; border-top: 1px solid var(--warm-line); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--text); }
.a-see li:last-child { border-bottom: 1px solid var(--warm-line); }
.a-see li span { color: var(--green-h); font-size: 12px; font-weight: 600; padding-top: 3px; }

.a-reg .mk-tile { padding: 30px 30px 26px; }
.a-reg h2 { font-size: 22px; font-weight: 500; color: var(--navy); margin: 0 0 4px; }
.a-reg .sub { font-size: 14px; color: var(--mid); margin: 0 0 22px; font-weight: 300; }
.a-reg .after { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--warm-line); }

/* Session covers on the dark band */
.elementor .elementor-element.a-cover > .e-con-inner { flex-direction: column; gap: 0; }
.a-cover-head { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: end; margin-bottom: 56px; }
.a-cover-head .l { display: flex; flex-direction: column; gap: 22px; }
.a-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.a-tiles .mk-tile--proof { padding: 26px 24px 28px; min-height: 250px; display: flex; flex-direction: column; justify-content: space-between; }
.a-tiles .n { font-size: 44px; font-weight: 400; color: #fff; line-height: 1; letter-spacing: -1px; }
.a-tiles p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.82); font-weight: 300; }
.a-note { margin-top: 28px; }


/* Presenter callout: option B's closing (Brian 2026-10-19) */

.b-close { display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center; }
.b-close .l { display: flex; flex-direction: column; gap: 26px; }
.b-people { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.b-person { padding: 20px !important; display: flex; flex-direction: column; gap: 18px; }
.b-person img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; filter: grayscale(1) brightness(1.08); background: #EBEEF2; }
.b-person .n { font-size: 17px; font-weight: 500; color: #fff; }
.b-person .r { font-size: 14px; color: rgba(255,255,255,.7); margin-top: 2px; }
/* Hero on G-950 (Brian 2026-10-19, hero-ground option C): the About us dark green leads the page and is the
   site accent ground. The session band goes to the warm ground so it does not merge with the hero. */
.elementor .elementor-element.a-hero { background-color: #0D3F37; --warm-line: rgba(255,255,255,.14); }
.a-hero .mk-h1 .elementor-heading-title { color: #fff; }
.a-hero .mk-h1 .elementor-heading-title .t2 { color: rgba(255,255,255,.62); }
.a-hero .mk-lead { color: rgba(255,255,255,.78); }
.a-hero .a-facts div { color: #fff; } .a-hero .a-facts small { color: rgba(255,255,255,.62); }
.a-hero .mk-label { color: rgba(255,255,255,.7); }
.a-hero .a-see li { color: rgba(255,255,255,.86); } .a-hero .a-see li span { color: #4FC3A9; }
.a-hero .mk-frame { border-color: rgba(255,255,255,.1) !important; }
.a-hero .mk-eyebrow .elementor-heading-title { color: rgba(255,255,255,.82); background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); }
.a-hero .mk-eyebrow .elementor-heading-title::before { background: #4FC3A9; }

/* Session covers on the warm ground: A's dark tiles keep their own colour */
.a-cover .a-note { color: var(--mid); }

/* Closing inverted to the warm ground now the hero carries the green (Brian 2026-10-19);
   the session band goes white so the two light sections stay apart. */
.b-end .b-person .n { color: var(--navy); }
.b-end .b-person .r { color: var(--mid); }
.b-end.mk-warm .b-close { border: 1px solid var(--warm-line); border-radius: 13px; padding: 48px; }
@media (max-width: 767px) { .b-end.mk-warm .b-close { padding: 28px 20px; } }

/* Responsive deltas. Tablet and phone set explicitly (an empty _mobile inherits desktop). */
.elementor .e-con.e-parent { --padding-left: 20px; --padding-right: 20px; }
@media (max-width: 1024px) {
  .elementor .elementor-element.a-hero > .e-con-inner { flex-direction: column; gap: 48px; }
  .elementor .elementor-element.a-copy, .elementor .elementor-element.a-reg { --width: 100%; width: 100%; }
  .a-reg { max-width: 560px; }
  .a-tiles { grid-template-columns: repeat(2, 1fr); }
  .b-close { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 767px) {
  .elementor .elementor-element.a-hero { --padding-top: 56px; --padding-bottom: 72px; }
  .elementor .elementor-element.mk-sec { --padding-top: 72px; --padding-bottom: 72px; }
  .mk-h1 .elementor-heading-title { font-size: 28px; letter-spacing: -.5px; }
  .mk-h2 .elementor-heading-title { font-size: 26px; }
  .mk-lead { font-size: 16px; line-height: 1.7; }
  .a-facts { grid-template-columns: 1fr; }
  .a-facts div { border-right: 0; margin-right: 0; padding: 12px 0; border-bottom: 1px solid var(--warm-line); }
  .a-facts div:last-child { border-bottom: 0; }
  .a-see li { font-size: 15px; }
  .a-reg .mk-tile { padding: 24px 20px 20px; }
  .a-cover-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 36px; }
  .a-tiles { grid-template-columns: 1fr; }
  .elementor .a-tiles .elementor-element.mk-tile--proof { min-height: 0; gap: 20px; padding: 22px 20px 24px; }
  .a-tiles .n { font-size: 36px; }
  .b-people { grid-template-columns: 1fr; }
  .b-person { flex-direction: row !important; align-items: center; gap: 16px; }
  .b-person img { width: 56px; height: 56px; }
}/* End custom CSS */