.flex-content.featured-programs {
	background-color: var(--Cream);
  overflow: hidden;
	padding: 100px 0;
}

.flex-content.featured-programs > .container {
	display: flex;
	flex-direction: column;
}

.flex-content.featured-programs h2 {
	color: var(--Forest);
  text-align: center;
}

.flex-content.featured-programs .tribe-events-pro-photo-nav,
.flex-content.featured-programs .carousel-pagination {
	display: none;
}

.flex-content.featured-programs .event-carousel-shell {
  margin-bottom: 30px;
}

.flex-content.featured-programs .tribe-events-pro-photo__event-datetime {
  color: inherit;
  font-family: 'Outfit';
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
}

.flex-content.featured-programs .tribe-events-pro-photo__event-date-tag-month {
  color: inherit;
  font-family: 'Outfit';
  font-size: 16px;
  text-transform: none;
}

.flex-content.featured-programs time,
.flex-content.featured-programs .tribe-events-pro-photo__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
  font-size: 16px;
  font-weight: normal;
}

@media (max-width: 991px) {
	.flex-content.featured-programs {
		padding: 30px 0;
	}

	.flex-content.featured-programs .desc {
		display: none;
	}

	.flex-content.featured-programs .tribe-common-l-container {
		padding-bottom: 0px;
	}

  .flex-content.featured-programs .event-carousel-shell .tribe-common-g-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    overflow: visible;
    scroll-behavior: smooth;
    touch-action: pan-y;
    gap: 0;
    will-change: transform;
  }

  .flex-content.featured-programs .carousel-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: -1rem;
    margin-bottom: 1rem;
    pointer-events: auto;
  }

  .flex-content.featured-programs .carousel-pagination button {
    background: transparent;
    border: unset;
    padding: 17px;
  }

	.flex-content.featured-programs .carousel-pagination button .circle {
    border-radius: 50%;
    border: 2px solid var(--Forest);
    cursor: pointer;
    height: 16px;
    width: 16px;
    transition: background 0.3s ease;
  }

  .flex-content.featured-programs .carousel-pagination button.active .circle {
    background: var(--Forest);
  }

  .flex-content.featured-programs .event-carousel-shell .tribe-common-g-row > article {
    flex: 0 0 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }
}