.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000E0;overscroll-behavior:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==== SPIRIT two-character background (simple, no boxes) ==== */

/* Replace these with your Media Library links */
:root{
  --blue-cat: url('https://spiritcoin.online/wp-content/uploads/2025/09/d4c27898-c749-4a2f-8cc9-9cff7ed8b679-2.png');
  --red-cat:  url('https://spiritcoin.online/wp-content/uploads/2025/09/f3da818f-eff0-4ad0-9d46-22e6da24d709-2.png');
}

/* Dark base */
html{ background: linear-gradient(180deg,#0b1320,#0e1727); }
body{ margin:0; position:relative; z-index:1; }

/* Subtle center glow so content reads nicely */
html::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(50% 40% at 50% 38%, rgba(102,211,255,.10), transparent 60%),
    radial-gradient(120% 80% at 50% 110%, rgba(0,0,0,.35), transparent 40%);
}

/* LEFT — Blue cat (faded edges = no rectangle) */
body::before{
  content:""; position:fixed; z-index:0; pointer-events:none;
  left:2vw; bottom:-3vh; width:34vw; height:72vh;
  background: var(--blue-cat) left bottom / contain no-repeat;
  filter: drop-shadow(0 0 26px rgba(102,211,255,.45));
  opacity:.62;

  /* soft edge fade to hide any box in the source image */
  -webkit-mask-image: radial-gradient(70% 95% at 40% 65%, #000 60%, transparent 100%);
          mask-image: radial-gradient(70% 95% at 40% 65%, #000 60%, transparent 100%);
}

/* RIGHT — Red cat (mirrors inward with same soft fade) */
body::after{
  content:""; position:fixed; z-index:0; pointer-events:none;
  right:-1vw; bottom:-5vh; width:38vw; height:78vh;
  background: var(--red-cat) right bottom / contain no-repeat;
  filter: drop-shadow(0 0 26px rgba(255,80,70,.45));
  opacity:.62;
  transform: scaleX(-1); /* face inward */

  -webkit-mask-image: radial-gradient(70% 95% at 60% 65%, #000 60%, transparent 100%);
          mask-image: radial-gradient(70% 95% at 60% 65%, #000 60%, transparent 100%);
}

/* Optional mobile size tweak */
@media (max-width: 780px){
  body::before{ width:44vw; height:50vh; left:1vw; bottom:-2vh; opacity:.58; }
  body::after { width:48vw; height:54vh; right:-6vw; bottom:-3vh; opacity:.58; }
}
/* Prevent line wrap + allow fixed width */
.cta.no-shift { white-space: nowrap; }

/* Optional: small center alignment insurance on very narrow screens */
@media (max-width:560px){
  .cta.no-shift { justify-content: center; }
}
/* === Tighten the hero panel vertically without affecting background === */
.spirit-hero .glass{
  /* reduce only top/bottom padding; keep current width/left-right feel */
  padding-block: 12px;         /* top & bottom */
  padding-inline: 28px;        /* left & right (unchanged look) */
  border-radius: 18px;         /* optional: slightly crisper */
}

.spirit-hero .spirit-title{
  margin: 6px 0 10px;          /* less gap above/below title */
}

.spirit-hero .spirit-tag{
  margin: 6px auto 12px;       /* bring body copy closer to title */
}

.spirit-hero .spirit-ctas{
  margin-top: 6px;             /* bring buttons closer to copy */
  gap: 10px;                   /* a touch tighter between buttons */
}

/* Keep copy button stable; doesn't affect layout elsewhere */
#copyBtn{ white-space: nowrap; }
@media (max-width:560px){
  .spirit-hero .spirit-ctas .cta{ justify-content: center; }
}
/* Make the hero box fully transparent & tighter vertically */
.spirit-hero .glass{
  background: transparent !important;          /* no fill */
  -webkit-backdrop-filter: none !important;    /* no blur across the whole box */
  backdrop-filter: none !important;
  padding-block: 10px !important;              /* reduce top/bottom only */
  padding-inline: 28px;                        /* keep current width feel */
  border: 1px solid var(--panel-border);       /* keep the subtle frame */
  box-shadow: 0 20px 60px rgba(0,0,0,.45),     /* keep lift */
              inset 0 1px 0 rgba(255,255,255,.08);
  border-radius: calc(var(--radius) + 6px);
}
/* --- Make the hero box truly see-through (no mid-panel tint) --- */

/* 1) Glass: no fill, no blur; keep border/shadow and tighter padding */
.spirit-hero .glass{
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding-block: 10px !important;   /* top/bottom only */
  padding-inline: 28px;              /* keep comfy left/right */
  border: 1px solid var(--panel-border);
  box-shadow: 0 20px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
  border-radius: calc(var(--radius) + 6px);
}

/* 2) Nuke any background a theme block might be adding in the hero */
.spirit-hero .spirit-inner,
.spirit-hero .wp-block-group,
.spirit-hero .wp-block-cover,
.spirit-hero .wp-block-cover__background,
.spirit-hero [class*="cover"],
.spirit-hero [class*="background"]{
  background: transparent !important;
}

/* 3) If a wrapper uses pseudo elements for a tint, remove them */
.spirit-hero .spirit-inner::before,
.spirit-hero .spirit-inner::after,
.spirit-hero .wp-block-cover::before,
.spirit-hero .wp-block-group::before{
  content: none !important;
}

/* 4) Keep the copy button steady (no wrap / no width shift) */
#copyBtn{ white-space: nowrap; }
@media (max-width:560px){
  .spirit-hero .spirit-ctas .cta{ justify-content:center; }
}
/* Kill any hidden background behind the hero box */
.spirit-hero,
.spirit-hero::before,
.spirit-hero::after,
.spirit-hero .spirit-inner,
.spirit-hero .spirit-inner::before,
.spirit-hero .spirit-inner::after {
  background: transparent !important;
  box-shadow: none !important;
}/* End custom CSS */