/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Brand palette (Oct 2026, v2): Majorelle Blue #A200FF (hero, page headers),
   Medium Violet Red #A61DAF (statement block), Berry #AF1D61 (buttons, links: theme accent),
   Onyx #353935 (text, header pill); footer is Majorelle, Sienna #AF301D (warm accents on white),
   Orchid #E873CD (decorative lines only: too light for white text). Page background white. */
:root {
  --ckr-majorelle: #a200ff;
  --ckr-violet: #a61daf;
  --ckr-berry: #af1d61;
  --ckr-onyx: #353935;
  --ckr-sienna: #af301d;
  --ckr-orchid: #e873cd;
}

/* Footer enquiry form on the Majorelle footer (Signal Footer global section, bg #A200FF).
   Black text, borders and placeholders, like all writing on coloured backgrounds
   (Inas, 19 Oct 2026). Black on Majorelle is about 4:1. */
body .nectar_hook_global_section_footer .fluentform .ff-el-form-control,
body .nectar_hook_global_section_footer .fluentform .ff-el-input--label label,
body .nectar_hook_global_section_footer .fluentform .ff-el-form-check-label,
body .nectar_hook_global_section_footer .fluentform .ff-el-form-check-label span {
  color: #000000 !important;
}
body .nectar_hook_global_section_footer .fluentform .ff-el-form-control {
  border-color: #000000 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}
body .nectar_hook_global_section_footer .fluentform .ff-el-form-control:focus {
  border-color: #000000 !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.35) !important;
}
body .nectar_hook_global_section_footer .fluentform .ff-el-form-control::placeholder {
  color: #000000 !important;
  opacity: 1;
}
body .nectar_hook_global_section_footer .fluentform input[type="checkbox"] {
  border-color: #000000 !important;
  background-color: transparent !important;
  accent-color: #000000;
}
body .nectar_hook_global_section_footer .fluentform .ff-btn-submit {
  background-color: var(--ckr-berry) !important;
  border-color: var(--ckr-berry) !important;
  color: #000000 !important;
}
body .nectar_hook_global_section_footer .fluentform .ff-btn-submit:hover,
body .nectar_hook_global_section_footer .fluentform .ff-btn-submit:focus {
  background-color: var(--ckr-onyx) !important;
  border-color: var(--ckr-onyx) !important;
  color: #ffffff !important;
  opacity: 1;
}
body .nectar_hook_global_section_footer a {
  color: #000000;
}

/* Header "Talk through your event" pill: solid rose with a matching rose border. */
#header-outer .menu-item-btn-style-button-border_accent-color > a:before {
  background-color: #D58D8D;
  border-color: #D58D8D;
  opacity: 1;
}

/* When the pill fills dark pink (hover, or on the Contact page), the border matches. */
#header-outer .menu-item-btn-style-button-border_accent-color > a:hover:before,
#header-outer .menu-item-btn-style-button-border_accent-color[class*="current"] > a:before {
  border-color: #AF1D61;
}

#header-outer .menu-item-btn-style-button-border_accent-color > a,
#header-outer .menu-item-btn-style-button-border_accent-color > a .menu-title-text {
  color: #000000 !important;
}

/* Underlined text links ("See our services", "More about us"): orchid underline on hover. */
.nectar-cta[data-style="underline"] .link_wrap:hover .link_text:after {
  border-bottom-color: var(--ckr-orchid);
  border-bottom-width: 2px;
}

/* Home "Why us" promises: a clean list with hairline dividers and sienna titles
   (replaces the orchid left rule). */
.ckr-promises {
  margin: 1.4em 0 0;
  padding: 0;
  border-top: 1px solid rgba(53, 57, 53, 0.14);
}
.nectar-responsive-text .ckr-promises p {
  margin: 0;
  padding: 1em 0;
  border-bottom: 1px solid rgba(53, 57, 53, 0.14);
}
.ckr-promises strong {
  display: block;
  margin-bottom: 0.2em;
  color: var(--ckr-sienna);
  font-weight: 600;
}

/* Home "Why us": portrait crop so the image balances the text column. */
@media only screen and (min-width: 1000px) {
  #founders .img-with-aniamtion-wrap img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

/* Home "Events that bring people together": breathing room between heading and intro line. */
#services .nectar-responsive-text h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
#services .nectar-responsive-text h2 + p {
  margin-top: 2em;
}
/* Keep "Events that bring people together" on one line on desktop (Inas, 21 Oct 2026).
   It sits in a half-width column, so let it run across into the empty space beside it. */
