/* Approved Northline palette. This layer changes colours only. */
:root {
  --color-fresh-grass: #8ed462;
  --color-cream-paper: #f5f1e4;
  --color-ink-black: #2c2e2a;
  --color-pure-white: #ffffff;
  --color-sandstone: #e0dbce;
  --color-stone-gray: #80827f;
  --color-hairline-mist: #d5d5d4;
  --color-pure-ink: #000000;
  --color-sky-pop: #2ba0ff;
  --color-coral-pop: #ff705d;
  --color-sunshine-pop: #f5e211;
  --black: var(--color-ink-black);
  --white: var(--color-pure-white);
  --gray: var(--color-sandstone);
  --green: var(--color-fresh-grass);
  --blue-light: var(--color-sky-pop);
  --blue-dark: var(--color-sky-pop);
  --black-0-15: var(--color-ink-black);
  --white-0-2: color-mix(in srgb, var(--color-hairline-mist) 25%, transparent);
  --white-0-6: color-mix(in srgb, var(--color-pure-white) 80%, var(--color-ink-black));
  --white-0-5: color-mix(in srgb, var(--color-pure-white) 80%, var(--color-ink-black));
  --white-0-15-on-black: var(--color-ink-black);
  --_apps---colors--primary: var(--color-fresh-grass);
  --_apps---colors--foreground: var(--color-ink-black);
  --_apps---sidebar--sidebar: var(--color-sandstone);
}

.overlay-mask {
  background-color: rgb(44 46 42 / 1%);
}

.text-span {
  color: var(--color-fresh-grass);
}

.nav-menu {
  background-color: rgb(44 46 42 / 50%);
}

.nav-link-block {
  color: color-mix(in srgb, var(--color-pure-white) 80%, var(--color-ink-black));
}

.hero-bottom-block {
  background-color: rgb(44 46 42 / 1%);
}

.input-white::placeholder {
  color: rgb(44 46 42 / 50%);
}

.underline {
  background-color: var(--color-cream-paper);
}

.stats-left {
  background-color: var(--color-cream-paper);
}

.stats-block._02 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 78%, var(--color-ink-black));
}

.stats-block._03 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 48%, var(--color-ink-black));
}

.stats-block._04 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 22%, var(--color-ink-black));
}

._14px-text.white-text.popup-disc {
  color: color-mix(in srgb, var(--color-pure-white) 80%, var(--color-ink-black));
}

._14px-text.error-text {
  color: var(--color-coral-pop);
}

.h1-text.white-text.hiw-text {
  color: var(--color-stone-gray);
}

.white-section {
  background-color: var(--color-cream-paper);
}

.out-card._1 {
  background-color: var(--color-sky-pop);
}

.out-card._2 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 78%, var(--color-ink-black));
}

.out-card._3 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 48%, var(--color-ink-black));
}

.out-card._4 {
  background-color: color-mix(in srgb, var(--color-sky-pop) 22%, var(--color-ink-black));
}

.out-card._2b {
  background-color: color-mix(in srgb, var(--color-sky-pop) 78%, var(--color-ink-black));
}

.out-card.test {
  background-color: var(--color-sky-pop);
}

.out-card.test._2a {
  background-color: color-mix(in srgb, var(--color-sky-pop) 78%, var(--color-ink-black));
}

.out-card.test._3a {
  background-color: color-mix(in srgb, var(--color-sky-pop) 48%, var(--color-ink-black));
}

.out-card.test._4a {
  background-color: color-mix(in srgb, var(--color-sky-pop) 22%, var(--color-ink-black));
}

.specialty-tab-link.w--current {
  background-color: var(--color-cream-paper);
}

.integration-block {
  background-color: rgb(44 46 42 / 1%);
}

.integration-block.wh {
  background-color: var(--color-cream-paper);
}

.test-section-2 {
  background-color: var(--color-cream-paper);
}

.pixel {
  background-color: var(--color-cream-paper);
}

.transition-cont.white-to-black {
  background-color: var(--color-cream-paper);
}

.modal-overlay {
  background-color: rgb(44 46 42 / 90%);
}

.form-input::placeholder {
  color: color-mix(in srgb, var(--color-pure-white) 80%, var(--color-ink-black));
}

.error-message {
  background-color: rgb(255 112 93 / 10%);
}

.dropdown-link:hover {
  background-color: var(--color-cream-paper);
}

.underline-small {
  background-color: var(--color-cream-paper);
}

.blog-header-right.cs {
  border-left: 1px solid var(--color-stone-gray);
}

.post-arrow-wrap {
  background-color: var(--color-sky-pop);
}

.hero-bottom-block-2 {
  background-color: rgb(44 46 42 / 1%);
}

._14px-text-2.error-text {
  color: var(--color-coral-pop);
}

.bg-circle-2 {
  background-color: var(--color-sky-pop);
}

.bg-pixels-overlay-2 {
  background-color: var(--color-ink-black);
}

.page-wrap-solid-bg-2 {
  background-color: var(--color-ink-black);
}

.footer-top-wrap-2 {
  background-color: var(--color-ink-black);
}

.ev-tab.w--current {
  background-color: var(--color-cream-paper);
}

.youtube {
  outline: 3px var(--color-ink-black);
}

