/* preloader.css - initial state + transitions */
#site-preloader,
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #DAFF45;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: background 1s ease, opacity 0.6s ease;
}

.preloader.hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.preloader-logo {
  width: 39vw;
  height: auto;
  max-width: 680px;
}

/* example mask class placeholders (if you want to use masks in SVG) */
.mask-rect {
  transform: translateY(100%);
  transition: none;
}

.fill-mask {
  transform: translateY(0%);
}

/* fade page content in/out */
.home .page-content,
.single-post .page-content,
.single-resources .page-content {
  transition: opacity 1s ease;
  opacity: 0;
}

.home .page-content.visible,
.single-post .page-content.visible,
.single-resources .page-content.visible {
  opacity: 1;
}