/** 
    3 images each get 33.33% of container 
**/
/* line 4, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_three-images.scss */
.paragraph--type--_-images {
  width: 100%;
  position: relative;
  display: block;
}

/* line 9, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_three-images.scss */
.paragraph--type--_-images:after {
  content: "";
  clear: both;
  display: table;
}

/* line 14, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_three-images.scss */
.paragraph--type--_-images .field--type-image {
  display: inline-block;
  max-width: 33.333%;
  height: auto;
  vertical-align: middle;
  float: left;
}

/* line 21, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_three-images.scss */
.paragraph--type--_-images .field--type-image img {
  max-width: 100%;
  height: auto;
}

/* line 26, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_three-images.scss */
.paragraph--type--_-images .paragraph__column {
  padding: 0;
}

/** 
    About-Mission -- Text and heading to the left with an 
    vertically offset image (in a circle) on the right 
**/
/* line 6, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission {
  width: 100%;
  position: relative;
  display: block;
}

/* line 11, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission:after {
  content: "";
  clear: both;
  display: table;
}

/* line 16, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission .about-mission-left {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  float: none;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  /* line 25, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--type--bridges-about-mission .about-mission-left {
    width: 66.66%;
    float: left;
    padding-left: 4rem;
  }
}

@media (min-width: 992px) {
  /* line 32, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--type--bridges-about-mission .about-mission-left {
    padding-left: 8rem;
  }
}

@media (min-width: 1600px) {
  /* line 37, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--type--bridges-about-mission .about-mission-left {
    padding-left: 12rem;
  }
}

/* line 42, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission .about-mission-right {
  display: none;
}

@media (min-width: 768px) {
  /* line 46, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--type--bridges-about-mission .about-mission-right {
    display: inline-block;
    width: 33.33%;
    height: auto;
    vertical-align: middle;
    float: left;
  }
  /* line 55, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--type--bridges-about-mission .about-mission-right .field--type-image img {
    position: absolute;
    max-width: 500px;
    max-height: 500px;
    width: auto;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
  }
}

/* line 69, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission .field--name-field-heading {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
}

/* line 75, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--type--bridges-about-mission > .paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/** 
    About-Mission -- fine tune image offsets to meet client specs 
**/
/* line 86, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
.paragraph--id--810 .about-mission-right img {
  display: none;
}

@media (min-width: 768px) {
  /* line 89, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--810 .about-mission-right img {
    display: block;
    width: 125%;
  }
}

@media (min-width: 992px) {
  /* line 95, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--810 .about-mission-right img {
    width: 90%;
    top: -65px;
  }
}

@media (min-width: 768px) {
  /* line 104, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--811 .about-mission-right .field--type-image img {
    width: auto;
    height: 135%;
    top: -80px;
  }
}

@media (min-width: 992px) {
  /* line 111, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--811 .about-mission-right .field--type-image {
    padding-left: 2rem;
  }
  /* line 114, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--811 .about-mission-right .field--type-image img {
    width: auto;
    height: 150%;
    top: -150px;
  }
}

@media (min-width: 1200px) {
  /* line 121, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--811 .about-mission-right .field--type-image img {
    top: -125px;
  }
}

@media (min-width: 1600px) {
  /* line 126, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_about-mission.scss */
  .paragraph--id--811 .about-mission-right .field--type-image img {
    width: auto;
    height: 175%;
  }
}

/** 
.paragraph--id--810 .about-mission-right img {
  width:90%;
  top:-65px;
}
.paragraph--id--811 .about-mission-right img{
  width: 125%;
  top:-100px;
  clip-path: inset(0px 0px 20% 0px);
}
**/
/** 
    Image to the left 50% - Heading and text to the right 50% 
**/
/* line 4, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left {
  width: 100%;
  position: relative;
  display: block;
}

/* line 8, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left:after {
  content: "";
  clear: both;
  display: table;
}

/* line 13, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left .field--type-image {
  display: inline-block;
  width: 50%;
  height: auto;
  vertical-align: middle;
  float: left;
}

/* line 20, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left .field--name-field-left-image img {
  width: 100%;
  height: auto;
}

/* line 24, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left .right-side {
  display: inline-block;
  max-width: 50%;
  height: auto;
  vertical-align: middle;
  float: left;
  padding: 1.5rem;
}

/* line 32, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left .field--name-field-heading {
  text-align: center;
  font-size: 1.5rem;
}

/* line 39, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imagel50-textr50.scss */
.paragraph--type--image-left > .paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/** 
    Image to the right 50% - Heading and text to the left 50% 
**/
/* line 4, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right {
  width: 100%;
  position: relative;
  display: block;
}

/* line 9, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right:after {
  content: "";
  clear: both;
  display: table;
}

/* line 15, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right .field--type-image {
  display: inline-block;
  width: 50%;
  height: auto;
  vertical-align: middle;
  float: left;
}

/* line 22, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right .field--name-field-right-image img {
  width: 100%;
  height: auto;
}

/* line 26, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right .left-side {
  display: inline-block;
  max-width: 50%;
  height: auto;
  vertical-align: middle;
  float: left;
  padding: 1.5rem;
}

/* line 34, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph--type--image-right .field--name-field-heading {
  text-align: center;
  font-size: 1.5rem;
}

/* line 39, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_imager50-textl50.scss */
.paragraph.paragraph--type--image-right > .paragraph__column {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

/** 
   Up to 3 Callouts to the right with an image to the left
   This will replace _calloutr-3 
**/
/* line 6, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right {
  display: block;
}

/* line 9, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .paragraph__column {
  padding: 0;
}

/* line 12, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper {
  display: flex;
  align-items: center;
}

/* line 16, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .left-side {
  display: none;
}

@media (min-width: 992px) {
  /* line 25, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
  .paragraph--type--call-outs-right .p-wrapper .left-side {
    display: inline-block;
    width: 60%;
    margin-left: 1rem;
  }
}

@media (min-width: 1600px) {
  /* line 32, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
  .paragraph--type--call-outs-right .p-wrapper .left-side {
    margin-left: 12rem;
    width: 30%;
  }
}

/* line 39, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .left-side .field--name-field-left-image img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/* line 47, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 992px) {
  /* line 62, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
  .paragraph--type--call-outs-right .p-wrapper .right-side {
    width: 70%;
    margin-right: 1rem;
  }
}

@media (min-width: 1600px) {
  /* line 68, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
  .paragraph--type--call-outs-right .p-wrapper .right-side {
    margin-right: 8rem;
  }
}

/* line 72, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .main-heading .field--name-field-heading {
  font-size: 2rem;
  padding-bottom: 1rem;
}

/* line 77, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout {
  border-radius: 2rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: .5rem;
}

/* line 85, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout .field--type-image {
  display: none;
}

@media (min-width: 768px) {
  /* line 89, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
  .paragraph--type--call-outs-right .p-wrapper .right-side .callout .field--type-image {
    display: inline-block;
    width: 10%;
  }
}

/* line 94, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout .field--type-image img {
  width: 100%;
  height: auto;
  margin: auto;
}

/* line 102, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout .p-full-text {
  padding-left: 1rem;
  display: inline-block;
  width: 89%;
}

/* line 107, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout .p-full-text .p-heading {
  font-weight: 800;
}

/* line 116, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout:not(:first-child) {
  margin-bottom: 1rem;
}

/* line 120, web/themes/custom/bootstrap4_subtheme/scss/paragraphs/_calloutr.scss */
.paragraph--type--call-outs-right .p-wrapper .right-side .callout:after {
  content: "";
  clear: both;
  display: table;
}