/* Additions to the Twenty Fifteen stylesheet for parts that only exist in the static export. */
.video-facade {
  border: 0;
  display: block;
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  overflow: hidden;
  margin-bottom: 1.6em;
}
.video-facade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .85;
}
.video-facade:hover img { opacity: 1; }
.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 48px;
  margin: -24px 0 0 -34px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .75);
}
.video-play::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 27px;
  border-style: solid;
  border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #fff;
}
.video-facade:hover .video-play { background: #c00; }
.video-frame {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  margin-bottom: 1.6em;
}
.missing-image,
.embed-link {
  display: block;
  padding: .8em 1em;
  margin-bottom: 1.6em;
  background: #f4f4f4;
  color: #707070;
  font-size: .85em;
}
pre.gist { overflow-x: auto; }
.search-result { margin-bottom: 2.4em; }
.search-result h2 { margin: 0 0 .3em; }
.search-result p { margin-bottom: .4em; }
#search-results {
  background: #fff;
  padding: 7.6923%;
}
@media screen and (min-width: 59.6875em) {
  #search-results { margin: 0 8.3333%; }
}