/**
 * @file
 * Styles for ckeditor's alignment classes for block level elements (images, videos, blockquotes, etc.)
 */

 .media--type-video {
  width: 100%;
}

figure.media--type-image,
figure.media--type-video {
  display: table;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
}

.media--type-video figcaption {
  width: 100%;
}

.align-left,
.align-right,
.align-center {
  float: none;
  margin: 30px 0;
}
.align-left img,
.align-right img,
.align-center img {
  max-width: 100%;
  height: auto;
}

@media all and (min-width: 48em) {
  .align-left {
    float: left;
    margin: 0 60px 30px 0;
  }
  .align-right {
    float: right;
    margin: 0 0 30px 60px;
  }
  .align-center {
    margin: 60px auto;
  }

  .align-center.media,
  .align-left.media,
  .align-right.media {
    max-width: 360px;
  }
}

@media all and (min-width: 64em) {
  .align-center.media,
  .align-left.media,
  .align-right.media {
    max-width: 480px;
  }
}