.card-grid {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px; }

.featuredguide__card-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: solid 2px var(--accent-2);
  padding: 16px;
  margin-top: 10px;
}

.featuredguide__card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center; }

h2.featuredguide__title  {
  font-size: 32px;
  margin-bottom: 10px;
  padding: 20px 20px 0 20px;
  line-height: 40px; }

.featuredguide__summary {
  font-size: 16px;
  margin: auto;
  padding: 20px 40px 10px 32px;  }

.featuredguide__summary p {
  font-style: normal;
  font-weight: 200;
  font-size: 16px;
  line-height: 150%;
  color: var(--grey-accent-1); }

.featuredguide__link {
  margin-top: 20px;
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 32px;
  line-height: 110%;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;}

.featuredguide__link > a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: var(--core-color);
  border: solid 2px var(--core-color);
  border-radius: 30px;
  padding: 10px 20px 10px 20px; }

.featuredguide__promo-image img {
  width: 120% !important;
  object-fit: cover;
  align-content: flex-end;
  max-height: 250px; }

@media (min-width: 576px) {
  .card-grid {
    grid-template-columns: repeat(1, 1fr);}
}

@media (min-width: 768px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .featuredguide-row:nth-child(4n + 1) {
    grid-column-start: 1;
    grid-column-end: 4;
    display: grid;
  }

  .featuredguide-row:nth-child(4n + 1) > .featuredguide__card-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    border: solid 2px var(--accent-2);
    width: 100%; }

  .featuredguide-row:nth-child(8n + 1) > .featuredguide__card-container {
    flex-direction: row-reverse;
  }

  .featuredguide-row:nth-child(4n + 1) > .featuredguide__card-container > .featuredguide__promo-image {
    padding: 50px 0;
    flex: 70%;
  }

  .featuredguide-row:nth-child(4n + 1) > .featuredguide__card-container > .featuredguide__promo-image img {
    width: 120% !important;
    object-fit: cover;
    align-content: flex-end;
    filter: drop-shadow(0px 0px 40px rgba(55, 21, 92, 0.4));
    max-height: none; }

  .featuredguide-row:nth-child(4n + 1) > .featuredguide__card-container > .featuredguide__card-content {
    flex: 40%;
    padding: 64px;
    text-align: left; }

  .featuredguide-row:nth-child(4n + 1) > .featuredguide__card-container > .featuredguide__card-content > .featuredguide__link {
    flex-direction: row;
    padding: 12px 20px; }

  .featuredguide-row:nth-child(4n + 1)> .featuredguide__card-container > .featuredguide__card-content > .featuredguide__summary {
    padding: 20px 20px 0 20px;
    margin: 0; }
}
