@import url('../../styles/styles.css');

.resource-card-wrapper {
  max-width: 270px !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.resource-card {
  border: 1px solid #D0D4D9;
  border-radius: 8px;
  overflow: hidden;
}

/* Resource card content gap */
.resource-card .content {
  gap: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.resource-card .img {
  aspect-ratio: var(--card-aspect-ratio);
  width: 100%;
  object-fit: cover;
}

/* Eyebrow */
.resource-card .content .eyebrow * {
  font: var(--font-20-28);
  color: var(--off-black);
}

/* Title */
.resource-card .content .title * {
  font: var(--font-20-28);
  font-weight: var(--font-weight-bold);
  color: var(--black);
}

/* Subtitle */
.resource-card .content .subtitle * {
  font: var(--font-16-24);
  font-weight: var(--font-weight-bold);
  color: var(--nickle);
}

/* description, and post text */
.resource-card .content .description *,
.resource-card .content .posttext * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

.resource-card .content .description a {
  color: var(--medium-teal);
}

.resource-card .content .description p:not(:last-child) {
  margin-bottom: 10px;
}

.resource-card .content .link-group * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--medium-teal);
}

@media (width >=1200px) {
  .card.resource-card.slide-up .content {
    padding: 0 20px 20px;
  }
}