/* *****************************************************************************
*
*  Hero Video Background
*
* ***************************************************************************** */

.hero-video-background {

  video {
    @extend .position-absolute--center;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
  }

  &__container {
    position: relative;
  }

  &.hide-hero-sm {
    background: $dark;
    color: $light;

    video {
      @include media-breakpoint-down(sm) {
        display: none;
      }
    }
  }

  &--full-width {
    video {
      display: block;
      margin: 0 auto;
      z-index: auto;
      position: static;
      transform: none;
      min-width: auto;
      min-height: auto;
      max-width: 100%;
    }

    .hero-video-background__container {
      @extend .position-absolute--bottom;
    }

    .hero-video-background__content {
      @include flex-maker(flex, space-between, stretch, column);
    }
  }

}