/* -----------------------------------------------------------------------------

  Paragraph Section CSS.

  Table of Contents:
    Base Paragraph Styling
    Widths
    Nesting
    Paragraph Types
    Colors

      The following classes are available if the different Paragraph types
      need their own individual styling.

      .paragraph.paragraph--type--bp-accordion {} -- Is used below
      .paragraph.paragraph--type--bp-blank {}
      .paragraph.paragraph--type--bp-carousel {} -- Is used below
      .paragraph.paragraph--type--bp-columns {} -- Is used below
      .paragraph.paragraph--type--bp-columns-three-uneven {} -- Is used below
      .paragraph.paragraph--type--bp-columns-two-uneven {} -- Is used below
      .paragraph.paragraph--type--bp-contact {}
      .paragraph.paragraph--type--bp-image {} -- Is used below
      .paragraph.paragraph--type--bp-modal {} -- Is used below
      .paragraph.paragraph--type--bp-simple {}
      .paragraph.paragraph--type--bp-tabs {} -- Is used below
      .paragraph.paragraph--type--bp-view {}

----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Base Paragraph Styling.                                                    */
/* -------------------------------------------------------------------------- */
.paragraph {
  margin-left: -15px;
  margin-right: -15px;
  display: table;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.paragraph > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .paragraph > .paragraph__column {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .paragraph > .paragraph__column {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .paragraph > .paragraph__column {
    float: left;
    width: 100%;
  }
}
.paragraph--type--bp-carousel .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns-three-uneven .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-columns-two-uneven .paragraph:last-of-type > .paragraph__column,
.paragraph--type--bp-tabs .paragraph:last-of-type > .paragraph__column {
  padding-bottom: 0;
}
/* -------------------------------------------------------------------------- */
/* Here we add Widths.                                                        */
/* -------------------------------------------------------------------------- */
/* Adds Width Element -- Tiny. */
.paragraph.paragraph--width--tiny > .paragraph__column,
.paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--tiny > .paragraph__column,
  .paragraph.paragraph--width--tiny.paragraph--type--carousel > .carousel-inner {
    margin-left: 33.33333333%;
  }
}
/* Adds Width Element -- Narrow. */
.paragraph.paragraph--width--narrow > .paragraph__column,
.paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 25%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 25%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--narrow > .paragraph__column,
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 25%;
  }
}
/* Adds Width Element -- Medium. */
.paragraph.paragraph--width--medium > .paragraph__column,
.paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--medium > .paragraph__column,
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 16.66666667%;
  }
}
/* Adds Width Element -- Wide. */
.paragraph.paragraph--width--wide > .paragraph__column,
.paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--wide > .paragraph__column,
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 8.33333333%;
  }
}
/* Adds Width Element -- Full. */
.paragraph.paragraph--width--full > .paragraph__column,
.paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--full > .paragraph__column,
  .paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .paragraph.paragraph--width--full > .paragraph__column,
  .paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .paragraph.paragraph--width--full > .paragraph__column,
  .paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 100%;
  }
}
/* -------------------------------------------------------------------------- */
/* Nesting paragraphs helpers.                                                */
/* -------------------------------------------------------------------------- */
/* Resets Base Paragraph Styling for Nested Paragraphs. */
.paragraph .paragraph,
.paragraph .paragraph .paragraph {
  margin-left: 0;
  margin-right: 0;
}
.paragraph > .paragraph__column .paragraph > .paragraph__column,
.paragraph > .paragraph__column .paragraph > .paragraph__column .paragraph > .paragraph__column {
  float: none;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
/* -------------------------------------------------------------------------- */
/* Here we can customize the different Paragraph types.                       */
/* -------------------------------------------------------------------------- */
/* Accordion Paragraph. */
/* paragraph--bp-accordion.html.twig */
/* Adds margin and padding to paragraphs in accordion Section bodies. */
.paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
.paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph > .paragraph__column {
  padding-bottom: 15px;
  padding-top: 15px;
}
.paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph:last-of-type > .paragraph__column {
  padding-bottom: 15px;
}
.paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph + .paragraph > .paragraph__column,
.paragraph.paragraph--type--bp-accordion .panel-collapse .paragraph + .paragraph + .paragraph > .paragraph__column {
  padding-bottom: 30px;
}
/* Carousel Paragraph. */
/* paragraph--bp-carousel.html.twig */
/* Adds float so it behaves like the rest of the Paragraphs. */
.paragraph--type--bp-carousel {
  float: left;
}
/* Removes padding-left/padding-right added by column widths. */
.paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
  padding-left: 0;
  padding-right: 0;
}
/* Columns Paragraph. */
/* .field--paragraph--bp-column-content.html.twig */
/* Removes Padding on Columns (Padding is on columns inside). */
.paragraph.paragraph--type--bp-columns > .paragraph__column,
.paragraph.paragraph--type--bp-columns-two-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-columns-three-uneven > .paragraph__column {
  padding: 0;
}
/* Columns Modifiers inside of Columns Element  */
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col {
    float: left;
    width: 20%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col {
    float: left;
    width: 25%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col {
    float: left;
    width: 33.33333333%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col {
    float: left;
    width: 50%;
  }
}
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__1col {
    float: left;
    width: 100%;
  }
}
/* These allow us to change the width on a single paragraph in a Multicolumn. */
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column {
    margin-left: 33.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column {
    margin-left: 25%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--medium > .paragraph__column {
    margin-left: 16.66666667%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column {
    margin-left: 8.33333333%;
  }
}
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column {
    float: left;
    width: 100%;
  }
}
/* Two Uneven Columns Paragraph. */
/* .paragraph--bp-columns-two-uneven.html.twig */
.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns__2col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns__2col:nth-of-type(1) {
    float: left;
    width: 75%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns__2col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns__2col:nth-of-type(2) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns__2col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns__2col:nth-of-type(1) {
    float: left;
    width: 66.66666667%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns__2col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns__2col:nth-of-type(2) {
    float: left;
    width: 33.33333333%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns__2col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns__2col:nth-of-type(1) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns__2col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns__2col:nth-of-type(2) {
    float: left;
    width: 75%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns__2col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns__2col:nth-of-type(1) {
    float: left;
    width: 33.33333333%;
  }
}
.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns__2col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns__2col:nth-of-type(2) {
    float: left;
    width: 66.66666667%;
  }
}
/* Three Uneven Columns Paragraph. */
/* .paragraph--bp-columns-three-uneven.html.twig */
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 50%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-50-25 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 50%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--50-25-25 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 25%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--25-25-50 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 50%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 66.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-66-16 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 66.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--66-16-16 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(1) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(1) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(2) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(2) {
    float: left;
    width: 16.66666667%;
  }
}
.paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(3) {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .paragraph--type--bp-columns-three-uneven.paragraph--style--16-16-66 .paragraph--type--bp-columns__3col:nth-of-type(3) {
    float: left;
    width: 66.66666667%;
  }
}
/* Image Paragraph. */
/* .paragraph--bp-image.html.twig */
.paragraph--type--bp-image.paragraph--width--full .paragraph__column {
  padding-left: 0;
  padding-right: 0;
}
/* Modal Paragraph. */
/* .paragraph--bp-modal.html.twig */
.paragraph--type--bp-modal .btn.btn-modal {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.modal .modal-header {
  padding: 15px 30px;
}
.modal .modal-body,
.modal .modal-footer {
  padding: 15px 30px 0 30px;
}
.modal .modal-title {
  font-weight: bold;
}
.modal .modal-footer {
  text-align: left;
}
.modal .modal-body .paragraph,
.modal .modal-footer .paragraph {
  display: table;
  width: 100%;
}
/* Tabs Paragraph. */
/* .paragraph--bp-tabs.html.twig */
.paragraph.paragraph--type--bp-tabs .tab-content .paragraph > .paragraph__column {
  padding-top: 15px;
}
/* -------------------------------------------------------------------------- */
/* Here we add Colors.                                                        */
/* -------------------------------------------------------------------------- */
/* Adds padding to fill in color. */
.paragraph.paragraph--color > .paragraph__column {
  padding-top: 30px;
  padding-bottom: 30px;
}
/* Fills color on colorless paragraph after color paragraph. */
.paragraph.paragraph--color + .paragraph > .paragraph__column {
  padding-top: 30px;
}