@media only screen and (min-width: 1000px) {
  #services .nectar-responsive-text h2 {
    white-space: nowrap;
  }
}
/* Intro under "Events that bring people together": the same size as the body text
   in "Why us" (21px), on a comfortable line length rather than matched to the heading. */
#services .nectar-responsive-text h2 + p {
  max-width: 620px;
  font-size: 21px !important;
  line-height: 1.55 !important;
  margin-top: 1.2em;
}
/* Desktop: the lines break where they're marked (<br class="ckr-br">) for a loose,
   uneven shape (Inas, 21 Oct 2026). Phones ignore those breaks and wrap normally. */
@media only screen and (min-width: 1000px) {
  #services .nectar-responsive-text:has(> h2) {
    width: max-content;
    max-width: none;
  }
  #services .nectar-responsive-text h2 + p {
    max-width: none;
  }
}
@media only screen and (max-width: 999px) {
  #services .nectar-responsive-text h2 + p {
    font-size: 18px !important;
  }
  .ckr-br {
    display: none;
  }
}

/* "We can help with" tags on the Services page. */
.ckr-tags-label {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  font-size: 14px;
}

.ckr-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 0 !important;
}

.ckr-tags span {
  display: inline-block;
  padding: 0.4em 0.9em;
  border: 1px solid rgba(53, 57, 53, 0.2);
  border-radius: 20px;
  color: var(--ckr-onyx);
  font-size: 14px;
  line-height: 1.2;
}

/* About page founders (Team Member, "Meta Below" style): bios shown under the photo. */
.team-member[data-style="meta_below"] img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 50% 15%; /* keep heads in frame on portrait photos */
  border-radius: 10px;
  margin-bottom: 24px;
}

.team-member[data-style="meta_below"] h4 {
  font-size: 28px;
  line-height: 1.2;
}

.team-member[data-style="meta_below"] .position {
  margin-bottom: 16px;
  border: 0 !important;
  padding-bottom: 0 !important;
}

.team-member[data-style="meta_below"] p {
  border: 0 !important;
  padding-top: 0 !important;
  font-size: 18px;
  line-height: 1.55;
}

/* Contact page: hide the footer enquiry block (heading, text and form), since the
   page already has the full enquiry form. The email and LinkedIn links stay. */
body.page-id-1605 .nectar_hook_global_section_footer #contact .row_col_wrap_12 > .wpb_column:first-child {
  display: none;
}

/* Writing on coloured backgrounds: black (#000000) and in capitals; buttons stay in
   sentence case (below). Rows with a coloured background carry the "ckr-on-colour"
   class (set in WPBakery: Row → Extra class name) and dark text. What people type into
   form fields keeps its own case. */
.ckr-on-colour,
.ckr-on-colour :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, strong, em, button, input, textarea, select) {
  color: #000000 !important;
}

.ckr-on-colour,
.ckr-on-colour :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, strong, em, select) {
  text-transform: uppercase !important;
}

.ckr-on-colour :is(input, textarea, select) {
  border-color: #000000 !important;
}

.ckr-on-colour :is(input, textarea)::placeholder {
  color: #000000 !important;
  opacity: 1;
  text-transform: uppercase;
}

/* Header logo over the purple banner: black capitals. */
#header-outer[class] #top #logo {
  color: #000000 !important;
  text-transform: uppercase !important;
}

/* Buttons with a coloured fill (accent pink, form submit, header button): black text
   in sentence case, as typed. */
body .nectar-button.accent-color,
body .nectar-button.accent-color span,
body .fluentform button.ff-btn.ff-btn-submit[type="submit"],
#header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a,
#header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a:hover,
#header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *,
#header-outer[class] #top nav .sf-menu li.menu-item.menu-item-btn-style-button-border_accent-color > a *::after {
  color: #000000 !important;
  text-transform: none !important;
}

/* Home "Why us": image full column width once columns stack. */
@media only screen and (max-width: 999px) {
  #founders .wpb_column.right_padding_desktop_6pct > .vc_column-inner {
    padding-right: 0;
  }
}

/* Home "Talk through your event" steps: hairline + berry number, matching the promises list. */
.vc_col-sm-4:has(> .vc_column-inner > .wpb_wrapper > .nectar-responsive-text > h6) > .vc_column-inner {
  padding-top: 20px;
  border-top: 1px solid rgba(53, 57, 53, 0.14);
}
#ajax-content-wrap .vc_col-sm-4 .nectar-responsive-text > h6 {
  color: var(--ckr-berry);
  font-weight: 600;
}
@media only screen and (max-width: 690px) {
  .vc_col-sm-4:has(> .vc_column-inner > .wpb_wrapper > .nectar-responsive-text > h6) {
    margin-bottom: 36px;
  }
  .vc_col-sm-4:has(> .vc_column-inner > .wpb_wrapper > .nectar-responsive-text > h6) .nectar-responsive-text:has(> h6) {
    margin-bottom: 8px;
  }
}

