@charset "UTF-8";
:root {
  --content-h-padding: 2rem;
  --content-v-padding: 1rem;
  --content-max-width: 1200px;
  --hover-transition-short: 0.5s;
  --top-nav-height: 90px;
  --top-nav-height-fixed-shorter: 65px;
  --content-narrow-width: 38rem;
  --content-width: 48.75rem;
  --content-width: 46rem;
  --content-wide-width: 61.25rem;
  --content-wider-width: 75rem;
  --image-border-radius: .5rem;
}

/* @link https://utopia.fyi/type/calculator?c=360,20,1.25,1240,20,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.7035rem, 0.8395rem + -0.1755vw, 0.8rem);
  --step--1: clamp(0.9377rem, 1.0255rem + -0.1132vw, 1rem);
  --step-0: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  --step-1: clamp(1.5625rem, 1.5201rem + 0.1886vw, 1.6663rem);
  --step-2: clamp(1.9531rem, 1.8435rem + 0.4872vw, 2.2211rem);
  --step-3: clamp(2.4414rem, 2.229rem + 0.9442vw, 2.9607rem);
  --step-4: clamp(3.0518rem, 2.6857rem + 1.6271vw, 3.9467rem);
  --step-5: clamp(3.8147rem, 3.2231rem + 2.6295vw, 5.2609rem);
}

/* @link https://utopia.fyi/space/calculator?c=360,18,1.25,1240,20,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5369rem + 0.1136vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6108rem + 0.3409vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.1477rem + 0.4545vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2216rem + 0.6818vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.2955rem + 0.9091vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem);
  /* One-up pairs */
  --space-3xs-2xs: clamp(0.3125rem, 0.1847rem + 0.5682vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4091rem + 0.6818vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7216rem + 0.6818vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8182rem + 1.3636vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.3551rem + 1.4773vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.6364rem + 2.7273vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.7102rem + 2.9545vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.2727rem + 5.4545vw, 7.5rem);
  /* Custom pairs */
  --space-s-l: clamp(1.125rem, 0.5625rem + 2.5vw, 2.5rem);
}

html {
  --red: #f00;
  --dark-red: #d00;
  --white: #fff;
  --black: #000;
  --light-grey: #eee;
  --dark-grey: #333;
  --accordion-border: #999;
  --green: #0a3;
  --orange: #ffa500;
  --light-orange: color-mix(in srgb, orange, white 80%);
  --divider-darken: color-mix(in srgb, black, transparent 80%);
  --icon: #888;
  --icon-active: #000;
  --btn-bg: var(--red);
  --btn-text: var(--white);
  --btn-bg-active: var(--dark-red);
  --btn-text-active: var(--white);
  --btn-border-active: var(--red);
  --btn-hollow-bg: var(--red);
  --btn-hollow-text: var(--red);
  --btn-hollow-border: var(--red);
  --btn-hollow-bg-active: var(--dark-red);
  --btn-hollow-text-active: var(--white);
  --btn-hollow-border-active: var(--white);
  --body-text: var(--dark-grey);
  --body-bg: var(--white);
  --body-link: var(--red);
  --top-nav-bg: #000;
  --top-nav-link: #ccc;
  --top-nav-link-active: #fff;
  --footer-text: #333;
  --footer-bg: #d6d6d6;
  --footer-link-text: var(--red);
  --footer-link-text-active: var(--red);
  --events-section-upcoming: color-mix(in srgb, var(--orange), transparent 10%);
  --events-section-upcoming-filter: invert(57%) sepia(99%) saturate(927%) hue-rotate(360deg) brightness(103%) contrast(105%);
  --events-section-upcoming-active: var(--orange);
  --events-section-upcoming-bg: #fff;
  --events-section-past-active: grey;
  --events-section-past: color-mix(in srgb, grey, transparent 20%);
  --events-section-past-filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(327deg) brightness(91%) contrast(93%);
  --events-section-past-bg: var(--light-grey);
  --events-section-recently-added: purple;
  --image-border-radius: .8rem;
}

.--bg-light-grey {
  background-color: var(--light-grey);
}

.--bg-light-orange {
  background-color: var(--light-orange);
}

.--footer-bg {
  background-color: var(--footer-bg);
}

/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
*:not(dialog) {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}

