// Module Parallax Styles

.jarallax {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: -1;

  video {
    opacity: 0;
    transition: opacity .25s;
  }
}

.jarallax-img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  z-index: -100;
  opacity: 0;
  transition: opacity .25s;

  &.image--loaded {
    opacity: 1;
  }
}

span[data-jarallax-element] {
  display: inline-block;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .jarallax video {
    opacity: 1;
  }
}

@supports (-ms-ime-align: auto) {
  .jarallax video {
    opacity: 1;
  }
}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    .jarallax video {
      opacity: 1;
    }
}}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.jarallax-img.image--loaded { width: 140%!important; height: auto!important; left: -20%!important; }
}
