body.page-template-page-cards-by-category .entry-header-image {
  background: var(--color-secondary);
}

.card-cat {
  border: 1px solid var(--color-border);
  background: #fff;
  box-shadow: var(--box-shadow-card);
  border-radius: var(--border-radius-large);
  border: 1px solid var(--color-light);
  padding: 2em 1.25em 1.25em 1.25em;
  margin-top: 2em;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
}
.card-cat .card-cat--icon {
  margin: -60px auto 0 auto;
  background: var(--color-primary);
  color: #fff;
  text-align: center;
  border-radius: var(--border-radius-round);
  font-size: 2em;
  width: 80px;
  height: 80px;
  display: grid;
  align-items: center;
  transition: transform 0.15s linear;
}
@media (max-width: 767px) {
  .card-cat .card-cat--icon {
    transform: scale(0.8);
  }
}
.card-cat h4 {
  color: var(--color-secondary);
  margin-top: 1em;
}
.card-cat p {
  color: var(--color-text);
  margin-bottom: 0.75em;
  font-size: 0.9em;
}
.card-cat:hover .card-cat--icon {
  font-size: 2.1em;
}
@media (min-width: 1025px) {
  .card-cat:hover .card-cat--icon {
    transform: scale(1.1);
  }
}
.card-cat:hover .read-more::after {
  margin-left: 0.75em;
}
.card-cat:first-child {
  background: var(--color-secondary);
  color: #fff;
}
.card-cat:first-child h4 {
  color: #fff;
}
.card-cat:first-child p {
  color: #fff;
  font-size: 0.9em;
}
.card-cat:first-child:hover {
  background: #1f1c8c;
}

/*# sourceMappingURL=cards-by-category.css.map */