/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Fonts
 *
 * The font settings are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-font-styles.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Colors
 *
 * The primary colors are defined via the gulp figma task creates variables in the css/__base-includes/figma/_figma-color-variables.scss file based on the Figma file. Additional variables are defined here.
 */
/*
 * Effects
 */
/*
 * Grid Settings
 */
/*
This file can be used for optional additions to the Figma-generated font style mixins in the figma/_figma-font-styles.scss file.

For example, if you want to add styles to the @overline mixin, just create a mixin here called @overline-custom and that CSS will be added to the primary mixin:

@mixin overline-custom() {
	font-weight: 700;
}
*/
.block-events-featured-slider {
  overflow: hidden;
}
@media (min-width: 62rem) {
  .block-events-featured-slider {
    padding-bottom: 14.5rem;
  }
  .block-events-featured-slider .slick-slide {
    margin-right: 2rem;
  }
  .block-events-featured-slider .slick-track {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) {
    width: 19rem;
    height: initial;
    margin-right: 2rem;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) > div,
.block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .block-events-featured-slider__slide,
.block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card {
    height: 100%;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card {
    background-color: transparent;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__image-wrapper,
.block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__image-col {
    min-height: 0;
    clip-path: none;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__image-col {
    flex: auto;
    width: 100%;
    height: 14.25rem;
    max-width: none;
    margin-right: 0;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__content-col,
.block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__date-image {
    display: none;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__image-title-wrapper {
    font-weight: var(--title-1-font-weight);
    font-size: var(--title-1-font-size);
    font-family: var(--title-1-font-family);
    line-height: var(--title-1-line-height);
    margin-bottom: var(--title-1-margin-bottom);
    margin-top: 1rem;
  }
  .block-events-featured-slider .slick-slide:not(.slick-active):not(.slick-current) .event-card__image-title-wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 61.98rem) {
  .block-events-featured-slider .container-mobile {
    width: calc(var(--columnWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
    max-width: calc(var(--columnMaxWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 61.98rem) and (min-width: 36rem) {
  .block-events-featured-slider .container-mobile {
    width: calc(var(--columnWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
    max-width: calc(var(--columnMaxWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
  }
}
@media (max-width: 61.98rem) and (min-width: 48rem) {
  .block-events-featured-slider .container-mobile {
    width: calc(var(--columnWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
    max-width: calc(var(--columnMaxWidth) * 12 - clamp(1rem, -0.1428571429rem + 2.380952381vw, 2rem));
  }
}
.block-events-featured-slider .container-mobile {
  position: relative;
  margin-top: clamp(3rem, 1.2857142857rem + 3.5714285714vw, 4.5rem);
}
.block-events-featured-slider__grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 62rem) {
  .block-events-featured-slider__grid {
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.block-events-featured-slider__grid:not(:first-child) {
  margin-top: 4.5rem;
}
@media (min-width: 62rem) {
  .block-events-featured-slider .slick-slide.slick-active,
.block-events-featured-slider .slick-slide.slick-current {
    width: 50vw;
    max-width: 52.5rem;
  }
}
.block-events-featured-slider .slick-active,
.block-events-featured-slider .slick-current {
  position: relative;
}
.block-events-featured-slider .slick-active .event-card__image-title-wrapper,
.block-events-featured-slider .slick-current .event-card__image-title-wrapper {
  display: none;
}
.block-events-featured-slider .slick-slide {
  box-sizing: border-box;
}
.block-events-featured-slider .slick-track {
  transition: all 600ms ease !important;
}
.block-events-featured-slider .slick-list {
  order: 1;
}
.block-events-featured-slider .slick-arrow {
  top: auto;
  left: auto;
  right: auto;
}
.block-events-featured-slider .slick-prev {
  bottom: -3.75rem;
  order: 2;
}
@media (min-width: 62rem) {
  .block-events-featured-slider .slick-prev {
    bottom: -5.625rem;
    margin-left: -12.5rem;
  }
}
.block-events-featured-slider .slick-next {
  bottom: 0;
  order: 3;
  margin-left: auto;
}
@media (min-width: 62rem) {
  .block-events-featured-slider .slick-next {
    bottom: -5.625rem;
    margin-right: -12.5rem;
  }
}
.block-events-featured-slider .slick-next:not(:last-child) {
  order: 4;
}
.block-events-featured-slider .slick-dots {
  position: relative;
  bottom: -2rem;
  order: 3;
}
@media (min-width: 62rem) {
  .block-events-featured-slider .slick-dots {
    bottom: -4.375rem;
  }
}
.block-events-featured-slider.bg-summer-salmon-40 {
  background-color: #ffc4af;
}
.block-events-featured-slider.bg-summer-salmon-40 .slick-arrow.slick-arrow--secondary {
  background-color: #ffc4af;
}
.block-events-featured-slider.bg-summer-blue-40 {
  background-color: #99e6f2;
}
.block-events-featured-slider.bg-summer-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-summer-blue-40 .event-card__date-image {
  background-color: #00c0de;
}
.block-events-featured-slider.bg-summer-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #99e6f2;
}
.block-events-featured-slider.bg-ais-burnt-orange-40 {
  background-color: #f5c9b3;
}
.block-events-featured-slider.bg-ais-burnt-orange-40 .event-card__image-col,
.block-events-featured-slider.bg-ais-burnt-orange-40 .event-card__date-image {
  background-color: #e57742;
}
.block-events-featured-slider.bg-ais-burnt-orange-40 .slick-arrow.slick-arrow--secondary {
  background-color: #f5c9b3;
}
.block-events-featured-slider.bg-ais-golden-orange-40 {
  background-color: #fcdfa1;
}
.block-events-featured-slider.bg-ais-golden-orange-40 .event-card__image-col,
.block-events-featured-slider.bg-ais-golden-orange-40 .event-card__date-image {
  background-color: #f8b015;
}
.block-events-featured-slider.bg-ais-golden-orange-40 .slick-arrow.slick-arrow--secondary {
  background-color: #fcdfa1;
}
.block-events-featured-slider.bg-ael-burgundy-40 {
  background-color: #dd9cb6;
}
.block-events-featured-slider.bg-ael-burgundy-40 .event-card__image-col,
.block-events-featured-slider.bg-ael-burgundy-40 .event-card__date-image {
  background-color: #ab0848;
}
.block-events-featured-slider.bg-ael-burgundy-40 .slick-arrow.slick-arrow--secondary {
  background-color: #dd9cb6;
}
.block-events-featured-slider.bg-ael-royal-blue-40 {
  background-color: #99c8e5;
}
.block-events-featured-slider.bg-ael-royal-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-ael-royal-blue-40 .event-card__date-image {
  background-color: #0076be;
}
.block-events-featured-slider.bg-ael-royal-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #99c8e5;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue-40 {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue-40 .event-card__date-image {
  background-color: #2662a9;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red-40 {
  background-color: #f3a3b2;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red-40 .event-card__image-col,
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red-40 .event-card__date-image {
  background-color: #e1193e;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red-40 .slick-arrow.slick-arrow--secondary {
  background-color: #f3a3b2;
}
.block-events-featured-slider.bg-ccse-sky-blue-40 {
  background-color: #99e2f1;
}
.block-events-featured-slider.bg-ccse-sky-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-ccse-sky-blue-40 .event-card__date-image {
  background-color: #00b6dd;
}
.block-events-featured-slider.bg-ccse-sky-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #99e2f1;
}
.block-events-featured-slider.bg-ccse-yellow-40 {
  background-color: #f8f3a0;
}
.block-events-featured-slider.bg-ccse-yellow-40 .event-card__image-col,
.block-events-featured-slider.bg-ccse-yellow-40 .event-card__date-image {
  background-color: #ede012;
}
.block-events-featured-slider.bg-ccse-yellow-40 .slick-arrow.slick-arrow--secondary {
  background-color: #f8f3a0;
}
.block-events-featured-slider.bg-itl-summer-salmon-40 {
  background-color: #ffc4af;
}
.block-events-featured-slider.bg-itl-summer-salmon-40 .event-card__image-col,
.block-events-featured-slider.bg-itl-summer-salmon-40 .event-card__date-image {
  background-color: #ff6b36;
}
.block-events-featured-slider.bg-itl-summer-salmon-40 .slick-arrow.slick-arrow--secondary {
  background-color: #ffc4af;
}
.block-events-featured-slider.bg-itl-deep-blue-40 {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-itl-deep-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-itl-deep-blue-40 .event-card__date-image {
  background-color: #2662a9;
}
.block-events-featured-slider.bg-itl-deep-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-parks-exhibition-center-deep-blue-40 {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-parks-exhibition-center-deep-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-parks-exhibition-center-deep-blue-40 .event-card__date-image {
  background-color: #2662a9;
}
.block-events-featured-slider.bg-parks-exhibition-center-deep-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-parks-exhibition-center-academy-teal-40 {
  background-color: #99dfdd;
}
.block-events-featured-slider.bg-parks-exhibition-center-academy-teal-40 .event-card__image-col,
.block-events-featured-slider.bg-parks-exhibition-center-academy-teal-40 .event-card__date-image {
  background-color: #00aeaa;
}
.block-events-featured-slider.bg-parks-exhibition-center-academy-teal-40 .slick-arrow.slick-arrow--secondary {
  background-color: #99dfdd;
}
.block-events-featured-slider.bg-owoi-green-40 {
  background-color: #d2dcb8;
}
.block-events-featured-slider.bg-owoi-green-40 .event-card__image-col,
.block-events-featured-slider.bg-owoi-green-40 .event-card__date-image {
  background-color: #8fa74e;
}
.block-events-featured-slider.bg-owoi-green-40 .slick-arrow.slick-arrow--secondary {
  background-color: #d2dcb8;
}
.block-events-featured-slider.bg-owoi-royal-blue-40 {
  background-color: #99c8e5;
}
.block-events-featured-slider.bg-owoi-royal-blue-40 .event-card__image-col,
.block-events-featured-slider.bg-owoi-royal-blue-40 .event-card__date-image {
  background-color: #0076be;
}
.block-events-featured-slider.bg-owoi-royal-blue-40 .slick-arrow.slick-arrow--secondary {
  background-color: #99c8e5;
}
.block-events-featured-slider.bg-naac-brown {
  background-color: #72554e;
}
.block-events-featured-slider.bg-naac-brown .event-card__image-col,
.block-events-featured-slider.bg-naac-brown .event-card__date-image {
  background-color: #f9b9cb;
}
.block-events-featured-slider.bg-naac-brown .slick-arrow.slick-arrow--secondary {
  background-color: #72554e;
}
.block-events-featured-slider.bg-advancement-team-orange {
  background-color: #d2451d;
}
.block-events-featured-slider.bg-advancement-team-orange .event-card__image-col,
.block-events-featured-slider.bg-advancement-team-orange .event-card__date-image {
  background-color: #888b8c;
}
.block-events-featured-slider.bg-advancement-team-orange .slick-arrow.slick-arrow--secondary {
  background-color: #d2451d;
}
.block-events-featured-slider.bg-advancement-team-gray {
  background-color: #888b8c;
}
.block-events-featured-slider.bg-advancement-team-gray .event-card__image-col,
.block-events-featured-slider.bg-advancement-team-gray .event-card__date-image {
  background-color: #edb5a5;
}
.block-events-featured-slider.bg-advancement-team-gray .slick-arrow.slick-arrow--secondary {
  background-color: #888b8c;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue {
  background-color: #2662a9;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue .event-card__image-col,
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue .event-card__date-image {
  background-color: #a8c0dd;
}
.block-events-featured-slider.bg-jazz-in-the-pines-deep-blue .slick-arrow.slick-arrow--secondary {
  background-color: #2662a9;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red {
  background-color: #e1193e;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red .event-card__image-col,
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red .event-card__date-image {
  background-color: #f3a3b2;
}
.block-events-featured-slider.bg-jazz-in-the-pines-bright-red .slick-arrow.slick-arrow--secondary {
  background-color: #e1193e;
}
.block-events-featured-slider.bg-auxiliary-green {
  background-color: #8fa74e;
}
.block-events-featured-slider.bg-auxiliary-green .event-card__image-col,
.block-events-featured-slider.bg-auxiliary-green .event-card__date-image {
  background-color: #d2dcb8;
}
.block-events-featured-slider.bg-auxiliary-green .slick-arrow.slick-arrow--secondary {
  background-color: #8fa74e;
}
.block-events-featured-slider.bg-ccse-yellow {
  background-color: #ede012;
}
.block-events-featured-slider.bg-ccse-yellow .event-card__image-col,
.block-events-featured-slider.bg-ccse-yellow .event-card__date-image {
  background-color: #f8f3a0;
}
.block-events-featured-slider.bg-ccse-yellow .slick-arrow.slick-arrow--secondary {
  background-color: #ede012;
}
.block-events-featured-slider.bg-owoi-royal-blue {
  background-color: #0076be;
}
.block-events-featured-slider.bg-owoi-royal-blue .event-card__image-col,
.block-events-featured-slider.bg-owoi-royal-blue .event-card__date-image {
  background-color: #99c8e5;
}
.block-events-featured-slider.bg-owoi-royal-blue .slick-arrow.slick-arrow--secondary {
  background-color: #0076be;
}
.block-events-featured-slider.text-white .event-card__date-image {
  color: #fff;
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content {
    display: grid;
    align-items: center;
  }
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content > h2,
.block-events-featured-slider__content > .has-t-2-font-size {
    margin-bottom: auto;
  }
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content > h2:first-child,
.block-events-featured-slider__content > .has-t-2-font-size:first-child {
    margin-top: auto !important;
  }
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content > h2 + *:not(.wp-block-button),
.block-events-featured-slider__content > .has-t-2-font-size + *:not(.wp-block-button) {
    margin-top: var(--t2-margin-bottom);
  }
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content > .wp-block-buttons {
    grid-row: 1/auto;
    grid-column: 2/3;
    margin: auto 0 auto auto !important;
  }
}
@media (min-width: 36rem) {
  .block-events-featured-slider__content > .wp-block-buttons ~ .wp-block-button {
    grid-area: auto/1/auto/2;
    margin: auto;
  }
}