figure img {
  display: block;
}

/* Captions */

figcaption {
  color: var(--color-grey-dk);
  font-size: .7rem;
  padding: 0.3rem 0.6rem .3rem 1.4rem;

  &::before {
    content: '';
    background-color: var(--color-blue);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    overflow: hidden;
    height: .8em;
    width: 1em;
    float: left;
    margin: .2rem 0 1rem -1.2rem;
  }

  p:last-child {
    margin-bottom: 0;
  }
}

/* Images floated left or right */

.field--name-body .media {
  margin: 1rem 0;
}

.media.align-center {
  img {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

.media.align-left {
  margin-right: 1rem;
}

.media.align-right {
  margin-left: 1rem;
}

/* Remote videos */
.field--name-field-media-oembed-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin: 1rem 0;

  & iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}