/*
 * Static-archive adjustments.
 *
 * The Decibel theme sized several elements from JavaScript on every resize.
 * That script is not shipped here, so the same results are expressed in CSS.
 */

/* The home hero was sized to WolfThemeParams.headerPercent (85) of the viewport. */
.is-home-header .header-inner {
  height: 85vh;
  min-height: 320px;
  position: relative;
}

/* WPBakery's animation classes start hidden and were revealed by wow.js. */
.wpb_animate_when_almost_visible,
.wpb_start_animation {
  opacity: 1 !important;
}

/* The theme's fitText() scaled page titles; a clamp covers the same range. */
.page-title-container .page-title {
  font-size: clamp(2.4rem, 7vw, 4.8rem);
  line-height: 1.1;
}

/* Back-to-top is revealed by script; keep it hidden until then. */
#top-arrow {
  display: none;
}

/* Embeds kept their inline width/height attributes from the page builder. */
.entry-content iframe {
  max-width: 100%;
}

/*
 * The theme stacks a dark and a light logo on top of each other and measured
 * the link's height in JS. Both images are the same size, so letting one sit
 * in normal flow gives the link its height and the other can overlay it.
 */
#navbar-container .logo a {
  display: block;
  position: relative;
}
#navbar-container .logo a .logo-light {
  position: relative;
}
#navbar-container .logo a .logo-dark {
  position: absolute;
  top: 0;
  left: 0;
}

/*
 * setMinHeight() in the theme's script stretched short pages so the footer
 * never floated in the middle of the viewport. The subtracted amount covers
 * the page header above and the streaming bar plus footer below.
 */
#main {
  min-height: calc(100vh - 350px);
}