/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./assets/scss/app.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.sr-only {
  position: absolute;
  text-indent: -9999px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
  color: inherit;
}
h1 span, h1 a,
h2 span,
h2 a,
h3 span,
h3 a,
h4 span,
h4 a,
h5 span,
h5 a,
h6 span,
h6 a,
p span,
p a,
a span,
a a,
li span,
li a {
  font-family: inherit;
  color: inherit;
}

h1 {
  font-size: 8.3333333333vw;
  line-height: 1;
}
@media only screen and (max-width: 288px) {
  h1 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 2880px) {
  h1 {
    font-size: 240px;
  }
}

@font-face {
  src: url(/wp-content/themes/oedipusRadio/assets/d424298d8823c96cc174.woff) format('woff'), url(/wp-content/themes/oedipusRadio/assets/8810dd5aa61709a13f7d.woff2) format('woff');
  font-weight: 500;
  font-family: NBInternationalPro;
  font-style: normal;
  font-display: swap;
}
h1, h2, .track .content, .gform_button, time, .eventbrite-item-image-tags span {
  font-family: NBInternationalPro, sans-serif;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-style: normal;
}

@font-face {
  src: url(/wp-content/themes/oedipusRadio/assets/ca6c792a3468f17f5b70.woff) format('woff'), url(/wp-content/themes/oedipusRadio/assets/bea9cd7130bb5c54aa2f.woff2) format('woff');
  font-weight: 500;
  font-family: Plain;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url(/wp-content/themes/oedipusRadio/assets/7359595c10c0dca6e6f3.woff) format('woff'), url(/wp-content/themes/oedipusRadio/assets/6731cca0b98655b343dc.woff2) format('woff');
  font-weight: 300;
  font-family: Plain;
  font-style: normal;
  font-display: swap;
}
body p, .eventbrite-feed, .eventbrite-item-description {
  font-family: Plain, sans-serif;
}

.font-medium {
  font-weight: 500;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-style: normal;
}

