/**
 * @file
 * Paragraphs Styles
 */

/* Image and Text Paragraph Styles */

.paragraph--type--image-and-text .content-row .wrapper {
  position: relative;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--image-and-text .content-row .wrapper {
    position: relative;
    display: block;
  }
}

.paragraph--type--image-and-text .content-row {
  position: relative;
  padding: 0 0 4rem 0;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--image-and-text .content-row {
    padding: 0 0 1rem 0;
  }
}

.paragraph--type--image-and-text .content-row .image {
  flex-basis: 25%;
  position: relative;
}

.paragraph--type--image-and-text
  .content-row
  .image
  .field--type-entity-reference {
  margin: 0;
}

.paragraph--type--image-and-text .content-row .image img {
  margin: 0;
  border-radius: 25px;
}

.paragraph--type--image-and-text .content-row .content {
  flex-basis: 75%;
  padding: 0 2rem 1rem 2rem;
}

@media only screen and (max-width: 768px) {
  .paragraph--type--image-and-text .content-row .content {
    flex-basis: 75%;
    padding: 0 1rem 1rem 1rem;
  }
}

.paragraph--type--image-and-text .content-row h3 {
  position: relative;
  font-size: 28px;
  color: #2d2d2d;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

.paragraph--type--image-and-text .content-row h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 2px;
  width: 40px;
  background-color: #0e8ec8;
}