@import url(https://use.typekit.net/ssh8ajx.css);
/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
.block-video {
  position: relative;
  overflow: hidden;
  padding-bottom: 550px;
  margin-bottom: -400px;
}
@media only screen and (max-width: 575px) {
  .block-video {
    padding-top: 200px;
    margin-top: -42px;
  }
}
@media only screen and (max-width: 991px) {
  .block-video {
    background-image: url("/wp-content/themes/orna-child/dist/images/curved-purple-gradient-m.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 300px;
  }
}
@media only screen and (min-width: 992px) {
  .block-video {
    padding-top: 0;
    padding-bottom: 600px;
    margin-bottom: -590px;
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .block-video {
    padding-bottom: 550px;
    margin-bottom: -450px;
  }
}
@media only screen and (min-width: 1600px) {
  .block-video {
    padding-bottom: 550px;
    margin-bottom: -400px;
  }
}
@media only screen and (min-width: 1800px) {
  .block-video {
    padding-bottom: 610px;
    margin-bottom: -485px;
  }
}
@media only screen and (min-width: 2550px) {
  .block-video {
    padding-bottom: 690px;
    margin-bottom: -540px;
  }
}
@media only screen and (max-width: 575px) {
  .block-video .container {
    padding: 0 !important;
  }
}
.block-video .video__wrap {
  max-width: 1300px;
  margin: 0 auto;
}
.block-video .video__wrap.vimeo-video {
  height: 50vw;
}
@media only screen and (max-width: 767px) {
  .block-video .video__wrap.vimeo-video {
    width: px;
  }
}
@media only screen and (min-width: 576px) {
  .block-video .video__wrap.vimeo-video {
    height: 29vh;
  }
}
@media only screen and (min-width: 768px) {
  .block-video .video__wrap.vimeo-video {
    height: 384px;
  }
}
@media only screen and (min-width: 992px) {
  .block-video .video__wrap.vimeo-video {
    height: 520px;
  }
}
@media only screen and (min-width: 1200px) {
  .block-video .video__wrap.vimeo-video {
    height: 625px;
  }
}
@media only screen and (min-width: 1440px) {
  .block-video .video__wrap.vimeo-video {
    height: 655px;
    width: 1162px;
  }
}
.block-video .video__wrap-item {
  height: 100%;
}
.block-video .video__wrap-item__wrapper {
  position: relative;
  height: 100%;
}
.block-video .video__wrap-item__placeholder {
  transition: all 0.4s ease;
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-size: cover;
}
.block-video .video__wrap-item__placeholder.hidden {
  visibility: hidden;
  opacity: 0;
}
.block-video .video__wrap-item__placeholder:hover .vimeo-play-button {
  opacity: 0.8;
}
.block-video .video__wrap-item__placeholder .vimeo-play-button {
  cursor: pointer;
  transition: all 0.4s ease;
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url("/wp-content/themes/orna-child/dist/images/svg/play-button.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) {
  .block-video .video__wrap-item__placeholder .vimeo-play-button {
    width: 65px;
    height: 65px;
  }
}
.block-video .video__wrap-item .embed-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  background: #ffffff;
  height: 100%;
}
.block-video .video__wrap-item .embed-container iframe,
.block-video .video__wrap-item .embed-container object,
.block-video .video__wrap-item .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block-video .video__wrap .video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .block-video .video__wrap .video {
    object-position: -35vw;
    width: 135vw;
  }
}
.ie .block-video .video__wrap .video {
  width: 100%;
  height: auto;
}
.block-video .image__wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .block-video .image__wrap {
    top: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  .block-video .image__wrap {
    top: 300px;
  }
}
@media only screen and (min-width: 1600px) {
  .block-video .image__wrap {
    top: 200px;
  }
}
.block-video .image__wrap img {
  width: 100%;
}
.block-video .dots-image {
  position: absolute;
  top: 40px;
  z-index: -1;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .block-video .dots-image {
    top: 0px;
  }
}
.block-video .dots-image img {
  width: 100%;
}

/*# sourceMappingURL=video-background.css.map*/