@media screen and (max-width: 767px) {
.table-row.head {
  background-color: rgb(44 46 42 / 50%);
}
}

::selection {
  color: var(--color-ink-black);
  background: var(--color-fresh-grass);
}

:focus-visible {
  outline: 3px solid var(--color-fresh-grass);
}

input {
  caret-color: var(--color-coral-pop);
}

.input-white::placeholder {
  color: var(--color-ink-black);
}

.form-input::placeholder {
  color: var(--color-cream-paper);
}

.popup-disc, .popup-disc .links-legal {
  color: var(--color-cream-paper);
}

.local-preview-note {
  color: var(--color-fresh-grass);
}

.local-newsletter input {
  border: 1px solid var(--color-stone-gray);
}

.local-newsletter button {
  color: var(--color-pure-ink);
  background: var(--color-fresh-grass);
}

.cta-section {
  background-image: linear-gradient(0deg, rgb(44 46 42 / 90%), rgb(44 46 42 / 13%) 65%), url("assets/northline/closing.jpg");
}

.northline-gallery-caption {
  background: rgb(44 46 42 / 90%);
}

/* Surface hierarchy, with the original geometry and motion intact. */
.theme-light { --_themes---bg: var(--color-cream-paper); }
.nav-menu, .nav-menu.theme-light { background-color: var(--color-pure-white); --_themes---stroke: var(--color-hairline-mist); }
.nav-menu .nav-link-block, .nav-menu .nav-text.hiden { color: var(--color-ink-black); border-color: var(--color-hairline-mist); }
.nav-menu .logo-white text { fill: var(--color-ink-black); }
.nav-menu .logo-white path, .nav-menu .logo-black path { fill: var(--color-fresh-grass); }
.nav-menu .logo-black text { fill: var(--color-ink-black); }
.nav-menu .burger-white, .nav-menu .nav-cross-white, .nav-menu .close-icon.white { filter: brightness(0); }
.nav-menu .nav-link-block.cta { background-color: var(--color-fresh-grass); color: var(--color-pure-ink); }
.nav-menu .nav-link-block.cta:hover { background-color: var(--color-sandstone); }
@media (max-width: 991px) {
  .nav-links, .nav-links-left, .nav-links-right { background-color: var(--color-pure-white); }
  .nav-links .nav-link-block, .nav-links .nav-text.hiden { color: var(--color-ink-black); border-color: var(--color-hairline-mist); }
  .nav-links .nav-link-block.cta { background-color: var(--color-fresh-grass); color: var(--color-pure-ink); }
  .nav-links .nav-link-block.cta:hover { background-color: var(--color-sandstone); }
}
.input-white, .testim-author-name { background-color: var(--color-pure-white); color: var(--color-ink-black); }
.row-tabs-content { background-color: var(--color-sandstone); }
.scheduling-card, .out-card { border-color: var(--color-fresh-grass); }
.stats-block { background-color: var(--color-fresh-grass); }
.stats-block._02 { background-color: var(--color-sandstone); }
.stats-block._03 { background-color: var(--color-cream-paper); }
.stats-block._04 { background-color: var(--color-ink-black); }
.stats-block:not(._04), .stats-block:not(._04) .white-text { color: var(--color-pure-ink); }
.stats-block._04, .stats-block._04 .white-text { color: var(--color-pure-white); }
.out-card._1, .out-card.test._1 { background-color: var(--color-sky-pop); }
.out-card._2, .out-card.test._2a { background-color: var(--color-fresh-grass); }
.out-card._3, .out-card.test._3a { background-color: var(--color-sandstone); }
.out-card._4, .out-card.test._4a { background-color: var(--color-ink-black); }
.out-card:is(._1, ._2, ._3, ._2a, ._3a), .out-card:is(._1, ._2, ._3, ._2a, ._3a) .white-text { color: var(--color-pure-ink); }
.out-card:is(._1, ._2, ._3, ._2a, ._3a) .out-icon { filter: brightness(0); }
.white-section .text-span { color: var(--color-ink-black); }
.stats-span { color: var(--color-ink-black); }
.testim-author-title { border-color: var(--color-coral-pop); }
::selection { background-color: var(--color-fresh-grass); color: var(--color-pure-ink); }
:focus-visible { outline-color: var(--color-coral-pop); }
.nav-menu :focus-visible, .nav-links :focus-visible, .white-section :focus-visible { outline-color: var(--color-ink-black); }
input { caret-color: var(--color-coral-pop); }
.form-input:focus, .local-newsletter input:focus { border-color: var(--color-coral-pop); }
.local-newsletter button { background-color: var(--color-fresh-grass); color: var(--color-pure-ink); }
.local-newsletter button:hover { background-color: var(--color-sandstone); }
.local-newsletter input { color: var(--color-pure-white); border-color: var(--color-stone-gray); }
.local-newsletter input::placeholder { color: var(--color-cream-paper); opacity: 1; }
.footer .footer-column > .white-text, .footer .footer-logo path { color: var(--color-sunshine-pop); fill: var(--color-sunshine-pop); }
.footer .local-preview-note { color: var(--color-sunshine-pop); }
svg text[fill="#020801"] { fill: var(--color-ink-black); }
svg path[fill="#168ae2"] { fill: var(--color-sky-pop); }
svg.footer-logo path { fill: var(--color-sunshine-pop); }