.eds-card-article{
  display: block;
  height: inherit
}

.card-article {
  color: var(--greyscale-1)
}

.card-article__img {
  margin-bottom: var(--space-md);
  overflow: hidden;
  position: relative
}

.card-article__img--compact {
  margin-bottom: 0;
  margin-right: .5rem
}

.card-article__img-block--compact {
  width: 30%;
  min-width: 30%
}

.card-article__content {
  margin-left: 0
}

.card-article__description {
  color: var(--body-copy)
}

.card-article__sub-title {
  font-family: var(--fonts-small-font-family);
  font-weight: var(--fonts-small-font-weight);
  line-height: var(--fonts-small-line-height);
  font-size: var(--fonts-small-font-size-mobile);
  color: var(--greyscale-1)
}

@media (min-width:768px) and (max-width:1200px) {
  .card-article__sub-title {
    font-size: var(--fonts-small-font-size-tablet)
  }
}

@media (min-width:1200px) and (max-width:1600px) {
  .card-article__sub-title {
    font-size: var(--fonts-small-font-size-small-desktop)
  }
}

@media (min-width:1600px) and (max-width:1900px) {
  .card-article__sub-title {
    font-size: var(--fonts-small-font-size-desktop)
  }
}

@media (min-width:1900px) {
  .card-article__sub-title {
    font-size: var(--fonts-small-font-size-large-desktop)
  }
}

.card-article__date {
  color: var(--card-article-date)
}

.card-article__title {
  color: var(--body-copy)
}

.card-article:hover .card-article__inner {
  background-color: var(--transparent)
}

.card-article:hover .card-article__title {
  color: var(--card-article-title-hover)
}

.card-article:hover .card-article__img-hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.1)
}

.card-article__inner, .frk-sky a.card-article__inner {
  text-decoration: none;
  width: 100%
}

.card-article__pre-title {
  font-family: var(--fonts-small-font-family);
  font-weight: var(--fonts-small-font-weight);
  line-height: var(--fonts-small-line-height);
  font-size: var(--fonts-small-font-size-mobile);
  letter-spacing: .125rem
}

@media (min-width:768px) and (max-width:1200px) {
  .card-article__pre-title {
    font-size: var(--fonts-small-font-size-tablet)
  }
}

@media (min-width:1200px) and (max-width:1600px) {
  .card-article__pre-title {
    font-size: var(--fonts-small-font-size-small-desktop)
  }
}

@media (min-width:1600px) and (max-width:1900px) {
  .card-article__pre-title {
    font-size: var(--fonts-small-font-size-desktop)
  }
}

@media (min-width:1900px) {
  .card-article__pre-title {
    font-size: var(--fonts-small-font-size-large-desktop)
  }
}

.card-article__logo {
  height: 2rem;
  bottom: 0;
  padding: .5rem;
  text-align: right;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: row-reverse;
  color: var(--white)
}

.card-article__logo--compact {
  padding: .25rem;
  height: 1rem
}

.card-article__logo--primary-blue {
  background: var(--card-article-logo-primary-blue)
}

.card-article__logo--green2 {
  background: var(--card-article-logo-green2)
}

.card-article__logo--teal1 {
  background: var(--card-article-logo-teal1)
}

.card-article__logo--dark-grey {
  background: var(--card-article-logo-dark-grey)
}

.card-article__logo-src {
  width: 95%
}

.card-article__logo-img {
  display: flex;
  align-items: center;
  height: 100%;
  flex-direction: row-reverse
}

.card-article .card-article__date {
  font-family: var(--fonts-p--b-font-family);
  font-weight: var(--fonts-p--b-font-weight);
  line-height: var(--fonts-p--b-line-height);
  font-size: var(--fonts-p--b-font-size-mobile)
}

@media (min-width:768px) and (max-width:1200px) {
  .card-article .card-article__date {
    font-size: var(--fonts-p--b-font-size-tablet)
  }
}

@media (min-width:1200px) and (max-width:1600px) {
  .card-article .card-article__date {
    font-size: var(--fonts-p--b-font-size-small-desktop)
  }
}

@media (min-width:1600px) and (max-width:1900px) {
  .card-article .card-article__date {
    font-size: var(--fonts-p--b-font-size-desktop)
  }
}

@media (min-width:1900px) {
  .card-article .card-article__date {
    font-size: var(--fonts-p--b-font-size-large-desktop)
  }
}

@media (min-width:768px) {
  .card-article__img--compact {
    margin-bottom: 0;
    margin-right: .5rem
  }

  .card-article__content {
    margin-left: 1rem
  }

  .card-article__logo {
    height: 2.5rem;
    padding: .75rem;
    position: absolute
  }

  .card-article__logo--compact {
    height: 1.5rem;
    padding: .5rem
  }

  .card-article .card-article__pre-title {
    margin-bottom: var(--space-xs)
  }
}

@media (min-width:1200px) {
  .card-article__pre-title {
    font-family: var(--fonts-pre-title-font-family);
    font-weight: var(--fonts-pre-title-font-weight);
    line-height: var(--fonts-pre-title-line-height);
    font-size: var(--fonts-pre-title-font-size-mobile)
  }
}

@media (min-width:1200px) and (min-width:768px) and (max-width:1200px) {
  .card-article__pre-title {
    font-size: var(--fonts-pre-title-font-size-tablet)
  }
}

@media (min-width:1200px) and (min-width:1200px) and (max-width:1600px) {
  .card-article__pre-title {
    font-size: var(--fonts-pre-title-font-size-small-desktop)
  }
}

@media (min-width:1200px) and (min-width:1600px) and (max-width:1900px) {
  .card-article__pre-title {
    font-size: var(--fonts-pre-title-font-size-desktop)
  }
}

@media (min-width:1200px) and (min-width:1900px) {
  .card-article__pre-title {
    font-size: var(--fonts-pre-title-font-size-large-desktop)
  }
}