/*================== Column paragraphs styling ======================================= */
.paragraph__content--flex-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.paragraph__content--flex-container.paragraph__content--flex-two > .paragraph {
  flex: 0 1 48%;
  margin: 1%;
}
.paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
  flex: 0 1 31.3%;
  margin: 1%;
}
.paragraph__content--flex-container.paragraph__content--flex-four > .paragraph {
  flex: 0 1 23%;
  margin: 1%;
}
@media all and (max-width: 56rem) {
  .paragraph__content--flex-container[class*="paragraph__content--flex"] {
    flex-direction: column;
  }
}
/*
 * .paragraph__image   			 -> .paragraph__content--image
 * .paragraph__image--colorbox   -> .paragraph__content--image-colorbox
 * .paragraph__image--banner	 -> .paragraph__content--image-banner
 */
.paragraph__content--image-banner {
  position: relative;
}
.paragraph__content--image-banner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
}
.paragraph {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
  margin-bottom: 1em;
}
.paragraph.has-color {
  padding: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
  color: white;
}
.paragraph.has-color > .paragraph__content {
  margin-bottom: 0;
}
.paragraph.grey-box,
.paragraph.gray-box {
  background-color: #f5f5f5;
  padding: 2em 1em 1em;
  border-radius: 0 1.5em;
}
.paragraph .paragraph {
  width: auto;
  margin: 0;
  max-width: none;
}
.paragraph__content {
  margin-bottom: 1em;
}
.page-content__paragraphs-wrapper > .paragraph--container.bg-red,
.page-content__paragraphs-wrapper > .paragraph--container.bg-blue,
.page-content__paragraphs-wrapper > .paragraph--container.bg-green,
.page-content__paragraphs-wrapper > .paragraph--container.bg-footer,
.page-content__paragraphs-wrapper > .paragraph--container.bg-gray,
.page-content__paragraphs-wrapper > .paragraph--container.bg-dark-red,
.page-content__paragraphs-wrapper > .paragraph--container.bg-dark-blue,
.page-content__paragraphs-wrapper > .paragraph--container.bg-light-blue,
.page-content__paragraphs-wrapper > .paragraph--container.bg-white {
  width: auto;
  margin: 0;
  max-width: none;
  padding-top: 2em;
  padding-bottom: 2em;
}
.page-content__paragraphs-wrapper > .paragraph--container.bg-red > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-blue > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-green > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-footer > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-gray > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-dark-red > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-dark-blue > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-light-blue > .paragraph__content,
.page-content__paragraphs-wrapper > .paragraph--container.bg-white > .paragraph__content {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
}