.paragraph.bg-pale-blue, .paragraph.bg-light-blue {
  background-color: #dae8f6; }

.paragraph.bg-blue {
  background-color: #0086bc; }

.paragraph.bg-gold, .paragraph.bg-light-gray {
  background-color: #f1f1f1;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.paragraph.bg-off-white, .paragraph.bg-cool-gray {
  background: #eef3fa; }

.paragraph.bg-white {
  background-color: #ffffff; }

.paragraph.bg-transparent {
  background-color: transparent; }

.paragraph--simple-text-colored.has-bg-color {
  margin-bottom: 24px;
  padding: 30px 30px 10px; }
  .paragraph--simple-text-colored.has-bg-color h2 {
    font-size: 24px;
    margin-top: 0; }

.paragraph--simple-text-colored.bg-orange, .paragraph--simple-text-colored.bg-gold, .paragraph--simple-text-colored.bg-light-gray {
  background: #f1f1f1;
  color: #303030; }
  .paragraph--simple-text-colored.bg-orange h2, .paragraph--simple-text-colored.bg-gold h2, .paragraph--simple-text-colored.bg-light-gray h2 {
    color: #004f6f; }
  .paragraph--simple-text-colored.bg-orange a, .paragraph--simple-text-colored.bg-gold a, .paragraph--simple-text-colored.bg-light-gray a {
    color: #0086bc; }

.paragraph--simple-text-colored.bg-off-white, .paragraph--simple-text-colored.bg-light-blue {
  background-color: #dae8f6; }

.paragraph--simple-text-colored.bg-white-gray-border, .paragraph--simple-text-colored.bg-cool-gray {
  background: #eef3fa; }

.paragraph--simple-text table {
  margin-top: 24px;
  margin-bottom: 24px; }

/*
 * Link List paragraph styles
 */
.paragraph--link p {
  margin-top: 5px;
  margin-bottom: 28px; }

.paragraph--link .field--name-field-link a {
  font-weight: 700;
  font-size: 22px;
  color: #004f6f; }
  .paragraph--link .field--name-field-link a:after {
    content: "";
    background-image: url(../../../images/arrow_lightblue.svg);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    display: inline-block;
    background-size: 18px;
    height: 24px;
    width: 30px; }

.paragraph--image {
  margin-bottom: 30px;
  margin-top: 5px; }

.paragraph--image--image-first,
.paragraph--simple-text-colored--image-first {
  width: 48%;
  margin-right: 2%;
  float: left; }
  @media screen and (max-width: 480px) {
    .paragraph--image--image-first,
    .paragraph--simple-text-colored--image-first {
      width: 100%;
      margin-left: 0;
      float: none; } }

.paragraph--image--image-last,
.paragraph--simple-text-colored--image-last {
  width: 48%;
  margin-left: 2%;
  float: right; }
  @media screen and (max-width: 480px) {
    .paragraph--image--image-last,
    .paragraph--simple-text-colored--image-last {
      width: 100%;
      margin-left: 0;
      float: none; } }

.paragraph--image--image-first-25-percent,
.paragraph--simple-text-colored--image-first-25-percent {
  width: 23%;
  margin-right: 2%;
  float: left; }
  @media screen and (max-width: 800px) {
    .paragraph--image--image-first-25-percent,
    .paragraph--simple-text-colored--image-first-25-percent {
      width: 31%;
      margin-left: 2%; } }
  @media screen and (max-width: 480px) {
    .paragraph--image--image-first-25-percent,
    .paragraph--simple-text-colored--image-first-25-percent {
      width: 100%;
      margin-left: 0;
      float: none; } }

.paragraph--image--image-last-33-percent,
.paragraph--simple-text-colored--image-last-33-percent {
  width: 31%;
  margin-left: 2%;
  float: right; }
  @media screen and (max-width: 800px) {
    .paragraph--image--image-last-33-percent,
    .paragraph--simple-text-colored--image-last-33-percent {
      width: 48%;
      margin-left: 2%; } }
  @media screen and (max-width: 480px) {
    .paragraph--image--image-last-33-percent,
    .paragraph--simple-text-colored--image-last-33-percent {
      width: 100%;
      margin-left: 0;
      float: none; } }

.paragraph--image--image-last-25-percent,
.paragraph--simple-text-colored--image-last-25-percent {
  width: 23%;
  margin-left: 2%;
  float: right; }
  @media screen and (max-width: 800px) {
    .paragraph--image--image-last-25-percent,
    .paragraph--simple-text-colored--image-last-25-percent {
      width: 31%;
      margin-left: 2%; } }
  @media screen and (max-width: 480px) {
    .paragraph--image--image-last-25-percent,
    .paragraph--simple-text-colored--image-last-25-percent {
      width: 100%;
      margin-left: 0;
      float: none; } }

.paragraph--simple-text-colored h2:last-child, .paragraph--simple-text-colored h3:last-child {
  margin-bottom: 20px; }

/*# sourceMappingURL=../../maps/components/paragraph/paragraphs_init.css.map */