/************ Skandinavisk colors ***********/
/******* Aspect ratios *****/
/****** Transition *******/
.video-banner {
  position: relative;
  overflow: hidden;
}
.video-banner.video-banner--fixed-height {
  max-height: calc(100vh - 92px);
}
@media only screen and (max-width: 767px) {
  .video-banner.video-banner--fixed-height {
    max-height: calc(100vh - 62px);
  }
}

.video-banner__info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  max-height: 970px;
}
@media only screen and (max-width: 767px) {
  .video-banner__info {
    padding: 0 35px;
  }
}
@media only screen and (max-width: 320px) {
  .video-banner__info {
    padding: 0 15px;
  }
}

.video-banner__video,
.video-banner__video-mobile {
  padding-top: 56.25%;
  position: relative;
  background-repeat: no-repeat;
  background-position: var(--focal-point-x) var(--focal-point-y);
  background-size: cover;
}
.video-banner__video iframe,
.video-banner__video object,
.video-banner__video embed,
.video-banner__video-mobile iframe,
.video-banner__video-mobile object,
.video-banner__video-mobile embed {
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}
.video-banner__video.fixed-height,
.video-banner__video-mobile.fixed-height {
  min-height: 300px;
}

.video-banner__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--focal-point-x) var(--focal-point-y);
     object-position: var(--focal-point-x) var(--focal-point-y);
  display: block;
  min-height: 300px;
  max-height: calc(100vh - 62px);
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .video-banner__image {
    -o-object-position: center 0;
       object-position: center 0;
  }
}
/*# sourceMappingURL=video-banner.css.map*/