/* ===================================================================
 * # site overrides (replace the old Angular/jQuery plugin styles)
 * ------------------------------------------------------------------- */

/* hero background, previously injected by parallax.js */
.s-home {
  background: #000000 url("../images/hero-bg.jpg") no-repeat center;
  background-size: cover;
}

@media only screen and (min-width: 801px) and (prefers-reduced-motion: no-preference) {
  .s-home {
    background-attachment: fixed;
  }
}

.privacy-section h2 {
  color: white;
}

/* preloader fade, previously jQuery fadeOut */
#preloader {
  transition: opacity .6s ease-in .3s, visibility 0s linear .9s;
}

html.cl-loaded #preloader {
  opacity: 0;
  visibility: hidden;
}

/* back to top, previously jQuery fadeIn/fadeOut */
.go-top {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility 0s linear .4s;
}

.go-top.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s;
}

/* contact form states, previously jQuery slideDown/fadeIn */
.submit-loader.is-visible,
.message-warning.is-visible,
.message-success.is-visible {
  display: block;
}

#contactForm.is-hidden {
  display: none;
}

.full-width {
  width: 100%;
}

/* team */
.s-contact .team-member .photo {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.s-contact .team-member .photo img {
  width: 100%;
  height: auto;
}