.paragraph--type--card:has(figure.media) .h4 {
  margin-top: 1rem;
}

.paragraph--type--card {
  padding: 1.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paragraph--type--card > div:first-child {
  margin-top: 0 !important;
}
.paragraph--type--card.bg-white {
  border: 1px solid #DEE2E6;
}
.paragraph--type--card.bg-gray {
  background-color: #f2f4f7;
  border: 1px solid #DEE2E6;
}
.paragraph--type--card.bg-teal {
  background-color: #007190;
  border: 1px solid #007190;
  color: #FFFFFF;
}
.paragraph--type--card.bg-teal a {
  color: #FFFFFF;
}
.paragraph--type--card.bg-teal a.btn {
  background-color: #25355A;
}
.paragraph--type--card.bg-teal a.btn:hover, .paragraph--type--card.bg-teal a.btn:focus {
  background-color: #1f2d4d;
}
.paragraph--type--card.bg-blue {
  background-color: #25355A;
  border: 1px solid #25355A;
  color: #FFFFFF;
}
.paragraph--type--card.bg-blue a {
  color: #FFFFFF;
}
.paragraph--type--card .media--type-image {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph--type--card .media--type-mymedia-item {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.paragraph--type--card .media--type-mymedia-item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.paragraph--type--card .media--type-remote-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.paragraph--type--card .media--type-remote-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.paragraph--type--card .h3, .paragraph--type--card .h4 {
  font-weight: 700;
  margin-bottom: 0;
}
.paragraph--type--card a:hover, .paragraph--type--card a:focus {
  text-decoration: none;
}
.paragraph--type--card a.btn {
  margin-top: 1rem;
  margin-left: 0;
  margin-right: auto;
  border: 0;
}
.paragraph--type--card .text-formatted {
  margin-top: 1rem;
}