/*
 * Home page additions on top of the design's style.css. Loaded only by Views/Home/Index.cshtml.
 */

/* A hero slide whose image was uploaded in the admin console (light and dark variants arrive as CSS variables). */
.heroSlider .hero-image-custom {
  background-image: var(--hero-img);
}
body.dark .heroSlider .hero-image-custom {
  background-image: var(--hero-img-dark, var(--hero-img));
}

/* Learning-path cards state their length instead of a progress bar. */
.LearningPath .lp-progress span {
  white-space: nowrap;
}

/* Stat tiles */
.home-stats .kpi-box {
  transition: 0.25s;
}
body.dark .home-stats .kpi-box {
  background-color: #01060b;
}