*, body {
  margin: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.background--dark {
  background: black;
}

.color--dark {
  color: black;
}

.border--dark {
  border-color: black;
}

.background--light {
  background: white;
}

.color--light {
  color: white;
}

.border--light {
  border-color: white;
}

.background--yellow {
  background: #fdb727;
}

.color--yellow {
  color: #fdb727;
}

.border--yellow {
  border-color: #fdb727;
}

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.row.center {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 0px) {
  .column.small-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-full {
    width: 100%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-half {
    width: 50%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 0px) {
  .column.small-five-sixth {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-full {
    width: 100%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-half {
    width: 50%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 9999px) {
  .column.medium-five-sixth {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-half {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 9999px) {
  .column.mediumlarge-five-sixth {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-half {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 9999px) {
  .column.large-five-sixth {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-half {
    width: 50%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 9999px) {
  .column.xlarge-five-sixth {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-0 {
    width: 0%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-1 {
    width: 4.1666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-2 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-3 {
    width: 12.5%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-4 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-5 {
    width: 20.8333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-6 {
    width: 25%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-7 {
    width: 29.1666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-8 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-9 {
    width: 37.5%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-10 {
    width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-11 {
    width: 45.8333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-12 {
    width: 50%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-13 {
    width: 54.1666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-14 {
    width: 58.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-15 {
    width: 62.5%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-16 {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-17 {
    width: 70.8333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-18 {
    width: 75%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-19 {
    width: 79.1666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-20 {
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-21 {
    width: 87.5%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-22 {
    width: 91.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-23 {
    width: 95.8333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-half {
    width: 50%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-third {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-two-third {
    width: 66.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-quarter {
    width: 25%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-three-quarter {
    width: 75%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-fifth {
    width: 20%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-two-fifth {
    width: 40%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-three-fifth {
    width: 60%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-four-fifth {
    width: 80%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-sixth {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 9999px) {
  .column.xxlarge-five-sixth {
    width: 83.3333333333%;
  }
}

body {
  background: black;
  font-family: sans-serif;
  color: #DADFE3 !important;
}

main {
  writing-mode: vertical-rl;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
main h1 {
  font-weight: 500;
  font-size: 8.33333vw;
  line-height: 0.9;
  text-transform: uppercase;
  padding: 4.1666666667vw 4.1666666667vw 0 2.0833333333vw;
}
main h2 {
  font-size: 2.5vw;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  padding: 4.1666666667vw 0 0;
  max-height: 75%;
  margin: 0;
}

#form {
  height: 100vh;
  width: 100vw;
  position: relative;
  margin: 0;
  padding: 0;
}
#form .event-feed-for-eventbrite-app {
  margin: 0;
  margin-right: 2.0833333333vw;
  position: relative;
  height: 100%;
}
#form .eventbrite-feed {
  margin: 0;
  padding: 4.1666666667vw 0;
  display: flex !important;
  flex-direction: column;
  position: relative;
  height: 100%;
}
#form .eventbrite-feed .eventbrite-modal-spinner-feed {
  display: none !important;
  opacity: 0;
}
#form .eventbrite-feed .eventbrite-item {
  padding: 0 1.875vw;
  margin: 0;
  position: relative;
  height: 100%;
  border-right: 2px solid #DADFE3;
  background: black;
  display: flex;
  animation: fadeIn 0.5s calc(var(--index) * 0.1s) ease-in-out both;
  order: var(--index);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
  }
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image-tags {
  left: 0.75rem;
  top: 0.75rem;
  position: absolute;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image-tags span {
  background: #DADFE3;
  color: black;
  font-weight: 500;
  padding: 12px 6px;
  font-size: 10px;
  line-height: 1;
  border-radius: 16px;
  margin: 0 !important;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image-tags span.eventbrite-item-image-price {
  margin-bottom: 5px !important;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image {
  background: blue;
  height: 16.6666666667vw;
  width: 200px;
  border-radius: 0;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image .eventbrite-item-image-inner {
  border: none;
  width: 100%;
  border-radius: 0px !important;
  position: relative;
  overflow: hidden;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-image .eventbrite-item-image-inner img {
  position: absolute;
  transform: rotate(90deg) translateX(-100px);
  object-fit: cover;
  height: 200px;
  width: auto;
  right: -100px;
  top: 50%;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content {
  position: relative;
  padding-right: 0;
  height: 600px;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-bottom-row {
  color: #DADFE3 !important;
  padding-top: 6.25vw;
  height: 100%;
  padding-bottom: 1.5rem;
  position: relative;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-bottom-row p {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.25;
  color: #DADFE3 !important;
  margin: 0;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-top-row {
  position: relative;
  padding-bottom: 1.5rem;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-top-row .eventbrite-item-title-col {
  color: #DADFE3 !important;
  padding-top: 6.25vw;
  display: flex;
  flex-direction: column-reverse;
  height: 29.1666666667vw;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-top-row .eventbrite-item-title-col h3, #form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-top-row .eventbrite-item-title-col a {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.25;
  color: #DADFE3 !important;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-top-row .eventbrite-item-title-col time {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #DADFE3 !important;
  opacity: 0.8;
  padding-right: 1rem;
  padding-left: 1rem;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-date_col {
  position: absolute;
  right: 0;
  top: 0;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-date_col .eventbrite-item-date {
  width: 100%;
}
#form .eventbrite-feed .eventbrite-item .eventbrite-item-content .eventbrite-item-date_col .eventbrite-item-date span {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.25;
  color: #DADFE3 !important;
  text-transform: none;
}
#form .eventbrite-feed .eventbrite-feed-edit-link {
  display: none;
}

footer {
  display: none;
}

.circle-scroller {
  animation: turn 8s cubic-bezier(0, 1.94, 1, 0.48) infinite;
  position: fixed;
  width: 10.4166666667vw;
  height: 10.4166666667vw;
  border-radius: 5.2083333333vw;
  background: #DADFE3;
  z-index: 2;
  right: 16.6666666667vw;
  bottom: 4.1666666667vw;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.circle-scroller .circle-scroller__item {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.circle-scroller p {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: 1.5rem;
  text-align: center;
  height: 10.4166666667vw;
  color: black;
}

@keyframes turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}