/* Overkado v9.0.0-beta2
   Final colour-scheme bridge.

   Brand/profile classes control identity and content. The active preset controls
   colour through the runtime custom properties emitted by index.php.
*/

body:not(.home) .ok-inner-hero,
body:not(.home) .ok-inner-hero-abl,
body:not(.home) .ok-page-title,
body:not(.home) .ok-subhero,
body:not(.home) .page-hero,
body:not(.home) .ok-page-hero {
  background: linear-gradient(
    120deg,
    var(--brand-primary) 0%,
    var(--brand-secondary) 58%,
    var(--brand-primary) 100%
  ) !important;
}

body:not(.home) .ok-inner-hero::before,
body:not(.home) .ok-inner-hero-abl::before,
body:not(.home) .ok-page-title::before,
body:not(.home) .ok-subhero::before,
body:not(.home) .page-hero::before,
body:not(.home) .ok-page-hero::before {
  background: radial-gradient(circle at 78% 28%, var(--brand-secondary), transparent 38%) !important;
  background-image: radial-gradient(circle at 78% 28%, var(--brand-secondary), transparent 38%) !important;
  opacity: .28 !important;
}

body:not(.home) .ok-inner-hero::after,
body:not(.home) .ok-inner-hero-abl::after,
body:not(.home) .ok-page-title::after,
body:not(.home) .ok-subhero::after,
body:not(.home) .page-hero::after,
body:not(.home) .ok-page-hero::after {
  background: radial-gradient(circle, var(--brand-accent), transparent 66%) !important;
  opacity: .16 !important;
}

body:not(.home) .ok-inner-hero .ok-eyebrow,
body:not(.home) .ok-inner-hero .ok-kicker,
body:not(.home) .ok-page-kicker,
body:not(.home) .ok-kicker,
body:not(.home) .page-subtitle {
  color: var(--brand-accent) !important;
}

body.site-inner .ok-site-header li.active > a,
body.site-inner .ok-site-header li.current > a,
body.site-inner .ok-site-header a:hover {
  color: var(--brand-accent) !important;
}

body.site-inner .ok-site-header .ok-btn-donate,
body.site-inner .ok-site-header .ok-header-cta,
body.site-inner .ok-site-header .ok-cta {
  background: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
}

body.site-inner.ok-header-scrolled .ok-site-header,
body.site-inner .ok-site-header.is-open,
body.site-inner.ok-menu-open .ok-site-header {
  background: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
}

.ok-two-column-article .ok-article-media figcaption,
.abl-two-column-article .ok-article-media figcaption {
  border-top-color: var(--brand-accent) !important;
}

.ok-two-column-article .ok-article-band,
.abl-two-column-article .ok-article-band {
  border-left-color: var(--brand-accent) !important;
}