/* prevent overscroll behaviour which shows fixed footer */
:root, body {
  overscroll-behavior: none;
}

html.is-changing .transition-main {
  transition: opacity 500ms ease-in-out;
}

html.is-leaving .transition-main {
  transition: opacity 500ms ease-in-out;
}

html.is-animating .transition-main {
  opacity: 1;
}

.swup-hero {
  transition: opacity 500ms, transform 500ms;
}
html.is-animating .swup-hero {
  opacity: 1;
}


#logo {
  transition: opacity 500ms, transform 500ms;
}

html.is-animating #logo {
  opacity: 0.3;
  transform: scale(0.8);
}


#static-header-bar {
  transition: background-color 500ms, transform 500ms;
}

html.is-animating #static-header-bar {
  background-color: red;
}

.swup-hero-image {
  transition: opacity 500ms, transform 500ms;
}

html.is-animating .swup-hero-image {
  opacity: 0.5;
}

.swup-hero-image, .swup-hero-button {
  transition: opacity 500ms, transform 500ms;
}

html.is-animating .swup-hero-button,
html.is-animating .swup-hero-image {
  opacity: 0;
}