/* Admin-controlled hero blue background overlay values.
   Variables are generated in partials/dynamic-style.php from Admin > Design. */
.fcgt-presale-bg-hero::before{
  opacity:var(--hero-glow-opacity, .78) !important;
}

.fcgt-presale-bg-hero::after{
  background:
    linear-gradient(
      90deg,
      rgba(3,7,20,var(--hero-overlay-left-opacity, .84)),
      rgba(3,7,20,var(--hero-overlay-center-opacity, .32)) 50%,
      rgba(3,7,20,var(--hero-overlay-right-opacity, .60))
    ),
    linear-gradient(
      180deg,
      rgba(3,7,20,.18),
      rgba(3,7,20,var(--hero-overlay-bottom-opacity, .88))
    ) !important;
}

.fcgt-particles-bg{
  opacity:var(--hero-particles-opacity, .78) !important;
}

@keyframes fcgtBlueBgDrift{
  0%{transform:translate3d(-2%, -1%, 0) scale(1);}
  50%{transform:translate3d(2%, 1%, 0) scale(1.06);}
  100%{transform:translate3d(4%, -2%, 0) scale(1.12);}
}

@media (max-width:760px){
  .fcgt-particles-bg{
    opacity:var(--hero-particles-opacity, .48) !important;
  }
  .fcgt-presale-bg-hero::after{
    background:linear-gradient(
      180deg,
      rgba(3,7,20,var(--hero-overlay-mobile-top-opacity, .55)),
      rgba(3,7,20,var(--hero-overlay-bottom-opacity, .90))
    ) !important;
  }
}