/* Home hero (Signal style, Oct 2026): large capitals, labels along the bottom,
   keyword pills in place of the image trail. Source text stays sentence case. */
#hero .nectar-split-heading,
#hero .nectar-split-heading h1 {
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
#hero .nectar-responsive-text h6,
#hero .nectar-responsive-text p {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
  line-height: 1.4;
}
#hero .nectar-content-trail__text {
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* "Why us": even spacing either side of the promises list. */
.nectar-responsive-text .ckr-promises + p {
  margin-top: 1.4em;
}
/* Hero bottom labels sit on one baseline. */
#hero .nectar-responsive-text p {
  margin: 0;
  padding-bottom: 0;
}

/* "Why us": wider gap between image and text on desktop; room before "More about us". */
@media only screen and (min-width: 1000px) {
  #founders .wpb_column.right_padding_desktop_6pct > .vc_column-inner {
    padding-right: 72px !important;
  }
}
#founders .nectar-cta[data-style="underline"] {
  margin-top: 1.2em;
}
/* Hero: no clipping on the large capitals (letter-reveal masks each line). */
#hero .nectar-split-heading .inner,
#hero .nectar-split-heading span {
  padding-bottom: 0.04em;
}
/* "Why us": image stays in view while the longer text column scrolls past. */
@media only screen and (min-width: 1000px) {
  #founders .img-with-aniamtion-wrap {
    position: sticky;
    top: 120px;
  }
}
.nectar-responsive-text .ckr-promises + p {
  margin-top: 2em;
}

/* Services: "Every event, whichever level you choose", a 2 x 2 grid with line icons
   (Inas, 21 Oct 2026). Markup: <div class="ckr-included"><div><span class="ckr-ico ckr-ico--people"></span><p>...</p></div>...</div> */
