.card {
  border: none;
  box-shadow: none;
  font-family: var(--wdg-font-sans);
  font-size: var(--wdg-font-size-default);
  position: relative;
  transition: background-color 250ms ease, color 250ms ease;
}
.card__wrap {
  display: flex;
  flex-direction: column;
}
.card__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  row-gap: var(--wdg-gap-2xsmall);
}
.card__text > * + * {
  margin: 0;
}
.card__text .wp-block-button {
  line-height: 1;
}
.card__heading, .editor-styles-wrapper .card .card__heading {
  color: var(--wdg-color-heading, currentColor);
  font-size: var(--wdg-font-size-h4);
  margin-block: 0;
}
.card__heading a, .editor-styles-wrapper .card .card__heading a {
  color: inherit;
  text-decoration: none;
}
.card__heading a:not(.card__link--preview)::after, .editor-styles-wrapper .card .card__heading a:not(.card__link--preview)::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card__heading a:not(.card__link--preview):focus, .editor-styles-wrapper .card .card__heading a:not(.card__link--preview):focus {
  outline-width: 0;
}
.card__heading a:not(.card__link--preview):focus::after, .editor-styles-wrapper .card .card__heading a:not(.card__link--preview):focus::after {
  outline: 4px solid Highlight;
}
.card__link.wp-block-button__link {
  color: var(--wdg-color-heading, currentColor);
  padding: 0 !important;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.card__link.wp-block-button__link::before {
  content: none;
}
.card__link.wp-block-button__link svg path {
  stroke: currentColor;
}
.card__link:hover {
  text-decoration: none;
}
.card__media {
  align-items: center;
  aspect-ratio: 4/3;
  display: flex;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.card__media picture,
.card__media img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 250ms ease;
  width: 100%;
}
.card__media[style*=mask-image] {
  aspect-ratio: unset;
  background-color: var(--wdg-color-card-icon, currentColor);
  -webkit-mask-position: calc(100% - var(--wdg-gap-xsmall)) center;
          mask-position: calc(100% - var(--wdg-gap-xsmall)) center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: clamp(3.75rem, 2.59vw + 3.14rem, 6.25rem);
          mask-size: clamp(3.75rem, 2.59vw + 3.14rem, 6.25rem);
  padding: var(--wdg-gap-xsmall);
  transition: background-color 250ms ease;
}
.card__media[style*=mask-image] img {
  height: clamp(3.75rem, 2.59vw + 3.14rem, 6.25rem);
  visibility: hidden;
  width: auto;
}
.card__media-link {
  display: block;
}
.card__media-placeholder {
  background-color: var(--wdg-color-secondary);
  color: var(--wdg-color-white);
}
.card__byline > * + *::before {
  content: "|";
  opacity: 0.5;
  padding-inline: 0.5em;
}
.card .card__people {
  display: inline;
  list-style-type: none;
  padding: 0;
}
.card .card__people::before {
  content: "By: ";
}
.card .card__person {
  display: inline;
}
.card .card__person:not(:last-child)::after {
  content: ", ";
}
.card .card__terms {
  align-items: flex-start;
  display: inline-flex;
  gap: 0.5em;
  line-height: 1.5;
  list-style-type: none;
  padding: 0;
}
.card .card__term {
  color: var(--wdg-color-secondary);
  margin: 0;
}
.card .card__term:not(:last-child)::after {
  content: ", ";
}
.card .card__date {
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.card.is-style-shadow {
  background-color: var(--wdg-color-white);
  border: 1px solid var(--wdg-color-card-border, var(--wdg-color-primary));
  box-shadow: min(0.75rem, var(--wdg-gap-2xsmall)) min(0.75rem, var(--wdg-gap-2xsmall)) 0 var(--wdg-color-card-shadow, var(--wdg-color-primary));
  color: var(--wdg-color-tonal-black);
  min-height: 300px;
}
.card.is-style-shadow .card__wrap {
  gap: 0;
}
.card.is-style-shadow .card__text {
  padding: var(--wdg-gap-xsmall);
}
.card.is-style-shadow .card__heading,
.card.is-style-shadow .wp-block-button__link {
  color: var(--wdg-color-heading-alt, var(--wdg-color-heading));
}
.card.is-style-shadow .card__media[style*=mask-image] {
  background-color: var(--wdg-color-card-icon-alt, var(--wdg-color-card-icon));
}
.card:not([class*=dynamic]):not(.card--person) .card__wrap {
  height: 100%;
}
.card:not([class*=dynamic]):not(.card--person) .card__text {
  padding: var(--wdg-gap-xsmall);
}
.card:not([class*=dynamic]):not(.card--person):has(.card__link):hover {
  background-color: var(--wdg-color-card-hover-color, var(--wdg-color-primary));
  color: var(--wdg-color-card-hover-text, var(--wdg-color-white));
}
.card:not([class*=dynamic]):not(.card--person):has(.card__link):hover * {
  color: inherit;
}
.card:not([class*=dynamic]):not(.card--person):has(.card__link):hover .card__media[style*=mask-image] {
  background-color: var(--wdg-color-card-hover-icon, var(--wdg-color-white));
}
.card-grid .card .card__icon {
  margin-block-start: auto;
}
.card-slider .card .card__heading {
  margin-block-end: auto;
}
.card--dynamic:hover .card__media:before, .card--person:hover .card__media:before {
  opacity: 1;
}
.card--dynamic:hover .card__media img, .card--person:hover .card__media img {
  transform: scale(1.1);
}
.card--dynamic:hover .card__heading, .card--person:hover .card__heading {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.1em;
}
.card--dynamic .card__wrap, .card--person .card__wrap {
  gap: var(--wdg-gap-xsmall);
}
.card--dynamic .card__media:before, .card--person .card__media:before {
  background: rgba(0, 43, 128, 0.6);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 100ms ease;
  z-index: 1;
}
.card--person .card__byline {
  font-size: var(--wdg-font-size-xsmall);
  line-height: 1.5;
  margin-block-start: 0.25rem;
}
.card--person .card__wrap {
  gap: var(--wdg-gap-xsmall);
}
.card--aspect-ratio-3-4 .card__media {
  aspect-ratio: 3/4;
}
.card--aspect-ratio-1-1 .card__media {
  aspect-ratio: 1/1;
}

/*# sourceMappingURL=style.css.map */