.elementor-kit-23{--e-global-color-primary:#004225;--e-global-color-secondary:#1C244B;--e-global-color-text:#12251D;--e-global-color-accent:#70314C;--e-global-color-aba7187:#18181800;--e-global-color-9f6a23b:#000000EB;--e-global-color-c696dce:#FDFCFA;--e-global-color-14ef391:#C8D5DC;--e-global-color-764183d:#F9FAFD;--e-global-color-d6cea4e:#FFFFFF;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-color-c31ef03:#E5E2DE;--e-global-typography-primary-font-family:"Noto Sans Hebrew";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.12em;--e-global-typography-primary-letter-spacing:-0.8px;--e-global-typography-primary-word-spacing:-0.02em;--e-global-typography-secondary-font-family:"Noto Sans Hebrew";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.18em;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-family:"Heebo";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.6em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Heebo";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0.04em;--e-global-typography-2fb5aef-font-family:"Heebo";--e-global-typography-2fb5aef-font-size:19px;--e-global-typography-2fb5aef-font-weight:600;--e-global-typography-2fb5aef-font-style:normal;--e-global-typography-2fb5aef-text-decoration:none;--e-global-typography-2fb5aef-line-height:1.35em;--e-global-typography-2fb5aef-letter-spacing:0px;--e-global-typography-2fb5aef-word-spacing:0px;--e-global-typography-392b9e0-font-family:"Noto Sans Hebrew";--e-global-typography-392b9e0-font-size:28px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.2em;--e-global-typography-392b9e0-letter-spacing:-0.02px;--e-global-typography-392b9e0-word-spacing:0.01em;--e-global-typography-c05b693-font-family:"Heebo";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:400;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Noto Sans Hebrew";--e-global-typography-6558fb1-font-size:40px;--e-global-typography-6558fb1-font-weight:700;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.15em;--e-global-typography-6558fb1-letter-spacing:-0.6px;--e-global-typography-6558fb1-word-spacing:0.04em;--e-global-typography-92bce3b-font-family:"Heebo";--e-global-typography-92bce3b-font-size:15px;--e-global-typography-92bce3b-font-weight:600;--e-global-typography-92bce3b-text-transform:uppercase;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1.35em;--e-global-typography-b2deeae-font-family:"Noto Sans Hebrew";--e-global-typography-b2deeae-font-size:68px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1.12em;--e-global-typography-b2deeae-letter-spacing:-1px;--e-global-typography-b2deeae-word-spacing:-0.02em;--e-global-typography-fb1a3e0-font-family:"Noto Sans Hebrew";--e-global-typography-fb1a3e0-font-size:96px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-letter-spacing:-1.2px;--e-global-typography-397e168-font-family:"Heebo";--e-global-typography-397e168-font-size:14px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.6em;--e-global-typography-397e168-letter-spacing:0px;background-color:var( --e-global-color-c696dce );}.elementor-kit-23 e-page-transition{background-color:#FFBC7D;}.elementor-kit-23 a{color:var( --e-global-color-accent );}.elementor-kit-23 a:hover{color:var( --e-global-color-primary );}.elementor-kit-23 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-392b9e0-font-family ), Sans-serif;font-size:var( --e-global-typography-392b9e0-font-size );font-weight:var( --e-global-typography-392b9e0-font-weight );text-transform:var( --e-global-typography-392b9e0-text-transform );font-style:var( --e-global-typography-392b9e0-font-style );text-decoration:var( --e-global-typography-392b9e0-text-decoration );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );word-spacing:var( --e-global-typography-392b9e0-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-23{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:18px;--e-global-typography-c05b693-line-height:1.4em;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-kit-23 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );word-spacing:var( --e-global-typography-392b9e0-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-23{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-c05b693-font-size:16px;--e-global-typography-b2deeae-font-size:42px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-kit-23 h4{font-size:var( --e-global-typography-392b9e0-font-size );line-height:var( --e-global-typography-392b9e0-line-height );letter-spacing:var( --e-global-typography-392b9e0-letter-spacing );word-spacing:var( --e-global-typography-392b9e0-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Tracking/reading-progress bar: thicker, above content, flush under sticky header (offset set by mu-plugin JS) */
.elementor-widget-html:has(#scroll-progress-container){position:fixed !important;top:var(--track-bar-top,0px) !important;left:0 !important;width:100% !important;z-index:998 !important;}
#scroll-progress-container{height:5px !important;}


/* ============================================================
   UK Nationality — Consultation CTA (shared)
   Pages: Citizenship by Birth (navy) + Spouse Visa (green)
   Additive only, scoped by .uknat-cta classes. Section bg left to Elementor.
   !important used only to override Elementor's per-widget button rules
   (which out-rank class .elementor-kit-23s) so the system is identical on every breakpoint.
   ============================================================ */
.uknat-cta{
  --cta-surface:#F7F5F2;
  --cta-rule:rgba(247,245,242,.16);
  --cta-ghost-border:rgba(247,245,242,.45);
  --cta-ghost-border-hover:rgba(247,245,242,.95);
  --cta-ghost-fill:rgba(247,245,242,.05);
  --cta-ghost-fill-hover:rgba(247,245,242,.12);
}
.uknat-cta--navy { --cta-accent:#1C244B; }
.uknat-cta--green{ --cta-accent:#004225; }
.uknat-cta--plum { --cta-accent:#70314C; }

/* Shared alignment column: primary, divider and ghost row line up */
.uknat-cta .uknat-cta__primary,
.uknat-cta .uknat-cta__rule,
.uknat-cta .uknat-cta__ghost-row{
  max-width:380px !important; width:100% !important;
  margin-left:auto !important; margin-right:auto !important;
}

/* PRIMARY — identical solid cream on every breakpoint */
.uknat-cta .uknat-cta__primary .elementor-button{
  display:flex !important; width:100% !important; justify-content:center; align-items:center;
  background-color:var(--cta-surface) !important; color:var(--cta-accent) !important;
  border:0 !important; border-radius:12px !important; padding:16px 28px !important;
  font-weight:600; letter-spacing:.2px;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
  transition:transform .15s ease, box-shadow .15s ease;
}
.uknat-cta .uknat-cta__primary .elementor-button:hover{
  transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.20);
  background-color:var(--cta-surface) !important; color:var(--cta-accent) !important;
}
.uknat-cta .uknat-cta__primary .elementor-button .elementor-button-text,
.uknat-cta .uknat-cta__primary .elementor-button *{ color:var(--cta-accent) !important; }

/* DIVIDER — subtle hairline, same width as the cluster */
.uknat-cta .uknat-cta__rule .elementor-divider{ padding:0 !important; }
.uknat-cta .uknat-cta__rule .elementor-divider-separator{
  height:1px !important; width:100% !important; background:var(--cta-rule) !important;
  border:0 !important; margin:4px auto !important;
}

/* SECONDARY ROW — two equal-width ghost buttons */
.uknat-cta .uknat-cta__ghost-row{
  display:flex !important; flex-direction:row !important; gap:14px !important;
  justify-content:center; align-items:stretch;
}
.uknat-cta .uknat-cta__ghost-row > *{ flex:1 1 0 !important; min-width:0 !important; max-width:none !important; width:auto !important; }

.uknat-cta .uknat-cta__ghost .elementor-button{
  display:flex !important; width:100% !important; justify-content:center; align-items:center; gap:8px;
  background:var(--cta-ghost-fill) !important; color:var(--cta-surface) !important;
  border:1.5px solid var(--cta-ghost-border) !important; border-radius:12px !important;
  padding:13px 18px !important; font-weight:500;
  transition:border-color .15s ease, background-color .15s ease;
}
.uknat-cta .uknat-cta__ghost .elementor-button:hover{
  border-color:var(--cta-ghost-border-hover) !important;
  background:var(--cta-ghost-fill-hover) !important; color:var(--cta-surface) !important;
}
.uknat-cta .uknat-cta__ghost .elementor-button .elementor-button-text,
.uknat-cta .uknat-cta__ghost .elementor-button *{ color:var(--cta-surface) !important; }
.uknat-cta .uknat-cta__ghost .elementor-button svg{ fill:var(--cta-surface) !important; }

/* MOBILE — full width, primary stays solid + dominant (the key fix) */
@media (max-width:767px){
  .uknat-cta .uknat-cta__primary,
  .uknat-cta .uknat-cta__rule,
  .uknat-cta .uknat-cta__ghost-row{ max-width:100% !important; }
}
/* Very narrow — stack the two ghost buttons */
@media (max-width:400px){
  .uknat-cta .uknat-cta__ghost-row{ flex-direction:column !important; }
}

/* ============================================================
   UKN-BUTTON-HOVER (v2) - hero 1b Invert + final CTA 7a Flip
   CTA 7a SUPERSEDES the earlier 2b brighten. Primary now flips INTO
   a darker shade of the page's own colour; secondaries lighten to #EBEBEB.
   Theme-aware via the kit's existing .uknat-cta--* modifiers
   (this site has no .theme-passport/.theme-visas classes).
   Timing: .18s ease-out colour, .25s ease keyline. No movement.
   ============================================================ */
.uknat-cta--navy { --cta-accent-deep:#171E40; --cta-accent-press:#12173A; }
.uknat-cta--plum { --cta-accent-deep:#5D2840; --cta-accent-press:#4A2033; }
.uknat-cta--green{ --cta-accent-deep:#00351D; --cta-accent-press:#002A17; }

/* PRIMARY - flips darker, keyline survives and sharpens to white, nothing moves */
.uknat-cta .uknat-cta__primary .elementor-button{
  border:1px solid transparent !important;
  transition:background-color .18s ease-out, color .18s ease-out,
             border-color .25s ease !important;
}
.uknat-cta .uknat-cta__primary .elementor-button:hover,
.uknat-cta .uknat-cta__primary .elementor-button:focus-visible{
  background-color:var(--cta-accent-deep, #171E40) !important;
  color:#FFFFFF !important;
  border-color:#FFFFFF !important;
  transform:none !important;
  box-shadow:0 2px 6px rgba(0,0,0,.10) !important;
}
.uknat-cta .uknat-cta__primary .elementor-button:hover *,
.uknat-cta .uknat-cta__primary .elementor-button:focus-visible *{ color:#FFFFFF !important; }
.uknat-cta .uknat-cta__primary .elementor-button:hover svg,
.uknat-cta .uknat-cta__primary .elementor-button:focus-visible svg{ fill:#FFFFFF !important; }
.uknat-cta .uknat-cta__primary .elementor-button:active{
  background-color:var(--cta-accent-press, #12173A) !important;
  border-color:rgba(255,255,255,.7) !important;
}

/* SECONDARY PAIR - outline lightens to off-white carrying the page accent */
.uknat-cta .uknat-cta__ghost .elementor-button{
  transition:background-color .18s ease-out, color .18s ease-out,
             border-color .25s ease !important;
}
.uknat-cta .uknat-cta__ghost .elementor-button svg{ transition:fill .18s ease-out; }
.uknat-cta .uknat-cta__ghost .elementor-button:hover,
.uknat-cta .uknat-cta__ghost .elementor-button:focus-visible{
  background:#EBEBEB !important;
  border-color:#EBEBEB !important;
  color:var(--cta-accent) !important;
  transform:none !important;
}
.uknat-cta .uknat-cta__ghost .elementor-button:hover *,
.uknat-cta .uknat-cta__ghost .elementor-button:focus-visible *{ color:var(--cta-accent) !important; }
.uknat-cta .uknat-cta__ghost .elementor-button:hover svg,
.uknat-cta .uknat-cta__ghost .elementor-button:focus-visible svg{ fill:var(--cta-accent) !important; }

/* HERO (homepage) 1b Invert - UNCHANGED, kept exactly as shipped */
.uknat-hero__wa .elementor-button,
.uknat-hero__tel .elementor-button{
  transition:background-color .3s ease, color .3s ease, border-color .3s ease !important;
  box-shadow:none !important;
}
.uknat-hero__wa .elementor-button svg,
.uknat-hero__tel .elementor-button svg{ transition:fill .3s ease, stroke .3s ease; }
.uknat-hero__wa .elementor-button svg path[fill]:not([fill="none"]),
.uknat-hero__tel .elementor-button svg path[fill]:not([fill="none"]){ fill:currentColor !important; }
.uknat-hero__tel .elementor-button svg path[stroke]:not([stroke="none"]){ stroke:currentColor !important; }

.uknat-hero__wa .elementor-button:hover, .uknat-hero__wa .elementor-button:focus-visible{ background-color:#EBEBEB !important; border-color:#EBEBEB !important; color:#004225 !important; box-shadow:none !important;
}
.uknat-hero__wa .elementor-button:hover *,
.uknat-hero__wa .elementor-button:focus-visible *{ color:#004225 !important; }

.uknat-hero__tel .elementor-button:hover, .uknat-hero__tel .elementor-button:focus-visible{ background-color:#EBEBEB !important; border-color:#EBEBEB !important; color:#1C244B !important; box-shadow:none !important;
}
.uknat-hero__tel .elementor-button:hover *,
.uknat-hero__tel .elementor-button:focus-visible *{ color:#1C244B !important; }

/* Focus ring */
.uknat-hero__wa .elementor-button:focus-visible,
.uknat-hero__tel .elementor-button:focus-visible,
.uknat-cta .uknat-cta__primary .elementor-button:focus-visible,
.uknat-cta .uknat-cta__ghost .elementor-button:focus-visible{
  outline:2px solid #FFFFFF !important; outline-offset:2px !important;
}

@media (prefers-reduced-motion:reduce){
  .uknat-cta .uknat-cta__primary .elementor-button,
  .uknat-cta .uknat-cta__primary .elementor-button:hover,
  .uknat-cta .uknat-cta__ghost .elementor-button,
  .uknat-hero__wa .elementor-button,
  .uknat-hero__tel .elementor-button{ transition:none !important; transform:none !important; }
}


/* ============================================================
   UKN-HERO-ARTICLE - service-article hero pair (shape 4a + flip 6a)
   42 pages, classes uknat-hero__article-primary / __article-tel.
   Theme comes from the silo body class (uknat-silo-class.php). NOTE: the
   existing --uknat-link token is the SECONDARY colour and is NOT usable here
   (citizenship's link is burgundy while its hero ink is navy), so this block
   defines its own main-colour tokens.
   Resting ink is left to each page's stored Elementor value.
   ============================================================ */
body                        { --ukn-hero-ink:#1C244B; --ukn-hero-flip:#171E40; --ukn-hero-press:#12173A; }
body.uknat-silo-citizenship { --ukn-hero-ink:#1C244B; --ukn-hero-flip:#171E40; --ukn-hero-press:#12173A; }
body.uknat-silo-passport    { --ukn-hero-ink:#70314C; --ukn-hero-flip:#5D2840; --ukn-hero-press:#4A2033; }
body.uknat-silo-visa        { --ukn-hero-ink:#004225; --ukn-hero-flip:#00351D; --ukn-hero-press:#002A17; }

/* Shared shape: 57px tall, 8px radius, matched 232px width */
.uknat-hero__article-primary .elementor-button,
.uknat-hero__article-tel .elementor-button{
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px;
  min-width:208px !important;   /* natural ~203px at 15px - headroom, never an exact fit */
  padding:12px 22px !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  font-size:15px !important;
  line-height:normal !important;   /* widgets store 1.3em, which caps the pair at 54px */
  transition:background-color .18s ease-out, color .18s ease-out,
             border-color .25s ease !important;
}

/* Primary: cream plate, keeps the page's own stored ink, flips darker */
.uknat-hero__article-primary .elementor-button{
  background-color:#F7F5F2 !important;
  border-color:#F7F5F2 !important;
  color:var(--ukn-hero-ink) !important;   /* hub heroes store #000000; leaf pages already match this token */
  font-weight:600 !important;
}
.uknat-hero__article-primary .elementor-button:hover,
.uknat-hero__article-primary .elementor-button:focus-visible{
  background-color:var(--ukn-hero-flip) !important;
  border-color:#FFFFFF !important;
  color:#FFFFFF !important;
}
.uknat-hero__article-primary .elementor-button:hover *,
.uknat-hero__article-primary .elementor-button:focus-visible *{ color:#FFFFFF !important; }
.uknat-hero__article-primary .elementor-button:active{
  background-color:var(--ukn-hero-press) !important;
  border-color:rgba(255,255,255,.7) !important;
}

/* Secondary: outline, lightens to off-white carrying the page's main colour */
.uknat-hero__article-tel .elementor-button{
  background-color:transparent !important;
  border-color:rgba(255,255,255,.45) !important;
  color:#FFFFFF !important;
  font-weight:500 !important;
}
.uknat-hero__article-tel .elementor-button:hover,
.uknat-hero__article-tel .elementor-button:focus-visible{
  background-color:#EBEBEB !important;
  border-color:#EBEBEB !important;
  color:var(--ukn-hero-ink) !important;
}
.uknat-hero__article-tel .elementor-button:hover *,
.uknat-hero__article-tel .elementor-button:focus-visible *{ color:var(--ukn-hero-ink) !important; }

/* Icons follow the label. The handset is FontAwesome (a FILLED path), so
   fill:none would erase it - the stroke rule is guarded to stroked glyphs only. */
.uknat-hero__article-primary .elementor-button svg,
.uknat-hero__article-tel .elementor-button svg{
  fill:currentColor; transition:fill .18s ease-out, stroke .18s ease-out;
}
.uknat-hero__article-tel .elementor-button svg path[stroke]:not([stroke="none"]){ stroke:currentColor; }

/* Focus */
.uknat-hero__article-primary .elementor-button:focus-visible,
.uknat-hero__article-tel .elementor-button:focus-visible{
  outline:2px solid #FFFFFF !important; outline-offset:2px !important;
}

/* Below 480px: stack full width rather than hold 232px */
@media (max-width:480px){
  .uknat-hero__article-primary .elementor-button,
  .uknat-hero__article-tel .elementor-button{ min-width:0 !important; width:100% !important; }
}
@media (prefers-reduced-motion:reduce){
  .uknat-hero__article-primary .elementor-button,
  .uknat-hero__article-tel .elementor-button{ transition:none !important; }
}/* End custom CSS */