/*
 * Enter any custom CSS here./* =========================================================
   GLOBAL NEON COLOR TEXT (Animated gradient)
========================================================= */

:root{
  --neo-a: #ff4fd8;
  --neo-b: #9a6bff;
  --neo-c: #00fff0;
  --neo-d: #ffe066;
}

@keyframes neoHue {
  0%   { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
@keyframes neoFlow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

h1,h2,h3,h4,h5,h6,
.hero h1, .hero h2, .hero h3{
  background: linear-gradient(90deg, var(--neo-a), var(--neo-b), var(--neo-c), var(--neo-d), var(--neo-a));
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;

  text-shadow:
    0 0 14px rgba(255,79,216,.20),
    0 0 20px rgba(154,107,255,.14),
    0 0 26px rgba(0,255,240,.10);

  animation: neoFlow 2.6s linear infinite, neoHue 8s linear infinite;
}

a, a:visited{
  color: rgba(220,205,255,.95) !important;
  text-shadow:
    0 0 10px rgba(154,107,255,.22),
    0 0 12px rgba(255,79,216,.14);
}

a:hover{
  background: linear-gradient(90deg, var(--neo-a), var(--neo-b), var(--neo-c), var(--neo-d), var(--neo-a));
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: neoFlow 1.2s linear infinite, neoHue 6s linear infinite;
}

.price, [class*="price"], [class*="amount"], [class*="total"], .badge, [class*="badge"]{
  background: linear-gradient(90deg, var(--neo-d), var(--neo-a), var(--neo-c), var(--neo-b), var(--neo-d));
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;

  text-shadow:
    0 0 12px rgba(255,224,102,.18),
    0 0 18px rgba(0,255,240,.10);

  animation: neoFlow 2.0s linear infinite, neoHue 10s linear infinite;
}

button, .btn, [class*="btn"]{
  color: rgba(255,255,255,.96) !important;
  text-shadow:
    0 0 10px rgba(255,79,216,.14),
    0 0 12px rgba(154,107,255,.10);
}

p, span, li, small, .text-muted, [class*="muted"]{
  color: rgba(235,225,255,.86) !important;
  text-shadow: 0 0 10px rgba(154,107,255,.08);
}

input, textarea, select{
  color: rgba(255,255,255,.92) !important;
  text-shadow: none !important;
  filter: none !important;
  background-clip: initial !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(255,255,255,.60) !important;
  text-shadow: none !important;
}
 * This file will not be overwritten by theme updates.
*/