#ajax-content-wrap .nectar-responsive-text .ckr-included-title {
  margin-top: 1.6em;
  font-size: 28px !important;
  line-height: 1.25 !important;
}
.ckr-included {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px 56px;
  margin-top: 28px;
}
.ckr-included > div {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.nectar-responsive-text .ckr-included p {
  margin: 0;
  padding: 0;
}
.ckr-included strong {
  display: block;
  margin-bottom: 0.2em;
  font-weight: 600;
}
.ckr-ico {
  flex: 0 0 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(175, 29, 97, 0.08);
  position: relative;
}
.ckr-ico::before {
  content: "";
  position: absolute;
  inset: 12px;
  background: var(--ckr-berry);
  -webkit-mask: var(--ckr-ico) center / contain no-repeat;
  mask: var(--ckr-ico) center / contain no-repeat;
}
.ckr-ico--people { --ckr-ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2%27/%3E%3Ccircle cx=%279%27 cy=%277%27 r=%274%27/%3E%3Cpath d=%27M23 21v-2a4 4 0 0 0-3-3.87%27/%3E%3Cpath d=%27M16 3.13a4 4 0 0 1 0 7.75%27/%3E%3C/svg%3E"); }
.ckr-ico--size { --ckr-ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2715 3 21 3 21 9%27/%3E%3Cpolyline points=%279 21 3 21 3 15%27/%3E%3Cline x1=%2721%27 y1=%273%27 x2=%2714%27 y2=%2710%27/%3E%3Cline x1=%273%27 y1=%2721%27 x2=%2710%27 y2=%2714%27/%3E%3C/svg%3E"); }
.ckr-ico--costs { --ckr-ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E"); }
.ckr-ico--insured { --ckr-ico: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%27/%3E%3Cpolyline points=%279 12 11 14 15 10%27/%3E%3C/svg%3E"); }
@media only screen and (max-width: 690px) {
  .ckr-included {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* Home "Events that bring people together" cards: each event name sits in a frosted pill,
   the same look as the tags at the bottom of the card, so it reads on any photo (21 Oct 2026). */
#services .nectar-flickity .cell h3 {
  display: inline-block;
  padding: 0.3em 0.7em 0.35em;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.14);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-size: 17px;
  line-height: 1.2;
  white-space: nowrap;
}

/* Home banner keyword bubbles: a little smaller on phones so they fit the screen. */
@media only screen and (max-width: 690px) {
  .nectar-content-trail__text {
    font-size: 12px !important;
  }
}

/* Footer enquiry form: the intro, tick-box labels and privacy note in normal sentence case
   (Inas, 22 Oct 2026). The heading above stays in capitals. */
.nectar_hook_global_section_footer .wpb_column:has(.fluentform) :is(p, a, label, span):not(h1 *, h2 *, h3 *) {
  text-transform: none !important;
}

/* Footer LinkedIn link: written "LinkedIn" (not capitals), with a small LinkedIn logo in front. */
.nectar_hook_global_section_footer .nectar-cta:has(a[href*="linkedin.com"]) :is(a, span),
.nectar_hook_global_section_footer .nectar-cta:has(a[href*="linkedin.com"]) span::after {
  text-transform: none !important;
}
.nectar_hook_global_section_footer .nectar-cta:has(a[href*="linkedin.com"]) .link_wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}
.nectar_hook_global_section_footer .nectar-cta:has(a[href*="linkedin.com"]) .link_wrap::before {
  content: "";
  flex: 0 0 auto;
  width: 0.85em;
  height: 0.85em;
  background: #000000;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.064 2.064 0 1 1 0-4.128 2.064 2.064 0 0 1 0 4.128zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.064 2.064 0 1 1 0-4.128 2.064 2.064 0 0 1 0 4.128zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z%27/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Footer email: lowercase, with a small envelope icon to match LinkedIn. */
.nectar_hook_global_section_footer .nectar-cta:has(a[href^="mailto:"]) :is(a, span),
.nectar_hook_global_section_footer .nectar-cta:has(a[href^="mailto:"]) span::after {
  text-transform: none !important;
}
.nectar_hook_global_section_footer .nectar-cta:has(a[href^="mailto:"]) .link_wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}
.nectar_hook_global_section_footer .nectar-cta:has(a[href^="mailto:"]) .link_wrap::before {
  content: "";
  flex: 0 0 auto;
  width: 0.9em;
  height: 0.9em;
  background: #000000;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27M22 7l-10 6L2 7%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27M22 7l-10 6L2 7%27/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Footer bottom line (description, links, copyright): one line on laptops and larger
   (Inas, 22 Oct 2026). Smaller screens keep the stacked layout. */
@media only screen and (min-width: 1200px) {
  .nectar_hook_global_section_footer .inner_row:has(a[href*="privacy-policy"]):not(:has(.fluentform)) .row_col_wrap_12_inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 24px;
  }
  .nectar_hook_global_section_footer .inner_row:has(a[href*="privacy-policy"]):not(:has(.fluentform)) .wpb_column {
    width: auto !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  .nectar_hook_global_section_footer .inner_row:has(a[href*="privacy-policy"]):not(:has(.fluentform)) p {
    white-space: nowrap;
    font-size: clamp(9.5px, 0.8vw, 13px) !important;
  }
}

/* Home banner: "Creative corporate events" in sentence case (Inas, 22 Oct 2026). */
#hero .nectar-responsive-text p[style*="text-align: center"] {
  text-transform: none !important;
}

/* Page banners (Services, About, Contact): the intro under the headline in sentence case
   (Inas, 22 Oct 2026). Headlines stay in capitals. */
body:is(.page-id-1602, .page-id-1603, .page-id-1605) .ckr-on-colour .nectar-responsive-text p {
  text-transform: none !important;
}

/* Privacy policy body: same text and heading sizes as the rest of the site (22 Oct 2026). */
.ckr-legal p,
.ckr-legal li {
  font-size: 18px;
  line-height: 1.6;
}
.ckr-legal h2 {
  font-size: 30px;
  line-height: 1.25;
  margin-top: 1.4em;
}
.ckr-legal h3 {
  font-size: 22px;
}


/* ======================================================================
   Palette v3 (Inas, 26 Oct 2026), inspired by how SULT uses colour:
   a calm off-white and warm-stone base, the main purple only for the
   quote band and footer, soft lilac for buttons, highlights and the
   banner bubbles, black text throughout. No dark pinks (berry, magenta).
   ====================================================================== */
:root { --p-base:#FCFCFC; --p-stone:#ECEBE9; --p-banner:#ECEBE9; --p-band:#A200FF; --p-footer:#A200FF; --p-button:#D9A8FF; --p-highlight:#D9A8FF; --p-ink:#261E1E; --p-footer-button:#D9A8FF; --p-footer-button-text:#000000; }
/* ---- shared structure for all colour previews ---- */
body, .container-wrap { background-color: var(--p-base) !important; }
.container-wrap .vc_row:not(.ckr-on-colour):not(.inner_row) > .row-bg-wrap .row-bg { background-color: var(--p-base) !important; }
.container-wrap #services > .row-bg-wrap .row-bg { background-color: var(--p-stone) !important; }
/* page banners (Home hero and the first row of every page) */
.container-wrap .vc_row.ckr-on-colour.top-level > .row-bg-wrap .row-bg { background-color: var(--p-banner) !important; }
/* the quote band on Home */
.container-wrap .vc_row.ckr-on-colour:not(.top-level) > .row-bg-wrap .row-bg { background-color: var(--p-band) !important; }
/* footer */
.nectar_hook_global_section_footer .row-bg { background-color: var(--p-footer) !important; }
.nectar_hook_global_section_footer .fluentform .ff-el-form-control { background-color: rgba(255,255,255,0.35) !important; }
/* buttons: pill, accent fill, black text */
body .nectar-button.accent-color,
body .fluentform button.ff-btn.ff-btn-submit[type="submit"],
body .nectar_hook_global_section_footer .fluentform .ff-btn-submit {
  background-color: var(--p-button) !important; border-color: var(--p-button) !important; color: #000 !important;
}
body .nectar-button.accent-color:hover,
body .fluentform button.ff-btn.ff-btn-submit[type="submit"]:hover,
body .nectar_hook_global_section_footer .fluentform .ff-btn-submit:hover {
  background-color: #000 !important; border-color: #000 !important; color: var(--p-button) !important;
}
#header-outer .menu-item-btn-style-button-border_accent-color > a:before,
#header-outer[class] .menu-item-btn-style-button-border_accent-color[class*="current"] > a:before,
#header-outer .menu-item-btn-style-button-border_accent-color > a:hover:before {
  background-color: var(--p-button) !important; border-color: var(--p-button) !important;
}
/* the footer form button sits on the footer colour, so it uses its own pair */
body .nectar_hook_global_section_footer .fluentform button.ff-btn.ff-btn-submit[type="submit"] { background-color: var(--p-footer-button) !important; border-color: var(--p-footer-button) !important; color: var(--p-footer-button-text) !important; }
/* highlighter behind key words */
mark.ckr-hl {
  background: var(--p-highlight); color: inherit; padding: 0 0.12em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Home hero: highlight the last line, "you never see." */
#hero .nectar-split-heading:last-of-type h1 { display: inline; background: var(--p-highlight); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 0.1em; }
/* links and small accents that used berry */
.ckr-promises strong, #ajax-content-wrap .vc_col-sm-4 .nectar-responsive-text > h6 { color: var(--p-ink) !important; }

/* No dark pink in this palette: the theme's accent colour (berry) becomes the light purple,
   and the quote band uses the main purple. */
:root { --nectar-accent-color: #D9A8FF !important; --ckr-berry: #D9A8FF !important; --ckr-violet: #A200FF !important; }
.container-wrap .vc_row.ckr-on-colour:not(.top-level) { background-color: var(--p-band) !important; }
body .nectar-button.large.regular.accent-color.regular-button { background-color: var(--p-button) !important; border-color: var(--p-button) !important; }
.ckr-ico { background: rgba(162, 0, 255, 0.08) !important; }
.ckr-ico::before { background: #A200FF !important; }
.nectar-skip-to-content { color: #000 !important; }
#header-outer .menu-item-btn-style-button-border_accent-color > a:after { background-color: #C58BFF !important; border-color: #C58BFF !important; }

/* Home banner bubbles: a tonal mix of the purple family, all with black text
   (lilac, pale lilac and, every third bubble, the main purple). */
.nectar-content-trail .nectar-content-trail__text {
  --text-color-bg: #D9A8FF !important;
  background-color: #D9A8FF !important;
  color: #000000 !important;
}
.nectar-content-trail .nectar-content-trail__text:nth-child(3n+2) {
  --text-color-bg: #F0E2FF !important;
  background-color: #F0E2FF !important;
}
.nectar-content-trail .nectar-content-trail__text:nth-child(3n) {
  --text-color-bg: #A200FF !important;
  background-color: #A200FF !important;
}

/* Logo (A5, 26 Oct 2026): the header shows the vector logo instead of plain text.
   The text stays in the page for screen readers and search engines. */
#header-outer #logo.no-image {
  display: block;
  width: 230px;
  height: 28px;
  font-size: 0 !important;
  color: transparent !important;
  background: url("images/logo/ckr-logo.svg") no-repeat left center / contain;
}
@media only screen and (max-width: 690px) {
  #header-outer #logo.no-image {
    width: 181px;
    height: 22px;
  }
}