@media only screen and (max-width: 48rem) {
  .featured-offers-list-block-container {
    padding-inline: unset;
  }
  .featured-offers-list-block-container .featured-offers-listing.list-reset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

ul.featured-offers-listing.list-reset, .featured-offers-list-block-container ul.featured-offers-listing.list-reset {
  background-color: var(--color-background-alt);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  --card-mask: url("/wp-content/themes/st-christophers-inns/assets/masks/card-mask.svg");
  -webkit-mask-box-image: var(--card-mask) 1 1;
          mask-border: var(--card-mask) 1 1;
  -webkit-mask-box-image-slice: 33.333 fill;
          mask-border-slice: 33.333 fill;
  gap: var(--gutter-x-loose);
  padding: var(--space-xl) var(--space-2xl);
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 48rem) {
  ul.featured-offers-listing.list-reset, .featured-offers-list-block-container ul.featured-offers-listing.list-reset {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
ul.featured-offers-listing.list-reset .offer-list-item, .featured-offers-list-block-container ul.featured-offers-listing.list-reset .offer-list-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
  text-align: center;
  justify-content: center;
  align-items: center;
}
ul.featured-offers-listing.list-reset .offer-list-item header *, .featured-offers-list-block-container ul.featured-offers-listing.list-reset .offer-list-item header * {
  margin: unset;
}
ul.featured-offers-listing.list-reset .offer-list-item header h2 span, .featured-offers-list-block-container ul.featured-offers-listing.list-reset .offer-list-item header h2 span {
  display: inline-block;
  color: var(--color-accent-primary);
}
ul.featured-offers-listing.list-reset .offer-list-item header h2 strong, .featured-offers-list-block-container ul.featured-offers-listing.list-reset .offer-list-item header h2 strong {
  font-family: var(--font-family-large-heading);
  font-weight: var(--font-weight-large-heading);
  text-transform: var(--text-transform-large-heading);
  font-size: var(--font-size-large-heading-1);
  line-height: var(--line-height-large-heading-1);
  letter-spacing: var(--letter-spacing-large-heading-1);
  font-style: var(--font-style-large-heading);
}
ul.featured-offers-listing.list-reset .offer-list-item .offer-pill, .featured-offers-list-block-container ul.featured-offers-listing.list-reset .offer-list-item .offer-pill {
  padding: var(--space-2xs) var(--space-xs);
  border-radius: 1000000000px;
  border: 1px solid var(--color-body);
  font-family: var(--font-family-overline);
  font-weight: var(--font-weight-overline);
  text-transform: var(--text-transform-overline);
  font-size: var(--font-size-overline-3);
  line-height: var(--line-height-overline-3);
  letter-spacing: var(--letter-spacing-overline-3);
  font-style: var(--font-style-overline);
  margin: unset;
  width: -moz-fit-content;
  width: fit-content;
}
/*# sourceMappingURL=featured_offers_list.css.map */