/*
 * Walkborder v4.0.1 WordPress fidelity fix.
 *
 * The static prototype uses JS reveal animations. In WordPress/DDEV, if that JS
 * does not initialise exactly as in the static prototype, .reveal blocks stay
 * invisible, which creates the large blank sections seen after the hero.
 *
 * For the Home ACF validation build, content must be visible by default.
 */

.reveal,
.reveal.is-visible,
html:not(.js) .reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.reveal > * {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Keep home sections visible even if prototype animation JS fails. */
#main-content section,
#main-content article,
#main-content .grid,
#main-content .mx-auto {
  visibility: visible;
}

/* Prevent prototype animation offsets from creating empty vertical space. */
[data-animate],
[data-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

/* WordPress admin bar offset for fixed header while logged in. */
body.admin-bar #site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar #site-header {
    top: 46px;
  }
}