/**
  * @file
  * Images shown in main content areas.
  **/

/** Ensures the image is never bigger than its container **/
img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

img:not(p img) {
  margin-bottom: 1rem;
}

/** Alignment within main content article **/
article img.align-left {
  padding: 0 1rem 1rem 0;
}

article img.align-right {
  padding: 0 0 1rem 1rem;
}

article figure {
  margin: 0;
}

article figure.caption-img.align-left {
  padding-right: 1rem;
}

article figure.caption-img.align-right {
  padding-left: 1rem;
}

article figure figcaption {
  background-color: var(--light-grey);
  text-align: center;
}

article figure.caption-img.align-right {
  margin-left: 1rem;
}

figure.caption-img.align-left figcaption {
  margin-right: 1rem;
}

figure.caption-img.align-right figcaption {
  margin-left: 1rem;
}