/*
$brand-color-1: #1d1d1d;
$brand-color-2: #fefefe;
$brand-color-3: #0398C9;
$brand-color-4: #00475f;
$brand-color-5: #04bdfa;
$brand-color-6: #9ee3fa;
$brand-color-7: #f3eae2;
*/
/* Sass variables for media queries */
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
$brand-color-1: #1d1d1d;
$brand-color-2: #fefefe;
$brand-color-3: #0398C9;
$brand-color-4: #00475f;
$brand-color-5: #04bdfa;
$brand-color-6: #9ee3fa;
$brand-color-7: #f3eae2;
*/
/* Full width background image with text overlay */
.paragraph--type--content-width-bg-image-text-over,
.paragraph--type--full-width-bg-image-text-overlay {
  position: relative;
  max-height: 800px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  grid-gap: 0;
}
.paragraph--type--content-width-bg-image-text-over .bg-image,
.paragraph--type--full-width-bg-image-text-overlay .bg-image {
  width: 100%;
}
.paragraph--type--content-width-bg-image-text-over .bg-image img,
.paragraph--type--full-width-bg-image-text-overlay .bg-image img {
  width: 100%;
}

.paragraph--type--full-width-bg-image-text-overlay {
  margin: 0 calc(50% - 50vw);
}

/*# sourceMappingURL=overlay-paragraph.css.map */