/**
 * This file is for cards css.
 * root-modifier('.card--list') = standard cards
 * root-modifier('.card--carousel-list')= carousel cards
 */
.paragraph--type--kan-card-container.animate .card__item:nth-child(1) {
  animation: slideUp 0.3s forwards;
}
.paragraph--type--kan-card-container.animate .card__item:nth-child(2) {
  animation: slideUp 0.3s 0.15s forwards;
}
.paragraph--type--kan-card-container.animate .card__item:nth-child(3) {
  animation: slideUp 0.3s 0.3s forwards;
}
.paragraph--type--kan-card-container.animate .card__item:nth-child(4) {
  animation: slideUp 0.3s 0.45s forwards;
}
.paragraph--type--kan-card-container.animate .card__item:nth-child(5) {
  animation: slideUp 0.3s 0.6s forwards;
}

.paragraph--type--kan-card-container .paragraph--type--kan-card {
  opacity: 0;
}

.card__item.paragraph--type--kan-card .card__item-inner {
  border: 1px solid #7e92ae;
  border-radius: 0 0 3rem 0;
}
.card__item.paragraph--type--kan-card .card__media {
  height: 13.125rem;
  width: auto;
  overflow: hidden;
}
.card__item.paragraph--type--kan-card .card__media div,
.card__item.paragraph--type--kan-card .card__media article {
  height: 100%;
}
.card__item.paragraph--type--kan-card .card__media .field__item {
  background: rgb(5, 32, 73);
  background: linear-gradient(180deg, rgb(5, 32, 73) 0%, rgba(22, 160, 172, 0.5) 50%, rgba(22, 160, 172, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#052049", endColorstr="#16a0ac", GradientType=1);
}
.card__item.paragraph--type--kan-card .card__media img {
  margin: 0 auto;
  display: block;
  height: 100%;
  width: auto;
}
.card__item.paragraph--type--kan-card .card__media.full-width-image .field__item {
  background: unset;
}
.card__item.paragraph--type--kan-card .card__media.full-width-image img {
  width: 100%;
  height: auto;
}
.card__item.paragraph--type--kan-card .card__content {
  padding: 1.25rem;
}
.card__item.paragraph--type--kan-card .card__content .card__title h3 {
  letter-spacing: -0.01rem;
  color: #14828c;
}
.card__item.paragraph--type--kan-card .card__content .card__paragraph p {
  font-size: 1.125rem;
  line-height: 1.77;
}
.card__item.paragraph--type--kan-card .card__link .btn-secondary-outline {
  display: block;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(25%);
  }
  to {
    opacity: 100%;
    transform: translateY(0);
  }
}
/*# sourceMappingURL=cards.css.map */