/**
 * Teasers Content component style.
 *
 * 1. Resets not needed c-image atom component properties.
 * 2. Resets not needed c-video atom component properties.
 */
:root {
  --teaser-gutter: 1.39rem;
  --teaser-media-width: auto;
}
@media (min-width: 980px) {
  :root {
    --teaser-gutter: 4rem;
    --teaser-media-width: 400px;
  }
}

.c-teasers-content .teaser-link {
  display: block;
  text-decoration: none;
}
.c-teasers-content .teaser-link:hover .teaser {
  background-color: var(--c-grayscale-off-white-darker);
}
.c-teasers-content .teaser-link:hover .teaser__media {
  filter: brightness(0.85);
}
.c-teasers-content .teaser-link:hover .c-link {
  text-decoration: underline;
}
.c-teasers-content .teaser-link:not(:last-child) {
  margin-bottom: 1.11rem;
}
@media (min-width: 980px) {
  .c-teasers-content .teaser-link:not(:last-child) {
    margin-bottom: 3.33rem;
  }
}
.c-teasers-content .teaser {
  display: flex;
  flex-direction: column;
  background-color: var(--c-grayscale-off-white);
  transition: background-color var(--easing);
}
.c-teasers-content .teaser.teaser--alt-bg {
  background-color: var(--c-secondary-ultralight);
}
@media (min-width: 980px) {
  .c-teasers-content .teaser.teaser--layout-editorial {
    --teaser-media-width: 640px;
    min-height: 600px;
  }
}
.c-teasers-content .teaser.teaser--layout-editorial .c-image {
  aspect-ratio: 1/0.9375;
}
@media (min-width: 980px) {
  .c-teasers-content .teaser {
    flex-direction: row;
    min-height: var(--teaser-media-width);
  }
  .c-teasers-content .teaser--media-right {
    flex-direction: row-reverse;
  }
}
.c-teasers-content .teaser__media {
  display: flex;
  align-items: center;
  transition: filter var(--easing);
}
.c-teasers-content .c-image {
  width: var(--teaser-media-width);
  margin: 0;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media (min-width: 980px) {
  .c-teasers-content .c-image {
    max-width: none;
    aspect-ratio: 1;
  }
}
.c-teasers-content .c-video {
  align-self: center;
  width: 100%;
}
@media (min-width: 980px) {
  .c-teasers-content .c-video {
    width: var(--teaser-media-width);
  }
}
.c-teasers-content .c-video.has-poster iframe {
  display: none;
}
.c-teasers-content .c-link {
  margin-top: 0.55rem;
}
@media (min-width: 980px) {
  .c-teasers-content .c-link {
    margin-top: auto;
  }
}
.c-teasers-content .teaser__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--teaser-gutter);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-teasers-content .teaser__content {
    flex-basis: 0;
  }
}
.c-teasers-content .teaser__header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 980px) {
  .c-teasers-content .teaser__header {
    flex-direction: column-reverse;
  }
}
.c-teasers-content .teaser__text {
  color: var(--c-grayscale-dark);
}
.c-teasers-content .teaser__date {
  margin-bottom: var(--s-2xs);
  font-size: var(---text-size);
  font-weight: 500;
  color: var(--c-grayscale-off-dark);
}
.c-teasers-content .teaser__title-link:hover {
  color: var(--c-brand);
  text-decoration: none;
}
.c-teasers-content .teaser__title-link h2 {
  margin-bottom: var(--s-2xs);
}
@media (min-width: 980px) {
  .c-teasers-content .teaser__title-link h2 {
    margin-bottom: var(--s-md);
  }
}