/* line 2, ../../sass/partials/paragraph--hero.scss */
.hero .hero-image-placeholder {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  /* line 2, ../../sass/partials/paragraph--hero.scss */
  .hero .hero-image-placeholder {
    margin-top: -35px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* line 10, ../../sass/partials/paragraph--hero.scss */
.hero .hero-image-placeholder .play-button {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #EECC00;
  z-index: 8;
  box-shadow: 6px 6px 20px rgba(0, 0, 119, 0.5);
  border-radius: 100%;
  margin: 10px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  transform: translate(-50%, -50%);
}
/* line 22, ../../sass/partials/paragraph--hero.scss */
.hero .hero-image-placeholder .play-button:after {
  content: "";
  background-image: url(/themes/custom/covenanthouse/images/icons/play-button.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  display: block;
  transform: translate(-50%, -50%);
  transition: transform .3s linear 0s;
  background-size: contain;
}
/* line 36, ../../sass/partials/paragraph--hero.scss */
.hero .hero-image-placeholder .embed-image-thumbnail {
  display: block;
  margin: 0 auto;
}
/* line 42, ../../sass/partials/paragraph--hero.scss */
.hero .responsive-embed {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
@media (min-width: 767px) {
  /* line 42, ../../sass/partials/paragraph--hero.scss */
  .hero .responsive-embed {
    margin: 2em auto;
  }
}
/* line 51, ../../sass/partials/paragraph--hero.scss */
.hero .responsive-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* line 61, ../../sass/partials/paragraph--hero.scss */
.hero .image-style-hero-image-paragraph {
  margin: 0;
  width: 100%;
}

/*# sourceMappingURL=paragraph--hero.css.map */