/* ==========================================================================
   Block: Resource Cards
   ========================================================================== */
.spektrix-resource-cards {
  --spektrix-resource-cards-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-resource-cards-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-resource-cards-content-size: var(--wp--style--global--content-size, 800px);
  --spektrix-resource-cards-content-padding-inline: 1.5rem;
  --spektrix-resource-cards-content-padding-top: 0;
  --spektrix-resource-cards-content-padding-bottom: 1.5rem;
  --spektrix-resource-cards-title-button-gap: calc(var(--spektrix-resource-cards-gap) * 1.25);
  --spektrix-resource-cards-card-width: 407px;
  --spektrix-resource-cards-media-min-height: 0px;
  --spektrix-resource-cards-media-max-height: none;
  --spektrix-resource-cards-media-inset: 0px;
  background-color: var(--wp--preset--color--white);
  padding: calc(var(--spektrix-resource-cards-gap) * 2.75) var(--spektrix-resource-cards-gap);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-resource-cards-gap) * 1.5);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-resource-cards-gap) * 2);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-resource-cards-gap) * 4);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-resource-cards-gap) * 5);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-resource-cards-gap) * 6);
}
.spektrix-resource-cards.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-resource-cards.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-resource-cards-gap) * 1.5);
}
.spektrix-resource-cards.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-resource-cards-gap) * 2);
}
.spektrix-resource-cards.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-resource-cards-gap) * 4);
}
.spektrix-resource-cards.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-resource-cards-gap) * 5);
}
.spektrix-resource-cards.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-resource-cards-gap) * 6);
}
.spektrix-resource-cards.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-resource-cards--has-media-max-height .spektrix-resource-cards__media {
  max-height: var(--spektrix-resource-cards-media-max-height);
}
.spektrix-resource-cards--has-media-max-height .spektrix-resource-cards__media--image-fit-contain .spektrix-resource-cards__image {
  width: auto;
  max-width: 100%;
}
.spektrix-resource-cards--has-media-max-height .spektrix-resource-cards__media--image-fit-contain .spektrix-resource-cards__image-element {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(var(--spektrix-resource-cards-media-max-height) - 2 * var(--spektrix-resource-cards-media-inset));
  object-fit: contain;
  object-position: center;
}
.spektrix-resource-cards--has-media-max-height .spektrix-resource-cards__media--image-fit-cover {
  height: var(--spektrix-resource-cards-media-max-height);
  min-height: var(--spektrix-resource-cards-media-min-height);
  max-height: var(--spektrix-resource-cards-media-max-height);
}
.spektrix-resource-cards__container {
  width: 100%;
  max-width: min(100%, var(--spektrix-resource-cards-wide-size));
  margin: 0 auto;
}
.spektrix-resource-cards__header {
  max-width: var(--spektrix-resource-cards-content-size);
  margin: 0 auto calc(var(--spektrix-resource-cards-gap) * 2.5);
  text-align: center;
}
.spektrix-resource-cards__heading {
  max-width: 48rem;
  margin: 0 auto var(--spektrix-resource-cards-gap);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-resource-cards__intro {
  max-width: 44rem;
  margin: 0 auto;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-resource-cards__intro p {
  margin: 0;
}
.spektrix-resource-cards__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spektrix-resource-cards-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: stretch;
  justify-content: center;
}
.spektrix-resource-cards__items--featured.spektrix-resource-cards__items--count-1 {
  grid-template-columns: minmax(0, var(--spektrix-resource-cards-card-width));
}
@media (min-width: 768px) {
  .spektrix-resource-cards__items--featured.spektrix-resource-cards__items--count-2 {
    grid-template-columns: repeat(2, minmax(0, var(--spektrix-resource-cards-card-width)));
  }
}
@media (min-width: 768px) {
  .spektrix-resource-cards__items--featured.spektrix-resource-cards__items--count-3 {
    grid-template-columns: repeat(2, minmax(0, var(--spektrix-resource-cards-card-width)));
  }
}
@media (min-width: 1200px) {
  .spektrix-resource-cards__items--featured.spektrix-resource-cards__items--count-3 {
    grid-template-columns: repeat(3, minmax(0, var(--spektrix-resource-cards-card-width)));
  }
}
.spektrix-resource-cards__items--featured .spektrix-resource-cards__item {
  width: 100%;
  max-width: var(--spektrix-resource-cards-card-width);
}
.spektrix-resource-cards__item {
  display: flex;
  min-width: 0;
  overflow: hidden;
  background-color: var(--wp--preset--color--white);
  border: 1px solid var(--wp--preset--color--border, #e3e3e3);
  border-radius: 24px;
}
.spektrix-resource-cards__card {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@supports (grid-template-rows: subgrid) {
  .spektrix-resource-cards__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
  .spektrix-resource-cards__card {
    display: contents;
  }
  .spektrix-resource-cards__item--no-media .spektrix-resource-cards__content {
    grid-row: 1/-1;
  }
}
.spektrix-resource-cards__item--no-media .spektrix-resource-cards__content:not(.spektrix-resource-cards__content--empty) {
  padding-top: var(--spektrix-resource-cards-content-padding-inline);
}
.spektrix-resource-cards__media {
  display: flex;
  width: 100%;
  min-height: var(--spektrix-resource-cards-media-min-height);
  padding: var(--spektrix-resource-cards-media-inset);
  align-items: center;
  justify-content: center;
  background-color: var(--wp--preset--color--navy-50, #e4e8ea);
  border-bottom: 1px solid var(--wp--preset--color--border, #e3e3e3);
}
.spektrix-resource-cards__image {
  display: block;
  width: 100%;
  margin: 0;
}
.spektrix-resource-cards__image-element {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.spektrix-resource-cards__media--image-fit-cover {
  overflow: hidden;
  position: relative;
  min-height: max(12rem, var(--spektrix-resource-cards-media-min-height));
}
.spektrix-resource-cards__media--image-fit-cover .spektrix-resource-cards__image {
  position: absolute;
  inset: 0;
  height: 100%;
}
.spektrix-resource-cards__media--image-fit-cover .spektrix-resource-cards__image-element {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spektrix-resource-cards__media--image-fit-contain .spektrix-resource-cards__image-element {
  height: auto;
  object-fit: contain;
}
.spektrix-resource-cards__content {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  min-height: 0;
  padding: var(--spektrix-resource-cards-content-padding-top) var(--spektrix-resource-cards-content-padding-inline) var(--spektrix-resource-cards-content-padding-bottom);
}
.spektrix-resource-cards__content--empty {
  padding: 0;
}
.spektrix-resource-cards__card-title {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-resource-cards__card-subtitle {
  margin: calc(var(--spektrix-resource-cards-gap) * 0.375) 0 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-resource-cards__card-subtitle p {
  margin: 0;
}
.spektrix-resource-cards__button-wrap {
  flex: 0 0 auto;
  width: 100%;
  margin-top: auto;
  padding-top: var(--spektrix-resource-cards-title-button-gap);
}
.spektrix-resource-cards__placeholder {
  max-width: var(--spektrix-resource-cards-content-size);
  margin: 0 auto;
  padding: var(--spektrix-resource-cards-gap);
  border: 1px dashed var(--wp--preset--color--border);
  border-radius: 12px;
  text-align: center;
}
@media (min-width: 768px) {
  .spektrix-resource-cards__items--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .spektrix-resource-cards__items--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

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