/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 9. Improve line wrapping */
p {
  text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

.orelega-one-regular, .orelega {
  font-family: "Orelega One", serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-400 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.roboto-900 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

html, body {
  height: 100%;
  margin: 0;
}

p, li {
  font-size: var(--step-0);
  line-height: 1.45;
  color: var(--body-text);
}
p strong, li strong {
  font-weight: 550;
}

p {
  margin-top: 0.7em;
}
p:last-child {
  margin-bottom: 0.7rem;
}

li:last-child {
  margin-bottom: 0.7em;
}

h1, h2, h3, h4, h5 {
  line-height: 1.2;
  letter-spacing: 0.5px;
  margin-bottom: 0.7rem;
  margin-top: 0.5em;
}

h5 {
  line-height: 1.35;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child {
  margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
  margin-bottom: 0;
}
h1.intro, h2.intro, h3.intro, h4.intro, h5.intro, h6.intro, p.intro {
  text-align: center;
  line-height: 1.15;
  font-style: italic;
  font-weight: 500;
}

h1 {
  font-size: var(--step-3);
  font-weight: 500;
}

h2 {
  font-size: var(--step-2);
  font-weight: 500;
}

h3 {
  font-size: var(--step-1);
}

h4 {
  font-size: var(--step-0);
}
h4 strong {
  font-weight: 550;
}

h5 {
  font-size: var(--step-0);
}
h5 strong {
  font-weight: 550;
}

small, .text--small {
  font-size: var(--step--1);
}

a, a:visited {
  color: var(--red);
  text-decoration: underline;
}
a:hover, a:visited:hover {
  text-decoration: underline;
  color: var(--dark-red);
}

@media (min-width: 1101px) {
  .page-container.first, .blocks-container.first {
    padding-top: calc(var(--top-nav-height) + var(--space-xs));
  }
}

.content {
  max-width: var(--content-width);
}
.content.-no-v-margin .content, .content--wide, .content--wider, .content--full, .content--narrow {
  padding: 0 var(--content-h-padding);
  margin: 0 auto 0 auto;
}
.content--narrow {
  max-width: var(--content-narrow-width);
}
.content--wide {
  max-width: var(--content-wide-width);
}
.content--wider {
  max-width: var(--content-wider-width);
}
.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-xl-2xl {
  margin-top: var(--space-xl-2xl);
}

.mt-xl {
  margin-top: var(--space-xl-xl);
}

.mt-3xs {
  margin-top: var(--space-3xs);
}

.mt-2xs {
  margin-top: var(--space-2xs);
}

.mt-xs {
  margin-top: var(--space-xs);
}

.mt-s {
  margin-top: var(--space-s);
}

.mt-m {
  margin-top: var(--space-m);
}

.mt-l {
  margin-top: var(--space-l);
}

.mt-xl {
  margin-top: var(--space-xl);
}

.mt-2xl {
  margin-top: var(--space-2xl);
}

.mt-3xl {
  margin-top: var(--space-3xl);
}

.mb-3xs {
  margin-bottom: var(--space-3xs);
}

.mb-2xs {
  margin-bottom: var(--space-2xs);
}

.mb-xs {
  margin-bottom: var(--space-xs);
}

.mb-s {
  margin-bottom: var(--space-s);
}

.mb-m {
  margin-bottom: var(--space-m);
}

.mb-l {
  margin-bottom: var(--space-l);
}

.mb-xl {
  margin-bottom: var(--space-xl);
}

.mb-2xl {
  margin-bottom: var(--space-2xl);
}

.mb-3xl {
  margin-bottom: var(--space-3xl);
}

.mb-m-iflast:last-child {
  margin-bottom: var(--space-m);
}

.mb-l-iflast:last-child {
  margin-bottom: var(--space-l);
}

.mb-xl-iflast:last-child {
  margin-bottom: var(--space-xl);
}

.pt-3xs {
  padding-top: var(--space-3xs);
}

.pt-2xs {
  padding-top: var(--space-2xs);
}

.pt-xs {
  padding-top: var(--space-xs);
}

.pt-s {
  padding-top: var(--space-s);
}

.pt-m {
  padding-top: var(--space-m);
}

.pt-l {
  padding-top: var(--space-l);
}

.pt-xl {
  padding-top: var(--space-xl);
}

.pt-2xl {
  padding-top: var(--space-2xl);
}

.pt-3xl {
  padding-top: var(--space-3xl);
}

.pb-3xs {
  padding-bottom: var(--space-3xs);
}

.pb-2xs {
  padding-bottom: var(--space-2xs);
}

.pb-xs {
  padding-bottom: var(--space-xs);
}

.pb-s {
  padding-bottom: var(--space-s);
}

.pb-m {
  padding-bottom: var(--space-m);
}

.pb-l {
  padding-bottom: var(--space-l);
}

.pb-xl {
  padding-bottom: var(--space-xl);
}

.pb-2xl {
  padding-bottom: var(--space-2xl);
}

.pb-3xl {
  padding-bottom: var(--space-3xl);
}

.pb-m-iflast:last-child {
  padding-bottom: var(--space-m);
}

.pb-l-iflast:last-child {
  padding-bottom: var(--space-l);
}

.pb-xl-iflast:last-child {
  padding-bottom: var(--space-xl);
}

@media (min-width: 1101px) {
  .first-item {
    margin-top: var(--top-nav-height);
  }
}

.top-nav {
  background-color: var(--top-nav-bg);
  transition: all 0.1s;
  height: var(--top-nav-height);
}
@media (min-width: 1101px) {
  .top-nav {
    position: fixed;
    top: 0;
    z-index: 99;
    height: var(--top-nav-height);
    width: 100%;
  }
}
@media (min-width: 1101px) {
  .top-nav.-shorter {
    height: var(--top-nav-height-fixed-shorter);
  }
}
.top-nav__container {
  padding: 0 var(--content-h-padding);
  margin: 0 auto;
  height: 100%;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 6rem auto 5rem 2rem;
  gap: 0 0.5rem;
  grid-template-areas: "logo . language-button menu-button";
}
@media (min-width: 1101px) {
  .top-nav__container {
    grid-template-columns: 6rem auto 5rem;
    grid-template-areas: "logo menu language-button";
    gap: 0;
  }
}
.top-nav__logo {
  grid-area: logo;
  justify-self: center;
  align-self: center;
  max-width: 6rem;
}
.top-nav__logo img {
  max-width: 100%;
}
.top-nav__language {
  grid-area: language-button;
  justify-self: center;
  align-self: center;
  font-size: 1.6rem;
  font-size: var(--step-0);
}
@media (min-width: 1101px) {
  .top-nav__language {
    font-size: 1.3rem;
    font-size: var(--step-0);
  }
}
.top-nav__language {
  font-weight: 900;
  padding: 0.5rem 0.8rem;
  line-height: 1;
  text-decoration: none;
  background-color: transparent;
  cursor: pointer;
  margin: 0 0 0 1rem;
  border: none;
  color: #ddd !important;
}
.top-nav__language:hover {
  color: white !important;
  text-decoration: none;
}
.top-nav__mobile-menu-icon {
  grid-area: menu-button;
  justify-self: center;
  align-self: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
}
.top-nav__mobile-menu-icon button {
  color: var(--top-nav-link);
  background-color: transparent;
  transition: all 0.8s;
  border: none;
}
.top-nav__mobile-menu-icon button:hover, .top-nav__mobile-menu-icon button:active {
  color: var(--top-nav-link-active);
}
@media (min-width: 1101px) {
  .top-nav__mobile-menu-icon {
    display: none;
  }
}
.top-nav__menu {
  grid-item: menu;
  margin: 0;
  clear: all;
  display: none;
}
.top-nav__menu.-active {
  display: block;
}
@media (min-width: 1101px) {
  .top-nav__menu.-active {
    display: flex;
  }
}
.top-nav__menu {
  padding: 1rem 0 1rem 0;
  position: absolute;
  z-index: 100;
  top: var(--top-nav-height);
  left: 0;
  background-color: var(--top-nav-bg);
  width: 100%;
  background: linear-gradient(180deg, black, rgba(0, 0, 0, 0.7));
}
@media (min-width: 1101px) {
  .top-nav__menu {
    top: 0;
    left: 0;
    position: relative;
    padding: 0;
    display: flex;
    flex-flow: row-nowrap;
    justify-content: flex-end;
    border: none;
  }
}
.top-nav__item {
  list-style: none;
  margin: 0;
  font-size: var(--step-0);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 1rem 1rem 0.8rem 1rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-nav__item:last-child {
  margin: 0;
}
@media (min-width: 1101px) {
  .top-nav__item {
    font-size: var(--step-0);
    padding: 0 0.7rem;
  }
  .top-nav__item:last-child {
    padding-right: 0;
  }
}
@media (min-width: 1151px) {
  .top-nav__item {
    padding: 0 1rem;
  }
}
.top-nav__item a, .top-nav__item a:visited {
  color: var(--top-nav-link);
  text-decoration: none;
  transition: all 0.8s;
}
.top-nav__item a:hover, .top-nav__item.-active a, .top-nav__item a.-active {
  color: var(--top-nav-link-active);
}

.top-nav #nav-icon {
  width: 36px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.top-nav #nav-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #eee;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.top-nav #nav-icon span:nth-child(1) {
  top: 0px;
}
.top-nav #nav-icon span:nth-child(2), .top-nav #nav-icon span:nth-child(3) {
  top: 12px;
}
.top-nav #nav-icon span:nth-child(4) {
  top: 24px;
}
.top-nav #nav-icon.-active span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.top-nav #nav-icon.-active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top-nav #nav-icon.-active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.top-nav #nav-icon.-active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.hero--slider {
  --btn-border-active: var(--white);
  background-color: black;
  background-repeat: no-repeat;
  height: calc(100vh - var(--top-nav-height));
  height: calc(100dvh - var(--top-nav-height));
}
@media (min-width: 1101px) {
  .hero--slider {
    margin-top: var(--top-nav-height);
  }
}
.hero--slider .swiper {
  width: 100%;
  height: 100%;
  --swiper-pagination-bullet-size: var(--step--1);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: rgba(0,0,0,0.1);
  --swiper-theme-color: white;
  --swiper-pagination-bottom: .5rem;
}
@media (orientation: landscape) {
  .hero--slider .swiper {
    --swiper-pagination-bottom: 1.5rem;
  }
}
.hero--slider .swiper-pagination-bullet {
  border: 2px solid white;
}
.hero--slider .swiper-slide {
  --slide-bg-gradient: linear-gradient(rgba(0,0,0, 0), rgba(0,0,0, 0.3) 60%, rgba(0,0,0, 0.5) 80%);
  --slide-bg-image: url(/img/events/slider-empty.webp);
  --slide-bg-image--portrait: url(/img/events/slider-empty.webp);
  --slide-bg-image-position-y: 50%;
  --slide-bg-image--portrait-position-y: 50%;
  color: white;
  background: var(--slide-bg-gradient), var(--slide-bg-image--portrait);
  background-position-y: var(--slide-bg-image--portrait-position-y);
}
@media (orientation: landscape) {
  .hero--slider .swiper-slide {
    background: var(--slide-bg-gradient), var(--slide-bg-image);
    background-position-y: var(--slide-bg-image-position-y);
  }
}
.hero--slider .swiper-slide {
  background-size: cover;
  background-position-x: center;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem 4rem 2rem;
}
@media (orientation: landscape) {
  .hero--slider .swiper-slide {
    padding: 1rem 2rem 6rem 2rem;
  }
}
.hero--slider .swiper-slide h2, .hero--slider .swiper-slide h3, .hero--slider .swiper-slide h4 {
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.hero--slider .swiper-slide h2 {
  font-family: "Orelega One", serif;
  font-size: var(--step-4);
  font-weight: 400;
  line-height: 0.8;
}
.hero--slider .swiper-slide h4 {
  font-size: var(--step--1);
}
@media (min-width: 1101px) {
  .hero--slider .swiper-slide h4 {
    font-size: var(--step-0);
  }
}
.hero--slider .swiper-slide .btn-container {
  padding-top: var(--space-s);
}
@media (min-width: 1101px) {
  .hero--slider .swiper-slide .btn-container {
    padding-top: var(--space-m);
  }
}
@media (max-width: 1099px) {
  .hero--slider .swiper-slide .btn {
    padding: 0.6rem 2rem 0.55rem;
    line-height: 1;
  }
}

.event-card {
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
  text-wrap: balance;
}
.event-card__image img {
  max-width: 100%;
  border-radius: var(--image-border-radius);
}
.event-card__body {
  margin-top: var(--space-l);
  display: flex;
  flex-flow: column;
  gap: var(--space-s);
}
.event-card__body .title {
  font-size: var(--step-4);
  font-family: "Orelega One", serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  line-height: 0.9;
}
.event-card__body .title a {
  text-decoration: none;
  color: var(--body-text);
}
.event-card__body .dates h4 {
  font-weight: 400;
  margin: 0;
  margin-top: var(--space-2xs);
}
.event-card__body .dates h4:first-child {
  margin-top: 0;
}
.event-card__body .description p:last-child, .event-card__body .description h4:last-child {
  margin-bottom: 0;
}
.event-card__body .cta {
  margin-top: var(--space-2xs);
}
.event-card__body .btn--hollow {
  font-size: var(--step-0);
}
.event-card__divider {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
  text-align: center;
  height: 0.1rem;
  background-color: var(--divider-darken);
}
.event-card:last-child .event-card__divider {
  background-color: transparent;
  margin-bottom: 0;
}

.event-list__container.--upcoming {
  box-shadow: inset 0 3px 0px 0 color-mix(in srgb, var(--events-section-upcoming), transparent 30%);
  background-color: var(--events-section-upcoming-bg);
}
.event-list__container.--past {
  padding-bottom: var(--space-l);
  box-shadow: inset 0 3px 0px 0 color-mix(in srgb, var(--events-section-past), transparent 30%);
  background-color: var(--events-section-past-bg);
}
.event-list h2 {
  position: relative;
  margin-bottom: 4rem;
  padding-top: 0.3rem;
  color: white;
  text-transform: uppercase;
  margin: -0.7rem 0 2em 0;
  line-height: 0.8;
  text-align: right;
  font-size: var(--step-1);
  letter-spacing: 0.04em;
  font-weight: 700;
  transition: all 0.3s ease;
}
.event-list h2:after {
  content: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32" fill="rgba(0,0,0,0.3)"><path d="M27.414 19.414l-10 10c-0.781 0.781-2.047 0.781-2.828 0l-10-10c-0.781-0.781-0.781-2.047 0-2.828s2.047-0.781 2.828 0l6.586 6.586v-19.172c0-1.105 0.895-2 2-2s2 0.895 2 2v19.172l6.586-6.586c0.39-0.39 0.902-0.586 1.414-0.586s1.024 0.195 1.414 0.586c0.781 0.781 0.781 2.047 0 2.828z"></path></svg>');
  position: absolute;
  right: 0;
  top: 0.1em;
  padding: 0;
  transition: all 0.3s ease;
}
.event-list.--upcoming h2 {
  color: var(--events-section-upcoming);
  padding-right: 1em;
}
.event-list.--upcoming h2:after {
  content: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32" fill="color-mix(in srgb, %23ffa500, transparent 20%)"><path d="M27.414 19.414l-10 10c-0.781 0.781-2.047 0.781-2.828 0l-10-10c-0.781-0.781-0.781-2.047 0-2.828s2.047-0.781 2.828 0l6.586 6.586v-19.172c0-1.105 0.895-2 2-2s2 0.895 2 2v19.172l6.586-6.586c0.39-0.39 0.902-0.586 1.414-0.586s1.024 0.195 1.414 0.586c0.781 0.781 0.781 2.047 0 2.828z"></path></svg>');
}
.event-list.--upcoming h2:hover {
  color: var(--events-section-upcoming-active);
}
.event-list.--upcoming h2:hover:after {
  top: 0.3rem;
}
.event-list.--past h2 {
  color: var(--events-section-past);
  padding-right: 1em;
}
.event-list.--past h2:hover {
  color: var(--events-section-past-active);
}
.event-list.--past h2:hover:after {
  top: 0.3rem;
}
.event-list.--recently-added h2 {
  border-color: color-mix(in srgb, var(--events-section-recently-added), white 30%);
  color: var(--events-section-recently-added);
}

.event-page {
  display: grid;
  gap: 2rem;
  grid-template-areas: "image" "info" "body";
  grid-template-columns: 1fr;
}
@media (min-width: 62rem) {
  .event-page {
    grid-template-areas: "image info" "body body";
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
.event-page {
  margin-top: var(--space-m);
}
.event-page__image {
  grid-area: image;
}
.event-page__image img {
  max-width: 100%;
  border-radius: var(--image-border-radius);
}
.event-page__info {
  grid-area: info;
  display: flex;
  flex-flow: column;
  margin-top: var(--space-xs);
  gap: var(--space-m);
}
@media (min-width: 62rem) {
  .event-page__info {
    margin-top: var(--space-m);
    gap: var(--space-l);
  }
}
.event-page__info .title {
  font-family: "orelega one", sans-serif;
  line-height: 1;
  margin-bottom: 0;
}
.event-page__info h4 {
  font-weight: 400;
  margin-top: var(--space-2xs);
}
.event-page__info h4:first-child {
  margin-top: 0;
}
.event-page__info .date {
  font-weight: 700;
}
.event-page__info .btn {
  font-size: var(--step-0);
}
.event-page__body {
  grid-area: body;
  margin-top: var(--space-s);
  margin-bottom: var(--space-s);
}
.event-page__body p {
  font-weight: 450;
  max-width: 75ch;
}
.event-page__divider {
  display: none;
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
  text-align: center;
  height: 0.1rem;
  background-color: var(--divider-darken);
  fon-size: var(--step-1);
  max-width: 85ch;
}
.event-page h3 {
  margin-top: var(--space-m);
}

.rich-text {
  margin-bottom: 2rem;
}
.rich-text figure.media {
  margin: var(--space-l) 0;
}
.rich-text figure.media iframe {
  max-width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  width: 100ch;
}

.accordion h1, .accordion__title {
  margin-bottom: var(--space-s);
}
.accordion-item {
  padding: 0.5rem 0 1rem;
  border-top: 1px solid var(--accordion-border);
}
.accordion-item:last-child {
  border-bottom: 1px solid var(--accordion-border);
}
.accordion-item__title {
  font-size: var(--step-1);
  padding: 0.7rem 2rem 0.2rem 0;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.accordion-item__title:after {
  content: "+";
  font-weight: 700;
  color: #333;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0.5rem;
  cursor: pointer;
}
.-active > .accordion-item__title:after {
  content: "–";
}
.accordion-item__body {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.2s;
}
.accordion-item__body li, .accordion-item__body p {
  font-size: var(--step-0);
}
.-active > .accordion-item__body {
  max-height: 1000em;
}
.accordion-item__body p:first-child {
  padding-top: 1rem;
}

a.btn {
  font-weight: bold;
  font-weight: 900;
  font-size: 1.2em;
  text-transform: uppercase;
  padding: 1rem 1.8rem 0.95rem;
  display: inline-block;
  margin: 0 auto;
  color: var(--btn-text);
  background-color: var(--btn-bg);
  text-decoration: none;
  transition: all 0.15s ease-out;
  cursor: pointer;
  letter-spacing: 1px;
  border: 2px solid var(--btn-bg);
}
a.btn:visited {
  color: var(--btn-text);
}
a.btn:hover {
  background-color: var(--btn-bg-active);
  border-color: var(--btn-border-active);
}
a.btn--hollow {
  border: 2px solid var(--btn-hollow-border);
  color: var(--btn-hollow-text);
  background-color: transparent;
}
a.btn--hollow:visited {
  color: var(--btn-hollow-text);
}
a.btn--hollow:hover {
  background-color: var(--btn-hollow-bg-active);
  color: var(--btn-hollow-text-active) !important;
  text-decoration: none;
  border-color: var(--btn-hollow-border);
}
a.btn--hollow.-small {
  font-size: var(--step-0);
}
a.btn--hollow.-smaller {
  font-size: var(--step--1);
}
a.btn--pill {
  padding: 0.7rem 2.5rem 0.65rem;
  border-radius: 2rem;
  display: inline-block;
  margin: 0 auto;
}

.footer {
  color: var(--footer-text);
  background-color: var(--footer-bg);
  font-size: 0.8rem;
  letter-spacing: 1px;
  padding: var(--space-l) 0 var(--space-xl) 0;
}
.footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  color: var(--footer-text);
  font-weight: normal;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.footer p {
  font-size: var(--step--1);
  letter-spacing: 1px;
}
.footer a, .footer a:visited {
  color: var(--footer-link-color);
}
.footer__link-list a {
  margin-right: var(--space-xs);
}
.footer__link-list a:last-child {
  margin-right: 0;
}
.footer__link-list a:hover {
  color: var(--body-text);
}
.footer__text, .footer__social {
  margin: 1em 0;
  text-align: center;
}
.footer__social {
  margin: 1em 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.footer__social-link, .footer__social-link:visited {
  color: var(--footer-link-text);
  padding: 0.5em;
  margin: 0.2em 1em;
}
.footer__social-link:hover:hover, .footer__social-link:visited:hover:hover {
  color: var(--footer-link-text-active);
}
.footer .social-icon {
  padding: 0.1rem;
  margin: 0.8rem;
  height: 2.4rem;
  width: 2.4rem;
  transition: all 0.5s ease;
  display: inline-block;
  fill: var(--icon);
}
.footer .social-icon:hover {
  fill: var(--icon-active);
  transform: scale(1.1);
}

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