/*!*************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./sass/master.sass ***!
  \*************************************************************************************************************/
@charset "UTF-8";
/*!
 * * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * * Copyright 2011-2019 The Bootstrap Authors
 * * Copyright 2011-2019 Twitter, Inc.
 * * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * **/
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
  background-color: #fff;
}

html, body {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .reviews blockquote .overlay {
    opacity: 0.7;
  }
}
body {
  font: 400 16px/1.4 "azo-sans-web", sans-serif;
}

.page-template-page-campaign .main-text {
  color: #3C3B3B;
  margin-top: 20px;
}

.text-block a:not([class]),
.main-text a:not([class]),
.article-intro a:not([class]) {
  color: #461D6C;
}
.text-block h1,
.main-text h1,
.article-intro h1 {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .text-block h1,
  .main-text h1,
  .article-intro h1 {
    font-size: 40px;
    margin-top: 20px;
  }
}
.text-block h2,
.main-text h2,
.article-intro h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .text-block h2,
  .main-text h2,
  .article-intro h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.text-block h3,
.main-text h3,
.article-intro h3 {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .text-block h3,
  .main-text h3,
  .article-intro h3 {
    font-size: 28px;
  }
}
.text-block h4,
.main-text h4,
.article-intro h4 {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .text-block h4,
  .main-text h4,
  .article-intro h4 {
    font-size: 24px;
  }
}
.text-block h5,
.main-text h5,
.article-intro h5 {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .text-block h5,
  .main-text h5,
  .article-intro h5 {
    font-size: 20px;
  }
}
.text-block h6,
.main-text h6,
.article-intro h6 {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .text-block h6,
  .main-text h6,
  .article-intro h6 {
    margin-bottom: 10px;
  }
}
.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6,
.main-text h1,
.main-text h2,
.main-text h3,
.main-text h4,
.main-text h5,
.main-text h6,
.article-intro h1,
.article-intro h2,
.article-intro h3,
.article-intro h4,
.article-intro h5,
.article-intro h6 {
  color: #2B0539;
}
.text-block ul, .text-block ol, .text-block p,
.main-text ul,
.main-text ol,
.main-text p,
.article-intro ul,
.article-intro ol,
.article-intro p {
  margin: 16px 0 0;
}
@media (min-width: 768px) {
  .text-block ul, .text-block ol, .text-block p,
  .main-text ul,
  .main-text ol,
  .main-text p,
  .article-intro ul,
  .article-intro ol,
  .article-intro p {
    margin: 12px 0 0;
  }
}
.text-block h2, .text-block h1,
.main-text h2,
.main-text h1,
.article-intro h2,
.article-intro h1 {
  margin: 32px 0 0;
}
.text-block h3,
.main-text h3,
.article-intro h3 {
  margin: 24px 0 0;
}
.text-block h4, .text-block h5, .text-block h6,
.main-text h4,
.main-text h5,
.main-text h6,
.article-intro h4,
.article-intro h5,
.article-intro h6 {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .text-block h4, .text-block h5, .text-block h6,
  .main-text h4,
  .main-text h5,
  .main-text h6,
  .article-intro h4,
  .article-intro h5,
  .article-intro h6 {
    margin: 24px 0 0;
  }
}
.text-block > *:first-child,
.main-text > *:first-child,
.article-intro > *:first-child {
  margin-top: 0;
}
.text-block > .button, body .gform_wrapper.gravity-theme .text-block > input[type=submit],
.main-text > .button,
body .gform_wrapper.gravity-theme .main-text > input[type=submit],
.article-intro > .button,
body .gform_wrapper.gravity-theme .article-intro > input[type=submit] {
  margin: 16px 0;
}
.text-block ul,
.main-text ul,
.article-intro ul {
  list-style-type: none;
  padding: 0;
}
.text-block ul li,
.main-text ul li,
.article-intro ul li {
  padding-left: 24px;
  position: relative;
}
.text-block ul li:before,
.main-text ul li:before,
.article-intro ul li:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 4px;
  height: 4px;
  content: "";
  background: #461D6C;
}
.text-block ol,
.main-text ol,
.article-intro ol {
  list-style-type: none;
  counter-reset: muffins;
}
.text-block ol li,
.main-text ol li,
.article-intro ol li {
  counter-increment: muffins;
}
.text-block ol li::before,
.main-text ol li::before,
.article-intro ol li::before {
  content: counter(muffins) ". ";
  min-width: 24px;
  color: #461D6C;
  display: inline-block;
  text-align: center;
}
.text-block ul li + li, .text-block ol li + li,
.main-text ul li + li,
.main-text ol li + li,
.article-intro ul li + li,
.article-intro ol li + li {
  margin-top: 8px;
  min-height: 24px;
}
.text-block iframe,
.main-text iframe,
.article-intro iframe {
  width: 100%;
}

.section-title {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .section-title {
    font-size: 40px;
    margin-top: 20px;
  }
}
.section-title {
  color: #2B0539;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .section-title {
    font: 700 28px/1.2 "brother-1816", sans-serif;
    margin-bottom: 10px;
    margin-bottom: 20px;
    color: #2B0539;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .section-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade, .wpcf7 .wpcf7-form-control.wpcf7-submit, .donate-block .donation-block-button, .promo-block-wrapper .button.tertiary, .article-sidebar .sideblock .button, .button.tertiary, .button, body .gform_wrapper.gravity-theme input[type=submit] {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .wpcf7 .wpcf7-form-control.wpcf7-submit:hover, .donate-block .donation-block-button:hover, .promo-block-wrapper .button.tertiary:hover, .article-sidebar .sideblock .button:hover, .button:hover, body .gform_wrapper.gravity-theme input[type=submit]:hover, .hvr-fade:focus, .wpcf7 .wpcf7-form-control.wpcf7-submit:focus, .donate-block .donation-block-button:focus, .promo-block-wrapper .button.tertiary:focus, .article-sidebar .sideblock .button:focus, .button:focus, body .gform_wrapper.gravity-theme input[type=submit]:focus, .hvr-fade:active, .wpcf7 .wpcf7-form-control.wpcf7-submit:active, .donate-block .donation-block-button:active, .promo-block-wrapper .button.tertiary:active, .article-sidebar .sideblock .button:active, .button:active, body .gform_wrapper.gravity-theme input[type=submit]:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: rgb(32, 152, 209);
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: "";
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-drop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-float-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-sink-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white; /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white; /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white; /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white; /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

.button, body .gform_wrapper.gravity-theme input[type=submit] {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.button:visited, body .gform_wrapper.gravity-theme input[type=submit]:visited, .button:active, body .gform_wrapper.gravity-theme input[type=submit]:active, .button:link, body .gform_wrapper.gravity-theme input[type=submit]:link {
  color: #2B0539;
}
.button:hover, body .gform_wrapper.gravity-theme input[type=submit]:hover, .button:focus, body .gform_wrapper.gravity-theme input[type=submit]:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button, body .gform_wrapper.gravity-theme input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
}
.button.event, body .gform_wrapper.gravity-theme input.event[type=submit] {
  background-color: #FFDA00;
  border-color: #FFDA00;
}
.button.event:hover, body .gform_wrapper.gravity-theme input.event[type=submit]:hover, .button.event:focus, body .gform_wrapper.gravity-theme input.event[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button.event.last-few, body .gform_wrapper.gravity-theme input.event.last-few[type=submit] {
  background-color: #FFE685;
  border-color: #FFE685;
}
.button.event.last-few:hover, body .gform_wrapper.gravity-theme input.event.last-few[type=submit]:hover, .button.event.last-few:focus, body .gform_wrapper.gravity-theme input.event.last-few[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button.event.sold-out, body .gform_wrapper.gravity-theme input.event.sold-out[type=submit] {
  background-color: #49BCC3;
  border-color: #49BCC3;
  cursor: not-allowed;
  pointer-events: none;
  color: #2B0539;
}
.button.event.sold-out:hover, body .gform_wrapper.gravity-theme input.event.sold-out[type=submit]:hover, .button.event.sold-out:focus, body .gform_wrapper.gravity-theme input.event.sold-out[type=submit]:focus {
  background-color: #49BCC3;
  border-color: #49BCC3;
  border-radius: 0;
  outline: none;
  cursor: not-allowed;
  pointer-events: none;
  color: #2B0539;
}
.button.secondary, body .gform_wrapper.gravity-theme input[type=submit] {
  background-color: #461D6C;
  border-color: #461D6C;
  color: rgb(255, 255, 255);
}
.button.secondary:hover, body .gform_wrapper.gravity-theme input[type=submit]:hover, .button.secondary:focus, body .gform_wrapper.gravity-theme input[type=submit]:focus {
  background-color: #C5BED9;
  border-color: #C5BED9;
  color: #2B0539;
}
.button.tag, body .gform_wrapper.gravity-theme input.tag[type=submit] {
  background: #C5BED9;
  border-color: #C5BED9;
  text-transform: uppercase;
  min-width: 94px;
}
.button.tag:visited, body .gform_wrapper.gravity-theme input.tag[type=submit]:visited, .button.tag:active, body .gform_wrapper.gravity-theme input.tag[type=submit]:active, .button.tag:link, body .gform_wrapper.gravity-theme input.tag[type=submit]:link {
  color: rgb(255, 255, 255);
  background: #B80E80;
  border-color: #B80E80;
}
.button.tag:hover, body .gform_wrapper.gravity-theme input.tag[type=submit]:hover, .button.tag:focus, body .gform_wrapper.gravity-theme input.tag[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button.tertiary, body .gform_wrapper.gravity-theme input.tertiary[type=submit] {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.button.tertiary:visited, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:visited, .button.tertiary:active, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:active, .button.tertiary:link, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:link {
  color: #2B0539;
}
.button.tertiary:hover, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, .button.tertiary:focus, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button.tertiary, body .gform_wrapper.gravity-theme input.tertiary[type=submit] {
  background-color: #FFDA00;
  border-color: #FFDA00;
}
.button.tertiary:hover, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, .button.tertiary:focus, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.button.tertiary:hover, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, .button.tertiary:focus, body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus {
  color: rgb(255, 255, 255);
  border-color: #B80E80;
  backgroud-color: #B80E80;
}
.button.link, body .gform_wrapper.gravity-theme input.link[type=submit] {
  background: transparent;
  border: transparent;
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  margin-top: -1px;
  margin-left: -10px;
}
.button.link .icon::before, body .gform_wrapper.gravity-theme input.link[type=submit] .icon::before {
  font-size: 30px;
  margin: 0;
}
.button.link:hover, body .gform_wrapper.gravity-theme input.link[type=submit]:hover, .button.link:focus, body .gform_wrapper.gravity-theme input.link[type=submit]:focus {
  background-color: transparent;
  border-color: transparent;
  color: #2B0539;
  border-radius: 0;
  outline: none;
  text-decoration: underline;
}

button:focus,
.button:focus,
body .gform_wrapper.gravity-theme input[type=submit]:focus {
  outline: none;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/wp-content/themes/nottingham-playhouse/assets/dist/img/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-carousel,
.gallery-carousel,
.related-articles-carousel {
  position: relative;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
}
.owl-carousel .owl-nav,
.gallery-carousel .owl-nav,
.related-articles-carousel .owl-nav {
  -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-nav [class*=owl-],
.gallery-carousel .owl-nav [class*=owl-],
.related-articles-carousel .owl-nav [class*=owl-] {
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-carousel .owl-nav [class*=owl-]:hover,
.gallery-carousel .owl-nav [class*=owl-]:hover,
.related-articles-carousel .owl-nav [class*=owl-]:hover {
  text-decoration: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.gallery-carousel .owl-nav button.owl-prev,
.gallery-carousel .owl-nav button.owl-next,
.related-articles-carousel .owl-nav button.owl-prev,
.related-articles-carousel .owl-nav button.owl-next {
  position: absolute;
  top: calc(50% - 25px);
  left: 0;
  color: rgb(255, 255, 255) !important;
  font-size: 50px !important;
}
.owl-carousel .owl-nav button.owl-next,
.gallery-carousel .owl-nav button.owl-next,
.related-articles-carousel .owl-nav button.owl-next {
  left: auto;
  right: -10px;
}
.owl-carousel .owl-nav .disabled,
.gallery-carousel .owl-nav .disabled,
.related-articles-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-carousel .owl-nav.disabled + .owl-dots,
.gallery-carousel .owl-nav.disabled + .owl-dots,
.related-articles-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-carousel .owl-dots,
.gallery-carousel .owl-dots,
.related-articles-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-dots .owl-dot,
.gallery-carousel .owl-dots .owl-dot,
.related-articles-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-carousel .owl-dots .owl-dot span,
.gallery-carousel .owl-dots .owl-dot span,
.related-articles-carousel .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  margin: 4px;
  background: rgb(0, 0, 0);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,
.gallery-carousel .owl-dots .owl-dot.active span,
.gallery-carousel .owl-dots .owl-dot:hover span,
.related-articles-carousel .owl-dots .owl-dot.active span,
.related-articles-carousel .owl-dots .owl-dot:hover span {
  background: #461D6C;
}

@font-face {
  font-family: "fontello";
  src: url(/wp-content/themes/nottingham-playhouse/assets/dist/fonts/fontello.eot);
  src: url(/wp-content/themes/nottingham-playhouse/assets/dist/fonts/fontello.eot#iefix) format("embedded-opentype"), url(/wp-content/themes/nottingham-playhouse/assets/dist/fonts/fontello.woff2) format("woff2"), url(/wp-content/themes/nottingham-playhouse/assets/dist/fonts/fontello.woff) format("woff"), url(/wp-content/themes/nottingham-playhouse/assets/dist/fonts/fontello.ttf) format("truetype"), url(/wp-content/themes/nottingham-playhouse/assets/dist/img/fontello.svg#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fontello/font/fontello.svg?9655446#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-plus:before {
  content: "\e800";
} /* '' */
.icon-account:before {
  content: "\e801";
} /* '' */
.icon-basket:before {
  content: "\e802";
} /* '' */
.icon-twitter:before {
  content: "\e803";
} /* '' */
.icon-video:before {
  content: "\e804";
} /* '' */
.icon-facebook:before {
  content: "\e805";
} /* '' */
.icon-search:before {
  content: "\e806";
} /* '' */
.icon-arrow-left:before {
  content: "\e807";
} /* '' */
.icon-audio:before {
  content: "\e808";
} /* '' */
.icon-instagram:before {
  content: "\e809";
} /* '' */
.icon-dot:before {
  content: "\e80a";
} /* '' */
.icon-menu:before {
  content: "\e80b";
} /* '' */
.icon-arrow-up:before {
  content: "\e80c";
} /* '' */
.icon-arrow-right:before {
  content: "\e80d";
} /* '' */
.icon-close:before {
  content: "\e80e";
} /* '' */
.icon-arrow-down:before {
  content: "\e80f";
} /* '' */
.icon-star:before {
  content: "\e810";
} /* '' */
.icon-minus:before {
  content: "\e827";
} /* '' */
.icon-icon-tick:before {
  content: "\e82a";
} /* '' */
.icon-digitallibrary:before {
  content: "\e81e";
} /* '' */
.icon-icon-ad:before {
  content: "\e83a";
} /* '' */
.icon-icon-bsl:before {
  content: "\e83b";
} /* '' */
.icon-icon-bsl-fill:before {
  content: "\e83c";
} /* '' */
.icon-icon-ad-fill:before {
  content: "\e83d";
} /* '' */
* {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
@media (max-width: 767px) {
  body.navIsOpen {
    height: 100vh;
    overflow-y: hidden;
    position: fixed;
  }
}

p {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  p {
    margin-bottom: 20px;
  }
}

p a,
p a:visited,
p a:active,
p a:hover,
p a:link {
  color: #461D6C;
}

b,
strong {
  font-weight: 500;
}

iframe {
  max-width: 100%;
}

@media (min-width: 769px) {
  .hiddenOnDesktop {
    display: none;
  }
}

.hiddenOnMobileOnly {
  display: none;
}
@media (min-width: 768px) {
  .hiddenOnMobileOnly {
    display: block;
  }
}

.hiddenOnMobileAndTablet {
  display: none;
}
@media (min-width: 1024px) {
  .hiddenOnMobileAndTablet {
    display: block;
  }
}

.text-block .text-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .text-block .text-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.text-block .text-title {
  color: #2B0539;
  margin: 0 0 12px;
}
.text-block .content-block + .content-block {
  margin-top: 32px;
}

.article-intro {
  font-size: 24px;
  color: #2B0539;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .article-intro {
    font-size: 20px;
  }
}
.article-intro .block-title {
  margin-top: 0;
  color: #2B0539;
}
.article-intro p:last-child {
  margin-bottom: 0;
}
.article-intro + p, .article-intro + .the-content, .article-intro + .text-block {
  margin-top: 20px;
}
.article-intro ul li:before {
  top: 13px;
}
.article-intro ul + p {
  margin-top: 20px;
}

.article-image {
  min-height: 200px;
  position: relative;
}
@media (max-width: 567px) {
  .article-image .article-image-inner {
    background: none !important;
    padding-top: 76px;
  }
}
@media (min-width: 568px) {
  .article-image .article-image-inner {
    max-width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: transparent;
    position: relative;
    z-index: 1;
    min-height: auto;
    height: 0;
    padding-bottom: 45%;
  }
}
@media (min-width: 768px) {
  .article-image .article-image-inner {
    padding-bottom: 40%;
  }
}
@media (min-width: 1024px) {
  .article-image .article-image-inner {
    padding-bottom: 33.333%;
  }
}
.article-image .article-image-inner img {
  height: 100%;
  width: 100%;
  display: block;
}
@media (min-width: 568px) {
  .article-image .article-image-inner img {
    display: none;
  }
}
.article-image .gradient {
  position: absolute;
  left: 0;
  width: 100%;
  height: 99px;
  background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(128, 128, 128) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(128, 128, 128) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(128, 128, 128) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#808080',GradientType=0 );
  mix-blend-mode: multiply;
  z-index: 2;
}

.article-title {
  background-color: #2B0539;
  color: rgb(255, 255, 255);
  position: relative;
  z-index: 1;
  padding: 19px 22px;
}
@media (min-width: 768px) {
  .article-title {
    margin: -59px 0 0;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
}
@media (min-width: 1024px) {
  .article-title {
    max-width: 640px;
    padding-inline: 24px;
  }
}
.article-title:has(.container) {
  padding-inline: 0;
}
@media (max-width: 767px) {
  .article-title__container.container {
    padding-inline: 0;
  }
}
.article-title h1 {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .article-title h1 {
    font-size: 40px;
    margin-top: 20px;
  }
}
.article-title h1 {
  color: rgb(255, 255, 255);
  margin: 0;
}
@media (min-width: 1024px) {
  .article-title h1 {
    margin: 0;
  }
}
.article-title .subtitle {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  font-family: "brother-1816", sans-serif;
  color: rgb(255, 255, 255);
  margin: 8px 0 0;
}
.article-title .subtitle:empty {
  display: none;
}
.article-title .date {
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
}
.article-title .buttons {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .article-title .buttons .button, .article-title .buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .article-title .buttons input[type=submit] {
    min-width: 50px;
    flex: 0 0 calc(50% - 8px);
  }
}

.child-pages-container h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .child-pages-container h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.child-pages-container h2 {
  color: #2B0539;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .child-pages-container h2 {
    margin: 0 0 20px;
  }
}
.child-pages-container--bg {
  padding-block: 32px;
  background: #B80E80;
  position: relative;
}
@media (min-width: 768px) {
  .child-pages-container--bg {
    padding-block: 48px;
  }
}
@media (min-width: 1024px) {
  .child-pages-container--bg {
    padding-block: 72px;
  }
}
.child-pages-container--bg:before {
  z-index: -1;
  position: absolute;
  left: -9999px;
  right: -9999px;
  content: "";
  top: 0;
  bottom: 0;
  background: #B80E80;
}
.child-pages-container--bg h2 {
  color: rgb(255, 255, 255);
}
.child-pages-container--bg .info-box-title {
  color: rgb(255, 255, 255);
}

.child-pages {
  display: grid;
  gap: 20px 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 568px) {
  .child-pages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 812px) {
  .child-pages {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .page-template-membership .child-pages {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .page-template-page-section-overview .child-pages {
    grid-template-columns: repeat(2, 1fr);
  }
}

.article-content > * {
  margin-block: 32px;
}
@media (min-width: 768px) {
  .article-content > * {
    margin-block: 48px;
  }
}
@media (min-width: 1024px) {
  .article-content > * {
    margin-block: 72px;
  }
}
.article-content > *:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .article-content > *:first-child.article-title__container {
    margin-bottom: 40px;
  }
}
.article-content > *:first-child.article-title__container + * {
  margin-top: 0;
}

.article-grid {
  display: grid;
  gap: 32px 48px;
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .article-grid {
    grid-template-columns: 60% auto;
  }
}
.article-grid:not(:has(:first-child)) {
  display: none;
}
.article-grid:has(.filters) {
  gap: 32px 20px;
}
@media (min-width: 768px) {
  .article-grid:has(.filters) {
    grid-template-columns: 275px auto;
  }
}
.article-grid:has(.filters) .article-sidebar {
  order: 0;
}
@media (min-width: 768px) {
  .article-grid:has(.page-navigation), .article-grid:has(.has-navigation), .article-grid:has(.button--back) {
    grid-template-columns: 275px calc(100% - 323px);
  }
}
@media (min-width: 768px) {
  .article-grid:has(.page-navigation) .article-sidebar, .article-grid:has(.has-navigation) .article-sidebar, .article-grid:has(.button--back) .article-sidebar {
    order: 0;
  }
}
@media (min-width: 768px) {
  .article-grid:has(.article-secondary-sidebar) {
    grid-template-columns: 275px calc(100% - 323px);
  }
}
@media (min-width: 1024px) {
  .article-grid:has(.article-secondary-sidebar) {
    grid-template-columns: 275px calc(100% - 646px) 275px;
  }
}
@media (min-width: 768px) {
  .article-grid:has(.article-secondary-sidebar) .article-sidebar {
    order: 0;
  }
}
@media (min-width: 768px) {
  .article-grid:has(.article-secondary-sidebar) .article-secondary-sidebar {
    grid-column: 2/3;
  }
}
@media (min-width: 1024px) {
  .article-grid:has(.article-secondary-sidebar) .article-secondary-sidebar {
    grid-column: 3/4;
  }
}
.article-grid:not(:has(.article-sidebar)) {
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .article-grid:not(:has(.article-sidebar)) .article-body {
    max-width: 760px;
    margin: 0 auto;
    width: 100%;
  }
}
.article-grid:not(:has(.article-sidebar)) .article-body.full-width {
  max-width: 100%;
}
.article-grid + * {
  margin-block-start: 32px;
}
@media (min-width: 768px) {
  .article-grid + * {
    margin-block-start: 48px;
  }
}
@media (min-width: 1024px) {
  .article-grid + * {
    margin-block-start: 72px;
  }
}
@media (min-width: 768px) {
  .article-grid:has(.article-header) {
    grid-template-rows: auto 1fr;
  }
}
@media (min-width: 768px) {
  .article-grid:has(.article-header) .article-sidebar {
    grid-row: 1/3;
    grid-column: 2/3;
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .article-grid:has(.article-header) .article-sidebar {
    margin-top: 72px;
  }
}
.article-grid .article-header {
  margin-inline: -22px;
}
@media (min-width: 768px) {
  .article-grid .article-header {
    margin-inline: 0;
  }
}
.article-grid .article-title {
  max-width: 100%;
}
.article-grid .article-sidebar {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .article-grid .article-sidebar {
    order: 1;
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .article-grid .article-sidebar {
    margin-bottom: 20px;
  }
}

body {
  max-width: 100%;
  min-height: 100vh;
  font-variant-ligatures: no-contextual;
  -moz-font-feature-settings: "calt" 0;
  -webkit-font-feature-settings: "calt" 0;
  font-feature-settings: "calt" 0;
}

.accessible {
  color: rgb(255, 255, 255);
}
.accessible:not(:focus):not(:active) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.content-block > *:first-child {
  margin-top: 0;
}

.container {
  padding-inline: 22px;
  width: 100%;
  max-width: 1164px;
}
.container .container {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .container.centered {
    margin-right: auto;
    margin-left: auto;
    max-width: 608px;
  }
}
@media (min-width: 1024px) {
  .container.centered {
    max-width: 930px;
  }
}
@media (min-width: 1024px) {
  .container.centered.small {
    max-width: 54%;
  }
}
@media (min-width: 1280px) {
  .container.centered.small {
    max-width: 54%;
  }
}
.container.centered.small .article-body,
.container.centered.small .article-intro {
  max-width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .container.centered.small .article-body,
  .container.centered.small .article-intro {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 1024px) {
  .container.centered.small .article-body,
  .container.centered.small .article-intro {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 1280px) {
  .container.centered.small .article-body,
  .container.centered.small .article-intro {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .container.centered.small .article-body .the-content,
  .container.centered.small .article-intro .the-content {
    max-width: 92%;
  }
}
@media (min-width: 768px) {
  .container.centered.small.faq-container {
    max-width: 93%;
  }
}
@media (min-width: 1024px) {
  .container.centered.small.faq-container {
    max-width: 58%;
  }
}
@media (min-width: 1280px) {
  .container.centered.small.faq-container {
    max-width: 58%;
  }
}

.gallery-container,
.container.gallery-container {
  padding: 0;
  overflow: hidden;
  max-width: 100%;
}
.no-js .owl-carousel.off {
  display: none;
}

#content {
  flex: 1 0 auto;
  overflow: hidden;
  padding-top: 77px;
}
@media (min-width: 1024px) {
  #content {
    padding-top: 125px;
  }
}
.home #content {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .home #content {
    padding-top: 37px;
  }
}

.row.has-sidebar {
  position: relative;
}

.article-sidebar .page-navigation {
  margin-bottom: 20px;
}
.article-sidebar .page-navigation:last-child {
  margin-bottom: 0;
}
.article-sidebar .page-navigation:empty {
  display: none;
}
.article-sidebar .page-navigation .page-navigation-title {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .article-sidebar .page-navigation .page-navigation-title {
    margin-bottom: 10px;
  }
}
.article-sidebar .page-navigation .page-navigation-title {
  background-color: #2B0539;
  padding: 8px 11px 10px 11px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  display: block;
  position: relative;
  padding-right: 39px;
}
@media (min-width: 1024px) {
  .article-sidebar .page-navigation .page-navigation-title {
    margin-bottom: 0;
  }
}
.article-sidebar .page-navigation .page-navigation-title button {
  background: transparent;
  border: none;
  color: rgb(255, 255, 255);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 20px;
  width: 25px;
  position: absolute;
  top: 8px;
  right: 11px;
  z-index: 3;
}
.article-sidebar .page-navigation .page-navigation-title button:before {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 31px;
  line-height: 22px;
}
.article-sidebar .page-navigation .page-navigation-title button.collapsed:before {
  content: "\e80f";
}
.article-sidebar .page-navigation #page-navigation-list {
  list-style-type: none;
  visibility: hidden;
}
.article-sidebar .page-navigation #page-navigation-list.show {
  visibility: visible;
}
.article-sidebar .page-navigation #page-navigation-list .page_item {
  background-color: #2B0539;
}
.article-sidebar .page-navigation #page-navigation-list .page_item a {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .article-sidebar .page-navigation #page-navigation-list .page_item a {
    margin-bottom: 10px;
  }
}
.article-sidebar .page-navigation #page-navigation-list .page_item a {
  color: rgb(255, 255, 255);
  text-decoration: none;
  padding: 8px 11px 10px 11px;
  display: block;
}
@media (min-width: 1024px) {
  .article-sidebar .page-navigation #page-navigation-list .page_item a {
    margin-bottom: 0;
  }
}
.article-sidebar .page-navigation #page-navigation-list .page_item a:hover {
  background-color: #832676;
}
.article-sidebar .page-navigation #page-navigation-list .page_item a:visited {
  color: rgb(255, 255, 255);
}
.article-sidebar .page-navigation #page-navigation-list .page_item ul {
  display: none !important;
}
.article-sidebar .page-navigation #page-navigation-list .page_item.current_page_item {
  background-color: #832676;
}
.article-sidebar .sideblock {
  margin-top: 28px;
  padding: 17px 25px 23px 19px;
  color: rgb(255, 255, 255);
}
.article-sidebar .sideblock h4 {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .article-sidebar .sideblock h4 {
    font-size: 20px;
  }
}
.article-sidebar .sideblock h4 {
  color: rgb(255, 255, 255);
  margin: 0 0 12px;
}
.article-sidebar .sideblock .button, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit] {
  margin-top: 16px;
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.article-sidebar .sideblock .button:visited, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:visited, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:visited, .article-sidebar .sideblock .button:active, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:active, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:active, .article-sidebar .sideblock .button:link, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:link, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:link {
  color: #2B0539;
}
.article-sidebar .sideblock .button:hover, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:hover, .article-sidebar .sideblock .button:focus, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.article-sidebar .sideblock .button, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit] {
  border-color: rgb(255, 255, 255);
}
.article-sidebar .sideblock .button:hover, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:hover, .article-sidebar .sideblock .button:focus, .article-sidebar .sideblock body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .article-sidebar .sideblock input[type=submit]:focus {
  background-color: #C5BED9;
  border-color: #C5BED9;
  color: #2B0539;
}

.article-body {
  max-width: 100%;
}
.article-body > * + * {
  margin-top: 24px;
}
.article-body > .content-block {
  padding-block: 0;
  max-width: 100%;
}

.full-width-title {
  background: #2B0539;
}

.single-job .full-width-title {
  background: #2B0539;
}
.single-job .full-width-title .article-title {
  margin-top: 0;
  padding-left: 0;
}

@media (max-width: 768px) {
  .single-post #content,
  .page-template-page-people #content,
  .page-template-page-our-story #content,
  .page-template-membership #content,
  .page-template-your-visit #content,
  .page-template-page-news-list #content,
  .page-template-page-section-overview #content,
  .single-project #content,
  .page-template-ticket-discounts #content,
  .page-template-season #content {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .page-template-whatson #content {
    padding-top: 129px;
  }
}

.page-template-your-visit .article-body .article-intro {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .page-template-your-visit .article-body .article-intro {
    margin-bottom: 60px;
  }
}

.page-template-page-general .article-image-container,
.single-project .article-image-container,
.page-template-page-campaign .article-image-container,
.page-template-page-get-involved .article-image-container,
.page-template-membership .article-image-container,
.page-template-season .article-image-container {
  display: flex;
  min-height: 389px;
  height: 100%;
  width: 100%;
}
.page-template-page-general .article-image-container .video-link,
.single-project .article-image-container .video-link,
.page-template-page-campaign .article-image-container .video-link,
.page-template-page-get-involved .article-image-container .video-link,
.page-template-membership .article-image-container .video-link,
.page-template-season .article-image-container .video-link {
  width: 100%;
}
.page-template-page-general .article-image-container .video-link .icon,
.single-project .article-image-container .video-link .icon,
.page-template-page-campaign .article-image-container .video-link .icon,
.page-template-page-get-involved .article-image-container .video-link .icon,
.page-template-membership .article-image-container .video-link .icon,
.page-template-season .article-image-container .video-link .icon {
  position: absolute;
  top: 50%;
  margin-top: -38.5px;
  left: 50%;
  margin-left: -38.5px;
}
.page-template-page-general .article-image-container .video-link .icon::before,
.single-project .article-image-container .video-link .icon::before,
.page-template-page-campaign .article-image-container .video-link .icon::before,
.page-template-page-get-involved .article-image-container .video-link .icon::before,
.page-template-membership .article-image-container .video-link .icon::before,
.page-template-season .article-image-container .video-link .icon::before {
  font-size: 80px;
  margin: 0;
  color: rgb(255, 255, 255);
}
.page-template-page-general .article-image-container .audio-file,
.single-project .article-image-container .audio-file,
.page-template-page-campaign .article-image-container .audio-file,
.page-template-page-get-involved .article-image-container .audio-file,
.page-template-membership .article-image-container .audio-file,
.page-template-season .article-image-container .audio-file {
  height: auto;
  width: 100%;
  visibility: hidden;
  position: absolute;
}

.grecaptcha-badge {
  visibility: hidden;
}

.owl-carousel .owl-stage-outer,
.gallery-carousel .owl-stage-outer,
.related-articles-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
}
.owl-carousel .owl-stage,
.gallery-carousel .owl-stage,
.related-articles-carousel .owl-stage {
  position: relative;
  display: flex;
}
.owl-carousel .owl-item,
.gallery-carousel .owl-item,
.related-articles-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img.hiddenOnMobileOnly,
.gallery-carousel .owl-item img.hiddenOnMobileOnly,
.related-articles-carousel .owl-item img.hiddenOnMobileOnly {
  display: none;
}
@media (min-width: 768px) {
  .owl-carousel .owl-item img.hiddenOnMobileOnly,
  .gallery-carousel .owl-item img.hiddenOnMobileOnly,
  .related-articles-carousel .owl-item img.hiddenOnMobileOnly {
    display: block;
  }
}
.owl-carousel .owl-item > *,
.gallery-carousel .owl-item > *,
.related-articles-carousel .owl-item > * {
  height: 100%;
}
.owl-carousel .event-block,
.gallery-carousel .event-block,
.related-articles-carousel .event-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.owl-carousel .event-block .page-block-data,
.gallery-carousel .event-block .page-block-data,
.related-articles-carousel .event-block .page-block-data {
  flex: 1 0 auto;
}
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-nav .owl-next,
.gallery-carousel .owl-nav .owl-prev,
.related-articles-carousel .owl-nav .owl-next,
.related-articles-carousel .owl-nav .owl-prev {
  background: transparent;
  border: none;
  border-radius: 0;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.owl-carousel .owl-nav .owl-next .icon:before,
.owl-carousel .owl-nav .owl-prev .icon:before,
.gallery-carousel .owl-nav .owl-next .icon:before,
.gallery-carousel .owl-nav .owl-prev .icon:before,
.related-articles-carousel .owl-nav .owl-next .icon:before,
.related-articles-carousel .owl-nav .owl-prev .icon:before {
  margin: 0;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.gallery-carousel .owl-nav.disabled,
.gallery-carousel .owl-dots.disabled,
.related-articles-carousel .owl-nav.disabled,
.related-articles-carousel .owl-dots.disabled {
  display: none;
}

.related-articles-carousel .owl-stage-outer {
  overflow: visible;
}
@media (min-width: 768px) {
  .related-articles-carousel .owl-stage-outer {
    overflow: hidden;
    padding: 0 6px 6px;
    margin: 0 -6px -6px;
  }
}

.gallery-carousel .owl-dots,
.related-articles-carousel .owl-dots {
  text-align: left;
  display: flex;
  gap: 4px;
  flex-direction: row;
  margin-left: 15px;
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .gallery-carousel .owl-dots,
  .related-articles-carousel .owl-dots {
    margin-left: 0;
  }
}
.gallery-carousel .owl-dots .owl-dot,
.related-articles-carousel .owl-dots .owl-dot {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.gallery-carousel .owl-dots .owl-dot span,
.related-articles-carousel .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: #CDCDCD;
  transition: all 0.3s ease;
}
.gallery-carousel .owl-dots .owl-dot.active span,
.related-articles-carousel .owl-dots .owl-dot.active span {
  background: #2B0539;
}

.block-title {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .block-title {
    font-size: 40px;
    margin-top: 20px;
  }
}
.block-title {
  color: #2B0539;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .block-title {
    font: 700 28px/1.2 "brother-1816", sans-serif;
    margin-bottom: 10px;
    color: #2B0539;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .block-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.gallery {
  width: 100%;
}
.gallery .gallery-title h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .gallery .gallery-title h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.gallery .gallery-title h2 {
  color: #2B0539;
  margin-bottom: 20px;
}
.gallery .image-wrapper {
  position: relative;
  margin-bottom: 8px;
  height: 211px;
  background-color: #F4F2F5;
}
@media (min-width: 768px) {
  .gallery .image-wrapper {
    display: flex;
    align-items: center;
    height: 342px;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .gallery .image-wrapper {
    height: 417px;
  }
}
.gallery .image-wrapper .image-container {
  color: rgb(255, 255, 255);
  width: 100%;
  position: relative;
  height: 211px;
}
@media (min-width: 768px) {
  .gallery .image-wrapper .image-container {
    height: 342px;
  }
}
@media (min-width: 1024px) {
  .gallery .image-wrapper .image-container {
    height: 417px;
  }
}
.gallery .image-wrapper .image-container.video {
  background: #2B0539;
  height: 100%;
}
@media (min-width: 768px) {
  .gallery .image-wrapper .image-container.video {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
  }
}
.gallery .image-wrapper .image-container .image-placeholder {
  min-height: 188px;
  display: flex;
  align-content: center;
  max-height: 211px;
}
@media (min-width: 768px) {
  .gallery .image-wrapper .image-container .image-placeholder {
    max-height: 342px;
  }
}
@media (min-width: 1024px) {
  .gallery .image-wrapper .image-container .image-placeholder {
    max-height: 417px;
  }
}
.gallery .image-wrapper .image-container .video-link {
  color: rgb(255, 255, 255);
  width: 100%;
  display: block;
}
.gallery .image-wrapper .image-container img {
  width: auto;
  max-width: 100%;
  align-self: flex-end;
  margin: 0 auto;
  object-fit: contain;
  max-height: 211px;
}
@media (min-width: 768px) {
  .gallery .image-wrapper .image-container img {
    max-height: 342px;
  }
}
@media (min-width: 1024px) {
  .gallery .image-wrapper .image-container img {
    max-height: 417px;
  }
}
.gallery .image-wrapper .image-container img.small-size {
  display: none;
}
.gallery .image-wrapper .image-container .figcaption {
  padding: 8px;
  z-index: 2;
  background: #2B0539;
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 14px;
}
.gallery .image-wrapper .image-container .icon {
  position: absolute;
  top: 50%;
  margin-top: -38.5px;
  left: 50%;
  margin-left: -38.5px;
}
.gallery .image-wrapper .image-container .icon::before {
  font-size: 80px;
  margin: 0;
}
.gallery .image-wrapper .image-container .audio-file {
  height: auto;
  width: 100%;
  visibility: hidden;
  position: absolute;
}
.gallery .thumbs .owl-item {
  height: 103px;
}
@media (min-width: 1024px) {
  .gallery .thumbs .owl-item {
    height: 107px;
  }
}
.gallery .thumbs .item {
  background: #C9C9C9;
  line-height: 103px;
  padding: 0px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  background: #2B0539;
  height: 103px;
}
@media (min-width: 1024px) {
  .gallery .thumbs .item {
    height: 107px;
    line-height: 107px;
  }
}
.gallery .thumbs .item .video-link {
  width: 100%;
}
.gallery .thumbs .item .image-placeholder {
  background-color: #2B0539;
  display: flex;
  align-content: center;
  width: 100%;
}
.gallery .thumbs .item .figure {
  position: relative;
  height: 100%;
  display: flex;
  align-content: center;
}
.gallery .thumbs .item .figcaption {
  display: none;
}
.gallery .thumbs .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.gallery .thumbs .item img {
  width: 100%;
  height: auto;
  align-self: center;
}
.gallery .thumbs .item img.big-size {
  display: none;
}
.gallery .thumbs .item.video .figure button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gallery .thumbs .item.video .figure .icon {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: 2;
  color: white;
  font-size: 70px;
  margin-right: -35px;
}
@media (min-width: 1440px) {
  .gallery .thumbs .item.video .figure .icon {
    font-size: 82px;
    margin-right: -41px;
  }
}
.gallery .thumbs .item.video .figure .icon::before {
  margin: 0;
}
.gallery .thumbs .item.video .figure .audio-file {
  visibility: hidden;
}
.gallery .thumbs .owl-item.active .item.active-now .overlay {
  background: rbga(0, 0, 0, 0.25);
}
.gallery .thumbs .owl-nav {
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .gallery .thumbs .owl-nav {
    display: block;
  }
}
.gallery .thumbs .owl-nav .owl-next,
.gallery .thumbs .owl-nav .owl-prev {
  position: absolute;
  top: -87px;
  left: 0;
}
.gallery .thumbs .owl-nav .owl-next .icon::before,
.gallery .thumbs .owl-nav .owl-prev .icon::before {
  font-size: 50px;
}
.gallery .thumbs .owl-nav .owl-prev .icon::before {
  left: -10px;
  position: relative;
}
.gallery .thumbs .owl-nav .owl-next {
  left: auto;
  right: -10px;
}
.gallery .owl-theme .owl-nav [class*=owl-] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery .owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

.modal .modal-dialog {
  padding-bottom: 50%;
  display: flex;
  align-items: stretch;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .modal .modal-dialog {
    max-width: 862px;
  }
}
@media (min-width: 1280px) {
  .modal .modal-dialog {
    max-width: 964px;
  }
}
.modal .modal-dialog .video-source,
.modal .modal-dialog #video {
  height: 100%;
}
.modal .modal-content {
  border-radius: 0;
}
.modal .modal-content .modal-header {
  border-bottom: none;
}
.modal .modal-content .modal-header button {
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
}
.modal .modal-content .modal-header button .icon::before {
  margin: 0;
}
.modal.modal-video .modal-dialog {
  padding-bottom: 56%;
  min-height: auto;
  position: relative;
  height: 0;
  top: 50%;
  margin-top: -27%;
}
@media (min-width: 1366px) {
  .modal.modal-video .modal-dialog {
    padding-bottom: 45%;
    margin-top: -22%;
  }
}
@media (min-width: 1920px) {
  .modal.modal-video .modal-dialog {
    padding-bottom: 56%;
    margin-top: -27%;
  }
}
.modal.modal-video .modal-dialog .modal-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.modal.modal-video .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: none;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.modal.modal-video .modal-dialog .modal-content .modal-header button {
  right: -10px;
}
.modal.modal-video .modal-dialog .modal-content .modal-header button .icon::before {
  color: rgb(255, 255, 255);
}
.modal.modal-video .modal-dialog .modal-content .modal-body {
  padding: 0;
  height: 100%;
}
.modal.modal-video.audio .modal-dialog {
  padding-bottom: 24%;
}
@media (min-width: 1024px) {
  .modal.modal-video.audio .modal-dialog {
    padding-bottom: 18%;
    margin-top: -9%;
  }
}
.modal.modal-video.audio .modal-dialog .modal-header {
  top: -40px;
}
.modal.modal-video.audio .modal-dialog .modal-header button {
  right: -10px;
}
.modal.modal-video #video iframe {
  width: 100%;
  height: 100%;
}

#generic-modal .modal-dialog {
  padding-bottom: 0;
  align-items: center;
}
#generic-modal .modal-header {
  padding-top: 3px;
}
#generic-modal .modal-content {
  background-clip: initial;
}
#generic-modal .modal-body {
  padding: 0 32px 29px 19px;
}
#generic-modal button.close {
  z-index: 1;
}
#generic-modal button.close .icon-close::before {
  font-size: 40px;
  color: #2B0539;
}

.reviews-block-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .reviews-block-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.reviews-block-title {
  color: #2B0539;
  margin: 0 0 20px;
}

.reviews-container {
  padding: 32px 16px;
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  color: rgb(255, 255, 255);
  align-items: center;
}
@media (min-width: 568px) {
  .reviews-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .reviews-container {
    gap: 32px;
    padding: 24px 20px;
  }
}
.reviews-container .review:nth-last-child(1):nth-child(odd) {
  grid-column: 1/3;
}
.reviews-container .review:nth-last-child(1):nth-child(odd) q {
  margin-inline: auto;
  max-width: 500px;
}

.review {
  color: rgb(255, 255, 255);
  text-align: center;
}
.review q {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .review q {
    font-size: 28px;
  }
}
.review q {
  margin: 0 0 16px;
  display: block;
}
.review cite {
  font-style: normal;
  margin-top: 12px;
  display: block;
}
.review .stars {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.review .stars .icon:before {
  font-size: 23px;
  margin: 0;
}

.people-block-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .people-block-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.people-block-title {
  color: #2B0539;
  margin: 0 0 20px;
}
.content-block .people-block-title:not(:first-child) {
  margin-top: 32px;
}

.people-block-wrapper .show-more {
  margin-top: 32px;
}

.people-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px 20px;
}
@media (min-width: 740px) {
  .people-block {
    gap: 20px;
  }
}
.people-block:not(:has(.person-img)) {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
@media (max-width: 739px) {
  .people-block:has(.hidden) .person:nth-of-type(1n+7) {
    display: none;
  }
}
.people-block .person {
  position: relative;
}
.people-block .person.has-link {
  cursor: pointer;
}
.people-block .person.hidden {
  display: none;
}
.people-block .person .person-img {
  aspect-ratio: 1/1;
  overflow: hidden;
  background: #C0B6C9;
}
.people-block .person .person-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.people-block .person .person-info {
  position: relative;
  margin-top: 12px;
}
.people-block .person .person-info:has(.person-link) .person-data {
  padding-right: 26px;
}
.people-block .person .person-data {
  display: flex;
  flex-direction: column;
  color: #2B0539;
}
.people-block .person .person-data button {
  color: currentColor;
  text-align: left;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
}
.people-block .person .person-data .person-bio {
  display: none;
}
.people-block .person .person-name {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .people-block .person .person-name {
    font-size: 20px;
  }
}
.people-block .person .person-bio {
  font-size: 14px;
}
.people-block .person .person-bio p {
  margin: 0;
}
.people-block .person .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
}
.people-block .person .person-link {
  border: none;
  background: transparent;
  position: absolute;
  top: -9px;
  right: -14px;
  z-index: 1;
}
.people-block .person .person-link .icon::before {
  margin: 0;
  font-size: 38px;
  color: #B80E80;
}

@media (min-width: 768px) {
  #generic-modal .person {
    display: flex;
  }
}
#generic-modal .person button {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
}
#generic-modal .person img {
  width: 233px;
  height: 233px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #generic-modal .person img {
    margin-right: 34px;
  }
}
@media (min-width: 1024px) {
  #generic-modal .person .person-data {
    width: calc(50% - 20px);
  }
}
#generic-modal .person .person-role {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 3px;
  font-weight: 500;
  display: block;
  color: #2B0539;
}
#generic-modal .person .person-name {
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  display: block;
  font-family: "brother-1816", sans-serif;
  color: #2B0539;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  #generic-modal .person .person-name {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  #generic-modal .person .person-name {
    font-size: 26px;
    line-height: 30px;
  }
}
#generic-modal .person .person-bio {
  color: #707070;
}
#generic-modal .person .person-link {
  display: none;
}

.downloads h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .downloads h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.downloads h2 {
  color: #2B0539;
  margin-bottom: 20px;
}

.downloads-files {
  display: grid;
  list-style-type: none;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 568px) {
  .downloads-files {
    grid-template-columns: repeat(2, 1fr);
  }
}

.download-file {
  width: 100%;
  background: #461D6C;
  padding: 20px 35px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  color: rgb(255, 255, 255);
  text-decoration: none;
  min-height: 100%;
  transition: all 0.3s ease;
}
.download-file:hover, .download-file:focus {
  color: #2B0539;
  background: #F4F2F5;
}
.download-file-details {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .download-file-details {
    margin-bottom: 10px;
  }
}
.download-file-details {
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .download-file-details {
    margin: 0;
  }
}
.download-file-name {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .download-file-name {
    font-size: 24px;
  }
}
.download-file-name {
  margin: 0;
}
@media (min-width: 1024px) {
  .download-file-name {
    font-size: 20px;
  }
}
.download-file-link {
  position: absolute;
  bottom: 13px;
  right: 4px;
}
.download-file-link .icon::before {
  margin: 0;
  font-size: 38px;
  color: currentColor;
}

.supporters-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .supporters-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.supporters-title {
  color: #2B0539;
  margin: 0 0 20px;
}

.supporters {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 16px 20px;
}
@media (min-width: 740px) {
  .supporters {
    gap: 20px;
  }
}

.logo-block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.logo-block-name {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.logo-block-name-with-text {
  align-self: flex-start;
  text-decoration: none;
  color: rgb(0, 0, 0);
}
.logo-block-name-text {
  color: #2B0539;
}
.logo-block-image {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
  aspect-ratio: 5/3.1;
}
.logo-block-image .logo-image {
  max-height: 100%;
  height: auto;
  width: auto;
  max-width: 100%;
}

.promo-blocks-container:not(:has(:first-child)) {
  display: none;
}

.promo-block-wrapper {
  max-width: 100%;
}
.promo-block-wrapper.two-blocks {
  display: grid;
  gap: 20px 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 568px) {
  .promo-block-wrapper.two-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.promo-block-wrapper.two-blocks .promo-block {
  display: block;
}
.promo-block-wrapper.two-blocks .promo-block-image-wrapper {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.promo-block-wrapper.two-blocks .promo-block-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .promo-block-wrapper.two-blocks .promo-block-image-wrapper img:first-child {
    display: block;
  }
}
.promo-block-wrapper.two-blocks .promo-block .promo-block-copy {
  margin: 0;
  padding: 16px 20px;
  max-width: 100%;
}
.promo-block-wrapper.two-blocks .promo-block .promo-block-copy .promo-text {
  display: none;
}
@media (min-width: 768px) {
  .promo-block-wrapper.resized.two-blocks {
    margin-left: -10px;
    margin-right: -20px;
  }
}
.promo-block-wrapper.resized.two-blocks .button, .promo-block-wrapper.resized.two-blocks body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .promo-block-wrapper.resized.two-blocks input[type=submit] {
  margin-top: 20px;
}
@media (min-width: 568px) {
  .promo-block-wrapper .promo-block {
    display: flex;
  }
}
.promo-block-wrapper .promo-block-image-wrapper {
  overflow: hidden;
  line-height: 0;
}
@media (min-width: 568px) {
  .promo-block-wrapper .promo-block-image-wrapper {
    flex: 0 0 64%;
  }
}
@media (min-width: 768px) {
  .promo-block-wrapper .promo-block-image-wrapper {
    flex: 0 0 74%;
  }
}
.promo-block-wrapper .promo-block-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .promo-block-wrapper .promo-block-image-wrapper img:first-child {
    display: none;
  }
}
.promo-block-wrapper--fundraising {
  margin-bottom: 40px;
}
.promo-block-wrapper--fundraising .promo-block-image-wrapper img {
  display: block !important;
}
@media (min-width: 1024px) {
  .promo-block-wrapper--fundraising .promo-block-image-wrapper {
    flex: 0 1 50%;
  }
}
.promo-block-wrapper--fundraising .promo-block-copy {
  margin-top: -80px !important;
  padding-bottom: 24px !important;
  background: #461D6C;
}
@media (min-width: 1024px) {
  .promo-block-wrapper--fundraising .promo-block-copy {
    flex: 1 0 50%;
    margin-top: 36px !important;
  }
}
.promo-block-wrapper--fundraising .promo-block-copy .button, .promo-block-wrapper--fundraising .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .promo-block-wrapper--fundraising .promo-block-copy input[type=submit] {
  border: 1px solid rgb(255, 255, 255);
  background: transparent;
  color: rgb(255, 255, 255);
}
.promo-block-wrapper--fundraising .promo-block-copy .promo-text {
  margin-bottom: 20px !important;
}
.promo-block-wrapper--fundraising #fundraising-form {
  display: none;
}
.promo-block-wrapper--fundraising #fundraising-form h2 {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .promo-block-wrapper--fundraising #fundraising-form h2 {
    font-size: 28px;
  }
}
.promo-block-wrapper--fundraising #fundraising-form h2 {
  margin-bottom: 10px !important;
  color: rgb(255, 255, 255);
}
.promo-block-wrapper--fundraising #fundraising-form label {
  padding: 0;
  margin-bottom: 5px;
  color: rgb(255, 255, 255);
}
.promo-block-wrapper--fundraising #fundraising-form input[type=text],
.promo-block-wrapper--fundraising #fundraising-form input[type=email] {
  border: none;
}
.promo-block-wrapper--fundraising #fundraising-form .gform_description {
  padding-bottom: 8px;
}
.promo-block-wrapper--fundraising #fundraising-form .gform_description,
.promo-block-wrapper--fundraising #fundraising-form .gform_confirmation_message {
  display: block;
  font-weight: 500;
}
@media (min-width: 568px) {
  .promo-block-wrapper .image-right {
    flex-direction: row-reverse;
  }
}
@media (min-width: 568px) {
  .promo-block-wrapper .image-right .promo-block-copy {
    margin-left: 0;
    margin-right: -16%;
  }
}
@media (min-width: 1024px) {
  .promo-block-wrapper .image-right .promo-block-copy {
    margin-right: -42px;
  }
}
@media (min-width: 1024px) {
  .article-body .promo-block-wrapper .image-right .promo-block-copy {
    margin-right: -25%;
  }
}
.promo-block-wrapper h3 {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .promo-block-wrapper h3 {
    font-size: 28px;
  }
}
.promo-block-wrapper h3 {
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
}
.promo-block-wrapper .promo-intro-text {
  margin-bottom: 12px;
}
.promo-block-wrapper .promo-text {
  margin-bottom: 20px;
}
.promo-block-wrapper .button, .promo-block-wrapper body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .promo-block-wrapper input[type=submit] {
  border-color: rgb(255, 255, 255);
}
.promo-block-wrapper .button:hover, .promo-block-wrapper body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .promo-block-wrapper input[type=submit]:hover, .promo-block-wrapper .button:focus, .promo-block-wrapper body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .promo-block-wrapper input[type=submit]:focus {
  background-color: #C5BED9;
  border-color: #C5BED9;
  color: #2B0539;
}
.promo-block-wrapper .button.tertiary, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit], body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit] {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.promo-block-wrapper .button.tertiary:visited, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:visited, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:visited, .promo-block-wrapper .button.tertiary:active, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:active, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:active, .promo-block-wrapper .button.tertiary:link, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:link, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:link {
  color: #2B0539;
}
.promo-block-wrapper .button.tertiary:hover, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:hover, .promo-block-wrapper .button.tertiary:focus, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.promo-block-wrapper .button.tertiary, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit], body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit] {
  background-color: #FFDA00;
  border-color: #FFDA00;
}
.promo-block-wrapper .button.tertiary:hover, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:hover, .promo-block-wrapper .button.tertiary:focus, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.promo-block-wrapper .button.tertiary:hover, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:hover, .promo-block-wrapper .button.tertiary:focus, .promo-block-wrapper body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus, body .gform_wrapper.gravity-theme .promo-block-wrapper input.tertiary[type=submit]:focus {
  color: rgb(255, 255, 255);
  border-color: #B80E80;
  backgroud-color: #B80E80;
}

.promo-block-copy {
  background: #2B0539;
  padding: 20px 22px;
  color: rgb(255, 255, 255);
  max-width: 100%;
  position: relative;
  flex: 0 0 52%;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media (min-width: 568px) {
  .promo-block-copy {
    flex: 1 0 42%;
    padding: 32px 20px;
    align-self: flex-start;
    max-width: 472px;
    margin: 42px 0 42px -16%;
  }
}
@media (min-width: 768px) {
  .promo-block-copy {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .promo-block-copy {
    flex: auto;
    margin-left: -42px;
  }
}
@media (min-width: 1024px) {
  .article-body .promo-block-copy {
    margin-left: -25%;
  }
}

.page-template-page-section-overview .promo-block-wrapper:not(.donate) .promo-block-copy {
  background: #00567B;
}

@media (min-width: 768px) {
  .image-text-card.page-block .page-block-image img.hiddenOnDesktop, .image-text-card.event-block .page-block-image img.hiddenOnDesktop {
    display: none;
  }
}
.image-text-card.page-block.disabled img, .image-text-card.event-block.disabled img {
  opacity: 0.5;
}
.image-text-card.page-block .image-text-card-title {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .image-text-card.page-block .image-text-card-title {
    font-size: 24px;
  }
}
.image-text-card .image-text-card-type {
  letter-spacing: 1px;
  font: 700 14px/1 "brother-1816", sans-serif;
  color: #B80E80;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.image-text-card .image-text-card-title {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .image-text-card .image-text-card-title {
    font-size: 28px;
  }
}
.image-text-card .image-text-card-title {
  color: #2B0539;
  margin-bottom: 4px;
}
.image-text-card .image-text-card-title a {
  text-decoration: none;
  color: #2B0539;
}
.image-text-card .image-text-card-date {
  color: #2B0539;
  margin-bottom: 8px;
  display: block;
  font-weight: 700;
}
.image-text-card .image-text-card-date.below {
  font-weight: 400;
}
.image-text-card .image-text-card-intro {
  color: #2B0539;
  margin-bottom: 16px;
}
.image-text-card .image-text-card-intro a {
  text-decoration: none;
  color: #2B0539;
}

.related-block.events.hidden,
.child-pages.hidden,
.event-block.hidden,
.page-block.hidden {
  display: none;
}
.related-block.events .page-block-image,
.child-pages .page-block-image,
.event-block .page-block-image,
.page-block .page-block-image {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.related-block.events .page-block-image img,
.child-pages .page-block-image img,
.event-block .page-block-image img,
.page-block .page-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-block.events .page-block-data,
.child-pages .page-block-data,
.event-block .page-block-data,
.page-block .page-block-data {
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0;
  padding: 16px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.related-block.events .page-block-data .image-text-card-date,
.child-pages .page-block-data .image-text-card-date,
.event-block .page-block-data .image-text-card-date,
.page-block .page-block-data .image-text-card-date {
  margin-bottom: 6px;
}
.related-block.events .page-block-data .image-text-card-buttons,
.child-pages .page-block-data .image-text-card-buttons,
.event-block .page-block-data .image-text-card-buttons,
.page-block .page-block-data .image-text-card-buttons {
  display: flex;
  margin-top: auto;
  padding-top: 24px;
  gap: 8px;
}
.related-block.events .page-block-data .image-text-card-buttons .button, .related-block.events .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .related-block.events .page-block-data .image-text-card-buttons input[type=submit],
.child-pages .page-block-data .image-text-card-buttons .button,
.child-pages .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit],
body .gform_wrapper.gravity-theme .child-pages .page-block-data .image-text-card-buttons input[type=submit],
.event-block .page-block-data .image-text-card-buttons .button,
.event-block .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit],
body .gform_wrapper.gravity-theme .event-block .page-block-data .image-text-card-buttons input[type=submit],
.page-block .page-block-data .image-text-card-buttons .button,
.page-block .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit],
body .gform_wrapper.gravity-theme .page-block .page-block-data .image-text-card-buttons input[type=submit] {
  min-width: 10px;
  flex: 0 0 calc(50% - 4px);
}
.related-block.events .page-block-data:has(.image-text-card-buttons) *:nth-last-child(2),
.child-pages .page-block-data:has(.image-text-card-buttons) *:nth-last-child(2),
.event-block .page-block-data:has(.image-text-card-buttons) *:nth-last-child(2),
.page-block .page-block-data:has(.image-text-card-buttons) *:nth-last-child(2) {
  margin-bottom: 0;
}

.page-block .image-text-card-intro {
  margin-bottom: 0;
}

.event-block.members .page-block-data {
  background: #00567B;
  color: rgb(255, 255, 255);
}
.event-block.members .page-block-data .image-text-card-type,
.event-block.members .page-block-data .image-text-card-title a,
.event-block.members .page-block-data .image-text-card-date,
.event-block.members .page-block-data .access-item,
.event-block.members .page-block-data .badge,
.event-block.members .page-block-data .image-text-card-intro a {
  color: rgb(255, 255, 255);
}
.event-block.members .page-block-data .image-text-card-type:visited,
.event-block.members .page-block-data .image-text-card-title a:visited,
.event-block.members .page-block-data .image-text-card-date:visited,
.event-block.members .page-block-data .access-item:visited,
.event-block.members .page-block-data .badge:visited,
.event-block.members .page-block-data .image-text-card-intro a:visited {
  color: rgb(255, 255, 255);
}
.event-block.members .page-block-data .badge {
  border-color: rgb(255, 255, 255);
}

.related-block h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .related-block h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.related-block h2 {
  color: #2B0539;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .related-block h2 {
    margin-bottom: 20px;
  }
}
.related-block:has(.related-articles-carousel) h2 {
  padding-right: 110px;
}

@media (min-width: 768px) {
  .related-articles {
    display: flex;
    flex-wrap: wrap;
  }
}
.related-articles.related-articles-carousel:not(.owl-loaded) {
  flex-wrap: nowrap;
  overflow-y: auto;
}
.related-articles.related-articles-carousel:not(.owl-loaded) .related-item {
  margin-right: 20px;
  flex: 0 0 50%;
}
@media (min-width: 768px) {
  .related-articles.related-articles-carousel:not(.owl-loaded) .related-item {
    flex: 0 0 33%;
  }
}
@media (min-width: 768px) {
  .related-articles .related-item {
    flex: 0 1 50%;
  }
}
.related-articles .owl-nav button.owl-prev,
.related-articles .owl-nav button.owl-next {
  top: -58px;
  color: #2B0539 !important;
}
@media (min-width: 768px) {
  .related-articles .owl-nav button.owl-prev,
  .related-articles .owl-nav button.owl-next {
    top: 100px;
  }
}
@media (min-width: 1024px) {
  .related-articles .owl-nav button.owl-prev,
  .related-articles .owl-nav button.owl-next {
    top: 63px;
  }
}
@media (min-width: 1280px) {
  .related-articles .owl-nav button.owl-prev,
  .related-articles .owl-nav button.owl-next {
    top: 98px;
  }
}
.related-articles .owl-nav button.owl-prev {
  right: 50px;
  left: auto;
}
@media (min-width: 768px) {
  .related-articles .owl-nav button.owl-prev {
    right: auto;
    left: -38px;
  }
}
@media (min-width: 1024px) {
  .related-articles .owl-nav button.owl-prev {
    left: -73px;
  }
}
.related-articles .owl-nav button.owl-next {
  right: 0;
}
@media (min-width: 768px) {
  .related-articles .owl-nav button.owl-next {
    right: -36px;
  }
}
@media (min-width: 1024px) {
  .related-articles .owl-nav button.owl-next {
    right: -73px;
  }
}
.related-articles .owl-dots {
  position: absolute;
  top: -51px;
  right: 0;
  margin: 0;
}

.members-events {
  background: #00567B;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .members-events {
    padding: 12px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .members-events {
    margin-bottom: 60px;
  }
}
.members-events .related-block h2 {
  color: rgb(255, 255, 255);
}
.members-events .related-articles .owl-nav button.owl-prev,
.members-events .related-articles .owl-nav button.owl-next {
  color: rgb(255, 255, 255);
}
.members-events .title-wrapper {
  position: relative;
}
@media (max-width: 1023px) {
  .members-events .title-wrapper {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .members-events .title-wrapper {
    padding-right: 217px;
  }
}
@media (max-width: 1023px) {
  .members-events .title-wrapper .button, .members-events .title-wrapper body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .members-events .title-wrapper input[type=submit] {
    margin-top: 6px;
  }
}
@media (min-width: 1024px) {
  .members-events .title-wrapper .button, .members-events .title-wrapper body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .members-events .title-wrapper input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.members-events .owl-dots {
  display: none;
}
.members-events .owl-nav button.owl-prev,
.members-events .owl-nav button.owl-next {
  color: rgb(255, 255, 255) !important;
  top: 110px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s linear;
}
.home .header {
  background-color: transparent;
}
.home .header .action-buttons button .icon::before {
  color: rgb(255, 255, 255);
}
.home .header .action-buttons .menu-text {
  color: rgb(255, 255, 255);
}
.home .header .quick-links .account-nav-item a {
  color: rgb(255, 255, 255);
}
.home .header .quick-links .account-nav-item a:visited {
  color: rgb(255, 255, 255);
}
.header.scrolled {
  position: fixed;
  background: rgb(255, 255, 255);
}
.header.scrolled .quick-links .account-nav-item a {
  color: #461D6C;
}
.header.scrolled .quick-links .account-nav-item a:visited {
  color: #461D6C;
}
.header.scrolled .action-buttons button .icon::before {
  color: #2B0539;
}
.header.scrolled .action-buttons .menu-text {
  color: #2B0539;
}

.search-form-outer {
  display: none;
}
.home .search-form-outer {
  background-color: rgba(255, 255, 255, 0.8);
  padding-top: 10px;
}

.search-form-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .search-form-wrapper {
    height: 74px;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background: rgb(255, 255, 255);
  }
}

.search-form {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}
.search-form .form-inner {
  position: relative;
  width: 100%;
}
.search-form input[type=search] {
  font-weight: 700;
  color: #2B0539;
  background: transparent;
  border: none;
  border-bottom: 3px solid #2B0539;
  width: 100%;
  height: 36px;
  font-size: 20px;
  line-height: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
@media (min-width: 1024px) {
  .search-form input[type=search] {
    width: 96%;
  }
}
.search-form input[type=search]::-webkit-input-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 20px;
  line-height: 25px;
}
.search-form input[type=search]::-moz-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 20px;
  line-height: 25px;
}
.search-form input[type=search]:-ms-input-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 20px;
  line-height: 25px;
}
.search-form input[type=search]:-moz-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 20px;
  line-height: 25px;
}
.search-form .search-button {
  position: absolute;
  right: 0;
  top: 0;
  color: #2B0539;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
}
@media (min-width: 1024px) {
  .search-form .search-button {
    right: -6px;
  }
}
.search-form .search-button .icon::before {
  color: #2B0539;
  font-size: 36px;
  margin: 0 -6px 0 0;
}
@media (min-width: 1024px) {
  .search-form .search-button .icon::before {
    font-size: 44px;
  }
}
.search-form .search-button .icon:hover::before {
  color: #B80E80;
}
.navigation-container .search-form .search-form {
  padding-top: 9px;
}
.navigation-container .search-form label {
  display: none;
}
.navigation-container .search-form input[type=search] {
  color: rgb(255, 255, 255);
  border-bottom: 3px solid rgb(255, 255, 255);
}
.navigation-container .search-form input[type=search]::-webkit-input-placeholder {
  color: transparent;
}
.navigation-container .search-form input[type=search]::-moz-placeholder {
  color: transparent;
}
.navigation-container .search-form input[type=search]:-ms-input-placeholder {
  color: transparent;
}
.navigation-container .search-form input[type=search]:-moz-placeholder {
  color: transparent;
}
.navigation-container .search-form .search-button {
  color: rgb(255, 255, 255);
}

.close-button {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: -17px;
  margin-left: 12px;
}
@media (min-width: 1024px) {
  .close-button {
    margin-left: -3px;
    margin-top: -8px;
  }
}
.close-button .icon::before {
  margin: 0;
  font-size: 53px;
  color: #2B0539;
  margin: 0;
}
@media (min-width: 1024px) {
  .close-button .icon::before {
    font-size: 64px;
  }
}
.close-button .icon:hover::before {
  color: #B80E80;
}

.header-container {
  display: flex;
  padding-top: 19px;
  justify-content: space-between;
  padding-bottom: 16px;
}
@media (min-width: 1024px) {
  .header-container {
    padding-top: 16px;
    align-items: flex-start;
  }
}
.header-container #logo {
  width: 200px;
}
@media (min-width: 1024px) {
  .header-container #logo {
    width: 244px;
    max-height: 44px;
  }
}
.header-container #logo-colour {
  display: none;
  width: 200px;
}
@media (min-width: 1024px) {
  .header-container #logo-colour {
    width: 244px;
    max-height: 44px;
  }
}
.header-container .action-buttons {
  display: flex;
  margin-right: -8px;
  align-items: center;
  gap: 28px;
}
.header-container .action-buttons button {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.header-container .action-buttons button .icon::before {
  transition: all 0.3s ease;
  margin: -2px -3px -3px -2px;
  font-size: 53px;
  color: #2B0539;
}
.header-container .action-buttons button:hover .icon::before {
  color: #B80E80;
}
.header-container .action-buttons button.burger-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: -10px 0;
}
@media (min-width: 1024px) {
  .header-container .action-buttons button.burger-button {
    margin: 0;
  }
}
.header-container .action-buttons button.search-button {
  margin-right: -5px;
}
@media (min-width: 1024px) {
  .header-container .action-buttons button.search-button {
    margin-top: 6px;
  }
}
.header-container .action-buttons button.search-button .icon::before {
  font-size: 40px;
}
.header-container .action-buttons .menu-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0.14px;
  color: #461D6C;
  margin-top: -10px;
}
.header-container .action-buttons .menu-text:hover {
  color: #B80E80;
}
.header-container .quick-links {
  margin-left: auto;
  margin-right: 22px;
  margin-top: 11px;
}
.header-container .quick-links ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header-container .quick-links ul .account-nav-item {
  margin-right: 20px;
}
.header-container .quick-links ul .account-nav-item:last-child {
  margin-right: 0;
}
.header-container .quick-links ul .account-nav-item a {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .header-container .quick-links ul .account-nav-item a {
    font-size: 20px;
  }
}
.header-container .quick-links ul .account-nav-item a {
  color: #461D6C;
  text-decoration: none;
  position: relative;
}
.header-container .quick-links ul .account-nav-item a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -10px;
  left: 0;
  background-color: #C5BED9;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
.header-container .quick-links ul .account-nav-item a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
.header-container .quick-links ul .account-nav-item a.active:before {
  visibility: visible;
  transform: scaleX(1);
  background-color: #B80E80;
}

.account-nav-container {
  height: 44px;
  background: #F4F2F5;
  z-index: 3;
  position: relative;
}
.account-nav-container .account-nav {
  display: flex;
  list-style-type: none;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 0;
}
.account-nav-container .account-nav .account-nav-item {
  height: 44px;
  display: flex;
  align-items: center;
  margin-right: 18px;
}
.account-nav-container .account-nav .account-nav-item.digitallibrary a {
  padding: 0 20px;
  display: flex;
  gap: 12px;
  align-items: center;
  height: 100%;
  color: #2B0539;
  background: #C5BED9;
  margin: 0;
}
.account-nav-container .account-nav .account-nav-item.digitallibrary a:hover {
  background: #C0B6C9;
}
.account-nav-container .account-nav .account-nav-item:nth-child(3) {
  margin: 1px 33px 0 9px;
}
.account-nav-container .account-nav .account-nav-item:nth-child(4) {
  margin: 1px 10px 0 0;
}
.account-nav-container .account-nav .account-nav-item a {
  text-decoration: none;
}
.account-nav-container .account-nav .account-nav-item .account-nav-item-access-link {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .account-nav-container .account-nav .account-nav-item .account-nav-item-access-link {
    margin-bottom: 10px;
  }
}
.account-nav-container .account-nav .account-nav-item .account-nav-item-access-link {
  margin: 0;
  color: #2B0539;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .account-nav-container .account-nav .account-nav-item .account-nav-item-access-link {
    margin: 0;
  }
}
.account-nav-container .account-nav .account-nav-item .account-nav-item-access-link:hover {
  color: #B80E80;
}
.account-nav-container .account-nav .account-nav-item .account-nav-item-access-link .icon-digitallibrary:before {
  margin: 0 0 5px;
  font-size: 12px;
}
.account-nav-container .account-nav .account-nav-item .icon::before {
  margin: 0;
  transition: all 0.3s ease;
  font-size: 29px;
  color: #2B0539;
}
.account-nav-container .account-nav .account-nav-item .icon:hover::before {
  color: #B80E80;
}
.account-nav-container .account-nav .account-nav-item:last-child .icon::before {
  font-size: 29px;
}
.account-nav-container [data-logged-in-container] a {
  display: flex;
  align-items: center;
}
.account-nav-container [data-logged-in-container] a:hover span,
.account-nav-container [data-logged-in-container] a:hover span:before {
  color: #B80E80 !important;
}
.account-nav-container [data-logged-in-status-customer-first-name] {
  letter-spacing: 0.16px;
  color: #707070;
  margin-right: 6px;
  font-weight: 700;
}
.account-nav-container [data-logged-in-status-customer-last-name],
.account-nav-container [data-logged-in-status-customer-email-address] {
  display: none;
}

.pull-out {
  background: #B80E80;
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 4;
  display: none;
}
@media (min-width: 1024px) {
  .pull-out {
    position: absolute;
    right: -500px;
    top: 159px;
    width: 500px;
    min-height: auto;
    display: block;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .pull-out .pull-out-inner {
    position: relative;
  }
}
.pull-out .support-charity {
  font-size: 20px;
  line-height: 31px;
  font-family: "brother-1816", sans-serif;
  letter-spacing: 0.4px;
  padding: 16px 49px 13px 26px;
  border: none;
  -webkit-appearance: none;
  color: rgb(255, 255, 255);
  background: #B80E80;
  float: left;
}
@media (min-width: 1024px) {
  .pull-out .support-charity {
    transform-origin: bottom left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 9px 49px 9px;
    position: absolute;
    bottom: 0;
    float: none;
  }
}
.pull-out .pull-out-close-button {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  margin-right: 3px;
  margin-left: 12px;
  float: right;
}
.pull-out .pull-out-close-button .icon::before {
  margin: 0;
  font-size: 64px;
  color: rgb(255, 255, 255);
  margin: 0;
}
.pull-out .pull-out-content {
  border-top: 1px solid rgb(255, 255, 255);
  padding: 22px 28px 22px 27px;
  color: rgb(255, 255, 255);
  clear: both;
}
@media (min-width: 1024px) {
  .pull-out .pull-out-content {
    border: none;
    padding-top: 17px;
    max-width: 424px;
    padding-left: 10px;
  }
}
.pull-out .pull-out-content h2 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  font-family: "brother-1816", sans-serif;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .pull-out .pull-out-content h2 {
    margin-bottom: 15px;
  }
}
.pull-out .pull-out-content .intro {
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .pull-out .pull-out-content .intro {
    margin-bottom: 10px;
  }
}
.pull-out .pull-out-content p {
  margin-bottom: 11px;
}
@media (min-width: 1024px) {
  .pull-out .pull-out-content p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1024px) {
  .pull-out .image-text-card-buttons {
    display: flex;
  }
}
.pull-out .image-text-card-buttons .image-text-card-read-more {
  display: block;
  margin-bottom: 19px;
  color: #461D6C;
}
@media (min-width: 1024px) {
  .pull-out .image-text-card-buttons .image-text-card-read-more {
    min-width: 179px;
    margn-bottom: 0;
    margin-right: 20px;
  }
}
.pull-out .image-text-card-buttons .image-text-card-read-more:hover, .pull-out .image-text-card-buttons .image-text-card-read-more:focus {
  background-color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  color: #2B0539;
}
.pull-out .image-text-card-buttons .image-text-card-read-more:visited {
  color: #2B0539;
}

.navigation-container {
  background-color: #2B0539;
  color: rgb(255, 255, 255);
  z-index: 2;
  height: 100%;
  position: absolute;
  min-height: 100vh;
  overflow: scroll;
  display: none;
}
@media (max-width: 1023px) {
  .navigation-container {
    margin-top: -75px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .navigation-container {
    margin-top: -77px;
  }
}
@media (min-width: 1024px) {
  .navigation-container {
    width: 440px;
    right: 0;
    top: 11px;
    padding-top: 38px;
  }
}
@media (min-width: 1024px) {
  .navigation-container .container {
    padding: 0;
  }
}
.navigation-container .search-form input[type=search] {
  width: 202px;
  padding: 0;
}
@media (min-width: 375px) {
  .navigation-container .search-form input[type=search] {
    width: 240px;
  }
}
@media (min-width: 768px) {
  .navigation-container .search-form input[type=search] {
    width: calc(100% - 32px);
  }
}
@media (min-width: 1024px) {
  .navigation-container .search-form input[type=search] {
    width: 240px;
  }
}
.navigation-container .search-form .search-button {
  top: 5px;
  right: -15px;
}
@media (min-width: 1024px) {
  .navigation-container .search-form .search-button {
    right: 0px;
    top: -2px;
  }
}
.navigation-container .search-form .search-button .icon::before {
  font-size: 42px;
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .navigation-container .search-form .search-button .icon::before {
    font-size: 50px;
  }
}
.navigation-container .close-button {
  margin-right: -15px;
}
.navigation-container .close-button .icon::before {
  color: rgb(255, 255, 255);
}
.navigation-container .close-button .icon:hover::before {
  color: #B80E80;
}
.navigation-container .navigation-header {
  display: flex;
  padding-top: 4px;
}
@media (min-width: 768px) {
  .navigation-container .navigation-header {
    justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .navigation-container .navigation-header {
    padding: 0 79px 0 23.5px;
  }
}
.navigation-container .navigation {
  list-style-type: none;
  margin-top: 13px;
}
@media (max-width: 414px) {
  .navigation-container .navigation {
    padding-bottom: 180px;
    overflow: scroll;
  }
}
.navigation-container .navigation .menu-item {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.2px;
  background-color: #2B0539;
  border-top: 1px solid #461D6C;
  position: relative;
}
.navigation-container .navigation .menu-item:hover {
  background: #832676;
}
.navigation-container .navigation .menu-item a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  display: block;
  width: 100%;
  padding: 17px 22px 16px 23.5px;
}
.navigation-container .navigation .menu-item .icon {
  position: absolute;
  top: 17px;
  right: 22px;
}
@media (min-width: 1024px) {
  .navigation-container .navigation .menu-item .icon {
    right: 89px;
  }
}
.navigation-container .navigation .menu-item .icon:before {
  font-size: 31px;
  margin: 0 -6px 0 0;
}
.navigation-container .navigation .menu-item .icon.open:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-container .navigation .menu-item .secondary-nav-secondary-level {
  list-style-type: none;
  background: #4F134E;
}
.navigation-container .navigation .menu-item .secondary-nav-secondary-level li {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px;
  border-top: 1px solid #ad83a7;
}
.navigation-container .navigation .menu-item .secondary-nav-secondary-level li:hover {
  background: #832676;
}
.navigation-container .navigation .menu-item .secondary-nav-secondary-level li a {
  padding: 21px 45.5px;
}
.navigation-container .account-nav-mobile {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  bottom: 47px;
  width: 100%;
  border-top: 1px solid #461D6C;
  background-color: #2B0539;
}
@media (min-width: 1024px) {
  .navigation-container .account-nav-mobile {
    display: none;
  }
}
.navigation-container .account-nav-mobile .account-nav-item {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.2px;
  position: relative;
}
.navigation-container .account-nav-mobile .account-nav-item.digitallibrary {
  width: 100%;
  border-bottom: 1px solid #461D6C;
}
.navigation-container .account-nav-mobile .account-nav-item.digitallibrary a {
  display: flex;
}
.navigation-container .account-nav-mobile .account-nav-item.digitallibrary a .icon-digitallibrary {
  order: -1;
  margin-right: 12px;
}
.navigation-container .account-nav-mobile .account-nav-item a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  display: block;
  padding: 11px 21.5px 12px 23.5px;
  display: flex;
  align-items: center;
}
.navigation-container .account-nav-mobile .account-nav-item a .icon {
  margin-right: 12px;
}
.navigation-container .account-nav-mobile .account-nav-item a .icon::before {
  margin: 0;
  font-size: 30px;
  color: rgb(255, 255, 255);
}
.navigation-container .support {
  font-family: "brother-1816", sans-serif;
  font-size: 20px;
  line-height: 31px;
  letter-spacing: 0.4px;
  color: rgb(255, 255, 255);
  padding: 8px 22px 8px 23.5px;
  background: #B80E80;
  position: fixed;
  width: 100%;
  bottom: 0;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .navigation-container .support {
    display: none;
  }
}
.navigation-container .support:hover {
  color: #2B0539;
}

.info-box .info-box-image .block-image {
  display: none;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .info-box .info-box-image .block-image {
    display: block;
  }
}
.info-box .info-box-image .block-image.mobile {
  display: block;
}
@media (min-width: 768px) {
  .info-box .info-box-image .block-image.mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .info-box .info-box-image .block-image.tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .info-box .info-box-image .block-image.tablet {
    display: none;
  }
}
@media (max-width: 768px) {
  .info-box .info-box-image img:first-child {
    display: none;
  }
}
@media (min-width: 768px) {
  .info-box .info-box-data-container {
    margin: 0 auto;
    max-width: 674px;
  }
}
@media (min-width: 1024px) {
  .info-box .info-box-data-container {
    max-width: 930px;
  }
}
@media (min-width: 768px) {
  .info-box .info-box-data {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin: 0;
  }
}
.info-box .info-box-data-inner {
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(59, 37, 37, 0.1607843137);
  width: 100%;
  position: relative;
}
.info-box .info-box-data-inner.has-image {
  margin-top: -146px;
}
@media (min-width: 768px) {
  .info-box .info-box-data-inner.has-image {
    margin-top: -153px;
  }
}
.article-grid .info-box .info-box-data-inner.has-image {
  margin-top: 0;
}
.article-grid .info-box .info-box-data-inner.has-image .memberships {
  margin-inline: 0;
}
@media (min-width: 1024px) {
  .info-box .info-box-text {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin: 0;
  }
}
.info-box .info-box-text-col {
  padding: 20px 20px 18px 20px;
}
@media (min-width: 1024px) {
  .info-box .info-box-text-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 20px 10px 18px 20px;
  }
}
.info-box .info-box-text-col ul {
  margin-left: 30px;
  margin-top: 20px;
}
.info-box .info-box-text-col ul + h3 {
  margin-top: 20px;
}
.info-box .info-box-text-col.col2 {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .info-box .info-box-text-col.col2 {
    margin-left: 8.33333333%;
    padding-top: 20px;
    padding-left: 10px;
  }
}

.page-template-membership .info-box .info-box-data-inner .info-box-title {
  color: #00567B;
}

.map-responsive {
  margin: 0 -22px;
}
@media (min-width: 1024px) {
  .map-responsive {
    overflow: hidden;
    position: relative;
    height: 0;
    margin: 0;
    padding-bottom: 43%;
  }
}
.map-responsive iframe {
  width: 100%;
  height: 333px;
}
@media (min-width: 1024px) {
  .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 74.5%;
    position: absolute;
  }
}
.map-responsive .map-details {
  background-color: #2B0539;
  color: rgb(255, 255, 255);
  z-index: 1;
  margin: -52px 20px 0 20px;
  padding: 20px 21px 18px 21px;
  position: relative;
}
@media (min-width: 768px) {
  .map-responsive .map-details {
    margin: -80px auto 0 auto;
    max-width: 630px;
  }
}
@media (min-width: 1024px) {
  .map-responsive .map-details {
    position: absolute;
    top: 20px;
    right: 0;
    width: 29%;
    margin: 0;
    max-width: none;
  }
}
.map-responsive .map-details .map-text a {
  color: rgb(255, 255, 255);
}
.map-responsive .map-details .map-text a:visited {
  color: rgb(255, 255, 255);
}
.map-responsive .map-details .map-title {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
.map-responsive .map-details .button, .map-responsive .map-details body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .map-responsive .map-details input[type=submit] {
  margin: 20px 0 0;
  border-color: rgb(255, 255, 255);
}
.map-responsive .map-details .button:hover, .map-responsive .map-details body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .map-responsive .map-details input[type=submit]:hover, .map-responsive .map-details .button:focus, .map-responsive .map-details body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .map-responsive .map-details input[type=submit]:focus {
  background-color: #C5BED9;
  border-color: #C5BED9;
  color: #2B0539;
}

@media (min-width: 568px) {
  .donate-block .promo-block-wrapper .promo-block {
    flex-direction: row-reverse;
  }
}
@media (min-width: 568px) {
  .donate-block .promo-block-wrapper .promo-block .promo-block-image-wrapper {
    min-height: 477px;
  }
}
.donate-block .promo-block-wrapper .promo-block .promo-block-copy {
  margin: 0;
}
@media (min-width: 568px) {
  .donate-block .promo-block-wrapper .promo-block .promo-block-copy {
    flex: 0 1 53%;
    max-width: 472px;
    margin: 42px -16% 42px 0;
  }
}
.donate-block .promo-block-wrapper .promo-block h3 {
  margin-bottom: 16px;
}
.donate-block .promo-block-wrapper .promo-block .promo-text {
  font-weight: 500;
  margin-bottom: 10px;
}
.donate-block .promo-block-wrapper .promo-block .block-image {
  display: none;
}
@media (min-width: 1024px) {
  .donate-block .promo-block-wrapper .promo-block .block-image {
    display: block;
  }
}
.donate-block .promo-block-wrapper .promo-block .block-image.mobile {
  display: block;
}
@media (min-width: 768px) {
  .donate-block .promo-block-wrapper .promo-block .block-image.mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .donate-block .promo-block-wrapper .promo-block .block-image.tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .donate-block .promo-block-wrapper .promo-block .block-image.tablet {
    display: none;
  }
}
.donate-block .ticks {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .donate-block .ticks {
    margin-bottom: 10px;
  }
}
.donate-block .ticks {
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
.donate-block .donation-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 57px;
}
.donate-block .donation-block-button {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.donate-block .donation-block-button:visited, .donate-block .donation-block-button:active, .donate-block .donation-block-button:link {
  color: #2B0539;
}
.donate-block .donation-block-button:hover, .donate-block .donation-block-button:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.donate-block .donation-block-button {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.donate-block .donation-block-button:visited, .donate-block .donation-block-button:active, .donate-block .donation-block-button:link {
  color: #2B0539;
}
.donate-block .donation-block-button:hover, .donate-block .donation-block-button:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.donate-block .donation-block-button {
  background-color: #FFDA00;
  border-color: #FFDA00;
}
.donate-block .donation-block-button:hover, .donate-block .donation-block-button:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.donate-block .donation-block-button:hover, .donate-block .donation-block-button:focus {
  color: rgb(255, 255, 255);
  border-color: #B80E80;
  backgroud-color: #B80E80;
}
.donate-block .donation-block-button {
  margin-top: 20px;
  width: 100%;
}
.donate-block .per-amount-text {
  display: none;
  letter-spacing: 0.16px;
  margin-top: 20px;
}
.donate-block .per-amount-text a {
  color: rgb(255, 255, 255);
}
.donate-block .per-amount-text a:visited {
  color: rgb(255, 255, 255);
}
.donate-block input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}
.donate-block input[type=range]:focus {
  outline: none;
}
.donate-block input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #B80E80;
}
.donate-block input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  background: #B80E80;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin-top: -5px;
}
.donate-block input[type=range]:focus::-webkit-slider-runnable-track {
  background: #B80E80;
}
.donate-block input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #B80E80;
}
.donate-block input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  background: #B80E80;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.donate-block input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 3px;
  color: transparent;
}
.donate-block input[type=range]::-ms-fill-lower {
  background: #B80E80;
  border: none;
}
.donate-block input[type=range]::-ms-fill-upper {
  background: #B80E80;
}
.donate-block input[type=range]::-ms-thumb {
  border: 3px solid #B80E80;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #B80E80;
  cursor: pointer;
}
.donate-block input[type=range]:focus::-ms-fill-lower {
  background: #B80E80;
}
.donate-block input[type=range]:focus::-ms-fill-upper {
  background: #B80E80;
}

input[type=checkbox] {
  display: none;
}

.checkbox-label {
  height: auto;
  padding-left: 28px;
  line-height: 20px;
  position: relative;
  display: block;
  font-weight: 500;
  letter-spacing: 0.16px;
  margin-bottom: 15px;
}
.checkbox-label::last-child {
  margin-bottom: 0;
}
.checkbox-label::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #2B0539;
  background-color: rgb(255, 255, 255);
  left: 0;
}

input[type=checkbox]:checked + .checkbox-label::after {
  content: "\e82a";
  position: absolute;
  top: -9px;
  left: -14px;
  width: 14px;
  height: 14px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-size: 51px;
  line-height: 36px;
  font-variant: normal;
  color: #2B0539;
  font-weight: 300;
}

.checkedLabel::after {
  content: "\e82a";
  position: absolute;
  top: -9px;
  left: -14px;
  width: 14px;
  height: 14px;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-size: 51px;
  line-height: 36px;
  font-variant: normal;
  color: #2B0539;
  font-weight: 300;
}

.wpcf7-list-item-label {
  padding-left: 30px;
}
.wpcf7-form-control .wpcf7-list-item-label {
  padding-left: 0;
}
.wpcf7-list-item-label + .wpcf7-free-text {
  margin-top: 10px;
}
.wpcf7-list-item-label + .wpcf7-free-text:focus {
  margin-top: 10px;
}

.wpcf7-form-control.wpcf7-radio .radio-button-container {
  margin-bottom: 10px;
}
.wpcf7-form-control.wpcf7-radio .radio-button-container .wpcf7-list-item-label {
  padding-left: 0;
}

input[type=checkbox]:disabled + .checkbox-label {
  color: #C4BDD8;
}
input[type=checkbox]:disabled + .checkbox-label::before {
  border-color: #C4BDD8;
}
input[type=checkbox]:disabled + .checkbox-label::after {
  background-color: #C4BDD8;
  color: #C4BDD8;
}

body .gform_wrapper.gravity-theme .gfield_required {
  color: inherit;
  font-size: inherit;
}
body .gform_wrapper.gravity-theme .gform_ajax_spinner {
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

body input[type=text],
body input[type=email],
body input[type=password],
body input[type=tel],
body input[type=number],
.gform_wrapper.gravity-theme .gfield input[type=text],
.gform_wrapper.gravity-theme .gfield input[type=email],
.gform_wrapper.gravity-theme .gfield input[type=password],
.gform_wrapper.gravity-theme .gfield input[type=tel],
.gform_wrapper.gravity-theme .gfield input[type=number] {
  font-size: inherit;
  color: #2B0539 !important;
  padding: 10px;
  border: 1px solid #2B0539;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
}
body textarea,
.gform_wrapper.gravity-theme .gfield textarea {
  width: 90%;
}
@media (min-width: 740px) {
  body textarea,
  .gform_wrapper.gravity-theme .gfield textarea {
    max-width: 323px;
  }
}
body select,
body textarea,
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
  border-radius: 0;
}
body input[type=text]:focus,
body input[type=email]:focus,
body input[type=password]:focus,
body input[type=tel]:focus,
body input[type=number]:focus,
body textarea:focus,
.gform_wrapper.gravity-theme .gfield input[type=text]:focus,
.gform_wrapper.gravity-theme .gfield input[type=email]:focus,
.gform_wrapper.gravity-theme .gfield input[type=password]:focus,
.gform_wrapper.gravity-theme .gfield input[type=tel]:focus,
.gform_wrapper.gravity-theme .gfield input[type=number]:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus {
  outline: none;
  border-width: 3px;
  margin-top: -2px;
}
body input[type=text]::placeholder,
body input[type=email]::placeholder,
body input[type=password]::placeholder,
body input[type=tel]::placeholder,
body input[type=number]::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text]::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=email]::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=password]::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=tel]::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=number]::placeholder {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
body input[type=text]::-webkit-input-placeholder,
body input[type=email]::-webkit-input-placeholder,
body input[type=password]::-webkit-input-placeholder,
body input[type=tel]::-webkit-input-placeholder,
body input[type=number]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=email]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=password]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=tel]::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=number]::-webkit-input-placeholder {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
body input[type=text]::-moz-placeholder,
body input[type=email]::-moz-placeholder,
body input[type=password]::-moz-placeholder,
body input[type=tel]::-moz-placeholder,
body input[type=number]::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text]::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=email]::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=password]::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=tel]::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=number]::-moz-placeholder {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
body input[type=text]:-ms-input-placeholder,
body input[type=email]:-ms-input-placeholder,
body input[type=password]:-ms-input-placeholder,
body input[type=tel]:-ms-input-placeholder,
body input[type=number]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=email]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=password]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=tel]:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=number]:-ms-input-placeholder {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
body input[type=text]:-webkit-autofill,
body input[type=email]:-webkit-autofill,
body input[type=password]:-webkit-autofill,
body input[type=tel]:-webkit-autofill,
body input[type=number]:-webkit-autofill,
body textarea:-webkit-autofill,
body select:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input[type=text]:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input[type=email]:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input[type=password]:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input[type=tel]:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield input[type=number]:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield textarea:-webkit-autofill,
.gform_wrapper.gravity-theme .gfield select:-webkit-autofill {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539 !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
body input[type=text]:-webkit-autofill:focus,
body input[type=email]:-webkit-autofill:focus,
body input[type=password]:-webkit-autofill:focus,
body input[type=tel]:-webkit-autofill:focus,
body input[type=number]:-webkit-autofill:focus,
body textarea:-webkit-autofill:focus,
body select:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input[type=text]:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input[type=email]:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input[type=password]:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input[type=tel]:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield input[type=number]:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield textarea:-webkit-autofill:focus,
.gform_wrapper.gravity-theme .gfield select:-webkit-autofill:focus {
  outline: none;
  border-width: 3px;
  margin-top: -2px;
}
body input[type=text].disabled-input,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input {
  border: 1px solid rgba(43, 5, 57, 0.5);
  background-color: rgb(255, 255, 255);
}
body input[type=text].disabled-input::placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input::placeholder {
  color: rgba(70, 29, 108, 0.5);
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
}
body input[type=text].disabled-input::-webkit-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input::-webkit-input-placeholder {
  color: rgba(70, 29, 108, 0.5);
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
}
body input[type=text].disabled-input::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input::-moz-placeholder {
  color: rgba(70, 29, 108, 0.5);
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
}
body input[type=text].disabled-input::-moz-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input::-moz-placeholder {
  color: rgba(70, 29, 108, 0.5);
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
}
body input[type=text].disabled-input:-ms-input-placeholder,
.gform_wrapper.gravity-theme .gfield input[type=text].disabled-input:-ms-input-placeholder {
  color: rgba(70, 29, 108, 0.5);
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
}

.radio-button-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-button-container input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.radio-button-container input[type=radio]:checked ~ .check,
.radio-button-container input[type=radio]:checked + .check {
  background-color: #461D6C;
}
.radio-button-container .check {
  display: block;
  position: absolute;
  border: 7px solid #C5BED9;
  background-color: #C5BED9;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

form label {
  font-weight: 700;
  color: #2B0539;
  margin-bottom: 10px;
  display: block;
}
form label.right {
  font-weight: 400;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin: 0;
}
.wpcf7 .wpcf7-list-item.first {
  margin-top: 10px;
}
.wpcf7 .wpcf7-form-control-wrap {
  margin-top: 10px;
  display: block;
}
.wpcf7 .wpcf7-form-control-wrap textarea {
  width: 100%;
  max-width: none;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit {
  border: 2px solid #2B0539;
  padding: 9px 10px;
  font-weight: 700;
  color: #2B0539;
  cursor: pointer;
  background: white;
  text-decoration: none;
  min-width: 136px;
  text-align: center;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:visited, .wpcf7 .wpcf7-form-control.wpcf7-submit:active, .wpcf7 .wpcf7-form-control.wpcf7-submit:link {
  color: #2B0539;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit:hover, .wpcf7 .wpcf7-form-control.wpcf7-submit:focus {
  background-color: #2B0539;
  border-color: #2B0539;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}

.calendar-range-start {
  display: none;
}

.datepicker {
  background-color: #C5BED9;
  padding: 28px 19px;
  color: rgb(0, 0, 0);
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
@media (min-width: 1280px) {
  .datepicker {
    padding: 28px 19px;
  }
}
.datepicker:after {
  display: none;
}
.datepicker table {
  width: 100%;
}
.datepicker table tr th.datepicker-switch:hover {
  background: none;
}
.datepicker table tr th.prev .icon-arrow-right::before,
.datepicker table tr th.prev .icon-arrow-left::before, .datepicker table tr th.next .icon-arrow-right::before,
.datepicker table tr th.next .icon-arrow-left::before {
  color: rgb(255, 255, 255);
  margin: 0;
  font-size: 30px;
}
.datepicker table tr th.dow {
  padding-top: 8px;
}
.datepicker table tr td.disabled {
  color: rgba(43, 5, 57, 0.3);
}
.datepicker table tr td {
  text-align: center;
  padding: 3px 4px;
}
.datepicker table tr td span.active.active {
  background-image: none;
  background-color: #B80E80;
  color: rgb(255, 255, 255);
}
.datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.active.focused {
  background-image: none;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.datepicker table tr td:nth-child(6), .datepicker table tr td:nth-child(7) {
  font-weight: 500;
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background-image: none;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.datepicker table tr td span:hover {
  cursor: pointer;
}
.datepicker table tr td.selected,
.datepicker table tr td.range,
.datepicker table tr td.active,
.datepicker table tr td.active.active {
  background-color: #B80E80;
  color: rgb(255, 255, 255);
  background-image: none;
  border-color: none;
  border: none;
  text-shadow: none;
  border-radius: 0;
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.focused,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.focused,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.focused,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.active.focused {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  background-image: none;
}
.datepicker table tr td.selected.range-start,
.datepicker table tr td.range.range-start,
.datepicker table tr td.active.range-start,
.datepicker table tr td.active.active.range-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.datepicker table tr td.selected.range-start:hover, .datepicker table tr td.selected.range-start.focused,
.datepicker table tr td.range.range-start:hover,
.datepicker table tr td.range.range-start.focused,
.datepicker table tr td.active.range-start:hover,
.datepicker table tr td.active.range-start.focused,
.datepicker table tr td.active.active.range-start:hover,
.datepicker table tr td.active.active.range-start.focused {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.datepicker table tr td.selected.range-end,
.datepicker table tr td.range.range-end,
.datepicker table tr td.active.range-end,
.datepicker table tr td.active.active.range-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.datepicker table tr td.selected.range-end:hover, .datepicker table tr td.selected.range-end.focused,
.datepicker table tr td.range.range-end:hover,
.datepicker table tr td.range.range-end.focused,
.datepicker table tr td.active.range-end:hover,
.datepicker table tr td.active.range-end.focused,
.datepicker table tr td.active.active.range-end:hover,
.datepicker table tr td.active.active.range-end.focused {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.datepicker table tr td.selected.range-start.range-end,
.datepicker table tr td.range.range-start.range-end,
.datepicker table tr td.active.range-start.range-end,
.datepicker table tr td.active.active.range-start.range-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.datepicker table tr td.selected.range-start.range-end:hover, .datepicker table tr td.selected.range-start.range-end.focused,
.datepicker table tr td.range.range-start.range-end:hover,
.datepicker table tr td.range.range-start.range-end.focused,
.datepicker table tr td.active.range-start.range-end:hover,
.datepicker table tr td.active.range-start.range-end.focused,
.datepicker table tr td.active.active.range-start.range-end:hover,
.datepicker table tr td.active.active.range-start.range-end.focused {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  background-color: rgb(255, 255, 255);
  background-image: none;
  color: rgb(0, 0, 0);
}
.datepicker .datepicker-months table,
.datepicker .datepicker-years table,
.datepicker .datepicker-decades table,
.datepicker .datepicker-centuries table {
  table-layout: fixed;
}
.datepicker .datepicker-months thead tr,
.datepicker .datepicker-years thead tr,
.datepicker .datepicker-decades thead tr,
.datepicker .datepicker-centuries thead tr {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 0;
}
.datepicker .datepicker-months tbody tr:first-child td:first-child,
.datepicker .datepicker-years tbody tr:first-child td:first-child,
.datepicker .datepicker-decades tbody tr:first-child td:first-child,
.datepicker .datepicker-centuries tbody tr:first-child td:first-child {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  justify-content: center;
  flex-basis: 0;
}
.datepicker .datepicker-months tbody tr:first-child td:first-child span,
.datepicker .datepicker-years tbody tr:first-child td:first-child span,
.datepicker .datepicker-decades tbody tr:first-child td:first-child span,
.datepicker .datepicker-centuries tbody tr:first-child td:first-child span {
  display: inline-block;
  padding: 11px;
}
.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover {
  background-color: rgb(255, 255, 255);
  background-image: none;
  color: rgb(0, 0, 0);
}

.breadcrumb {
  margin-top: 32px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 0 22px;
}
@media (min-width: 768px) {
  .breadcrumb {
    padding: 0;
  }
}
.breadcrumb .item {
  font-weight: 500;
  letter-spacing: 0.16px;
  align-items: center;
  display: none;
}
@media (min-width: 1024px) {
  .breadcrumb .item {
    display: flex;
    margin-right: 7px;
  }
}
.breadcrumb .item a {
  color: #2B0539;
  text-decoration: none;
  display: flex;
}
.breadcrumb .item a:hover {
  text-decoration: underline;
}
.breadcrumb .item.first {
  display: flex;
  margin-right: 0;
  margin-left: -11px;
}
@media (min-width: 1024px) {
  .breadcrumb .item.first {
    margin-left: 0;
  }
}
.breadcrumb .item.first .icon-arrow-right {
  display: none;
}
@media (min-width: 1024px) {
  .breadcrumb .item.first .icon-arrow-right {
    display: block;
  }
}
@media (min-width: 1024px) {
  .breadcrumb .item.first .icon-arrow-left {
    display: none;
  }
}
.breadcrumb .item.last {
  font-weight: 700;
}
.breadcrumb .item.last .icon {
  visibility: hidden;
  width: 1px;
  margin-right: 0;
}
.breadcrumb .icon {
  margin-right: 20px;
  margin-top: -6px;
  width: 20px;
}
.breadcrumb .icon::before {
  margin: 0;
  font-size: 30px;
}
.breadcrumb .item-text {
  display: inline-block;
}
.breadcrumb .backto {
  display: inline-block;
  margin-right: 4px;
}
@media (min-width: 1024px) {
  .breadcrumb .backto {
    display: none;
  }
}

.faq {
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px 20px 20px 20px;
  width: 100%;
  margin-bottom: 20px;
}
.faq .faq-title {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .faq .faq-title {
    font-size: 24px;
  }
}
.faq .faq-title {
  color: #2B0539;
  line-height: 26px;
}
.faq .faq-title .faq-title-button {
  width: 100%;
  position: relative;
  border: none;
  background: transparent;
  text-align: left;
  color: #2B0539;
  padding-right: 50px;
}
.faq .faq-title .faq-title-button .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.faq .faq-title .faq-title-button .icon::before {
  margin: 0;
  font-size: 30px;
  color: #2B0539;
}
.faq .faq-title.open .faq-title-button .icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq.open {
  padding-bottom: 20px;
}
.faq .faq-details {
  font-weight: 500;
  color: #2B0539;
  margin-top: 16px;
}
.faq .faq-details .faq-text ul, .faq .faq-details .faq-text ol {
  margin-left: 30px;
  margin-top: 20px;
}
.faq .faq-details .faq-text a,
.faq .faq-details .faq-text a:visited {
  color: #461D6C;
}

.mailing-list-wrapper {
  padding: 24px 0;
  background-color: #C4BDD8;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .mailing-list-wrapper {
    margin-top: 30px;
  }
}
@media (min-width: 1024px) {
  .mailing-list-wrapper {
    padding: 48px 0;
  }
}
.mailing-list-wrapper .mailing-list-form-title {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .mailing-list-wrapper .mailing-list-form-title {
    font-size: 24px;
  }
}
.mailing-list-wrapper .mailing-list-form-title {
  color: #461D6C;
  margin-bottom: 20px;
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body {
  width: 100%;
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .gfield {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .gfield {
    flex: 0 0 calc(50% - 11px);
  }
}
@media (min-width: 1024px) {
  .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .gfield {
    flex: 1 0 auto;
  }
}
@media (min-width: 1024px) {
  .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .gfield.gfield--type-submit {
    flex: 0 0 104px;
  }
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .gfield input {
  margin-bottom: 0;
  min-width: 104px;
  width: 100%;
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .button:hover, .mailing-list-wrapper body .gform_wrapper.gravity-theme .gform-body input[type=submit]:hover, body .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body input[type=submit]:hover, .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body .button:focus, .mailing-list-wrapper body .gform_wrapper.gravity-theme .gform-body input[type=submit]:focus, body .mailing-list-wrapper .gform_wrapper.gravity-theme .gform-body input[type=submit]:focus {
  background-color: #F4F2F5;
  border-color: #F4F2F5;
  color: #2B0539;
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform_fields {
  gap: 22px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 768px) {
  .mailing-list-wrapper .gform_wrapper.gravity-theme .gform_fields {
    flex-direction: row;
  }
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform_required_legend {
  display: none;
}
.mailing-list-wrapper .gform_wrapper.gravity-theme .gform_footer {
  margin: 0;
  padding: 0;
}
.mailing-list-wrapper .gform_confirmation_message {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #461D6C;
}
.mailing-list-wrapper .gfield_label .gfield_required_asterisk {
  visibility: hidden;
}
.mailing-list-wrapper .gfield_label .gfield_required_asterisk::after {
  margin-left: -3px;
  content: "(required)";
  font-weight: 400;
  visibility: visible;
}

#footer {
  padding: 32px 0 48px;
  color: #2B0539;
  font-size: 16px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  #footer {
    padding: 48px 0;
  }
}
#footer .footer-inner {
  position: relative;
  padding-bottom: 64px;
}
@media (min-width: 600px) {
  #footer .footer-inner {
    padding-bottom: 0;
  }
}
#footer a {
  color: #2B0539;
}
#footer p {
  margin: 0;
}
#footer p:not(:last-child) {
  margin: 0 0 16px;
}
#footer .footer-column {
  display: flex;
  flex-direction: column;
}
#footer .footer-column-inner + .footer-column-inner {
  margin-top: 16px;
}
@media (min-width: 768px) {
  #footer .footer-column-inner + .footer-column-inner {
    margin-top: 24px;
  }
}
#footer .footer-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 600px) {
  #footer .footer-row {
    position: relative;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  #footer .footer-row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 600px) {
  #footer .footer-row:first-child .footer-column:nth-child(2) {
    order: 2;
  }
}
@media (min-width: 768px) {
  #footer .footer-row:first-child .footer-column:nth-child(2) {
    order: 0;
  }
}
@media (min-width: 600px) {
  #footer .footer-row:last-child {
    grid-template-columns: 1fr;
  }
}
#footer .footer-row + .footer-row {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 4px solid #C4BDD8;
}
@media (min-width: 768px) {
  #footer .footer-row + .footer-row {
    padding-top: 9px;
    margin-top: 24px;
  }
}
#footer .footer-inner .footer-social-media-users {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#footer .footer-inner .footer-social-media-users a path {
  transition: all 0.3s linear;
}
#footer .footer-inner .footer-social-media-users a:hover path {
  fill: #B80E80;
}
#footer .footer-inner .footer-menu {
  list-style-type: none;
  display: flex;
  gap: 12px;
  flex-direction: column;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  #footer .footer-inner .footer-menu {
    margin-bottom: 72px;
  }
}
#footer .footer-inner .footer-menu a {
  text-decoration: none;
  transition: all 0.3s linear;
}
#footer .footer-inner .footer-menu a:hover {
  color: #B80E80;
}
#footer .footer-section-title {
  font: 500 16px/1.4 "azo-sans-web", sans-serif;
  margin-bottom: 16px;
}
#footer .cog-credits {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 600px) {
  #footer .cog-credits {
    left: auto;
    right: 0;
    text-align: right;
  }
}
#footer .cog-credits p {
  margin: 0;
}
#footer .cog-credits a {
  text-decoration: none;
  transition: all 0.3s linear;
}
#footer .cog-credits a:hover {
  color: #B80E80;
}
#footer .footer-supporters {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  flex-direction: row;
  align-self: center;
}
@media (min-width: 768px) {
  #footer .footer-supporters {
    gap: 32px;
  }
}
#footer .footer-supporters li {
  display: flex;
  align-self: center;
  max-height: 70px;
  line-height: 1;
}
#footer .footer-supporters li:first-child {
  width: 100%;
  margin-right: auto;
}
@media (min-width: 800px) {
  #footer .footer-supporters li:first-child {
    width: auto;
  }
}
#footer .footer-supporters li > * {
  height: 70px;
  width: max-content;
  display: flex;
  align-items: center;
}
#footer .footer-supporters li img {
  width: auto;
  max-height: 100%;
  height: auto;
}

.messaging-bar {
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
}
.messaging-bar .announcement-banner {
  background-color: #FFDA00;
  width: 100%;
  padding: 23px 0 20px 0;
  display: none;
  color: #2B0539;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px;
  font-weight: 500;
}
.messaging-bar .announcement-banner .container {
  height: 100%;
  position: relative;
}
.messaging-bar .announcement-banner .announcement-banner-inner {
  height: 100%;
  width: 100%;
  padding-right: 47px;
}
@media (min-width: 1024px) {
  .messaging-bar .announcement-banner .announcement-banner-inner {
    display: flex;
    align-items: center;
    padding-right: 72px;
  }
}
.messaging-bar .announcement-banner p,
.messaging-bar .announcement-banner .announcement-banner-title,
.messaging-bar .announcement-banner .announcement-banner-read-more {
  color: #2B0539;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px;
  font-weight: 500;
}
.messaging-bar .announcement-banner p {
  margin-bottom: 0;
}
.messaging-bar .announcement-banner p a {
  color: #2B0539;
  text-decoration: underline;
}
.messaging-bar .announcement-banner .announcement-banner-title {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-right: 30px;
}
@media (max-width: 768px) {
  .messaging-bar .announcement-banner .announcement-banner-title {
    margin-bottom: 10px;
  }
}
.messaging-bar .announcement-banner .read-more-link {
  display: block;
}
@media (min-width: 1024px) {
  .messaging-bar .announcement-banner .read-more-link {
    margin-left: 2px;
    display: inline-block;
  }
}
.messaging-bar .announcement-banner .announcement-banner-close {
  color: #2B0539;
  margin-left: auto;
  background: transparent;
  border: none;
  position: absolute;
  top: -29px;
  right: 0;
}
@media (min-width: 1024px) {
  .messaging-bar .announcement-banner .announcement-banner-close {
    top: -31px;
  }
}
.messaging-bar .announcement-banner .announcement-banner-close .icon {
  font-size: 64px;
  margin: 0;
}
.messaging-bar .announcement-banner.cookies {
  background-color: #49BCC3;
}
.messaging-bar .announcement-banner.cookies .announcement-banner-inner {
  padding-right: 0;
}
.messaging-bar .announcement-banner.cookies .button, .messaging-bar .announcement-banner.cookies body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .messaging-bar .announcement-banner.cookies input[type=submit] {
  position: relative;
  top: 0;
  background-color: #FFDA00;
  border-color: #FFDA00;
}
.messaging-bar .announcement-banner.cookies .button:hover, .messaging-bar .announcement-banner.cookies body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .messaging-bar .announcement-banner.cookies input[type=submit]:hover, .messaging-bar .announcement-banner.cookies .button:focus, .messaging-bar .announcement-banner.cookies body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .messaging-bar .announcement-banner.cookies input[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}
.messaging-bar .announcement-banner.cookies .button, .messaging-bar .announcement-banner.cookies body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .messaging-bar .announcement-banner.cookies input[type=submit] {
  min-width: 163px;
}
@media (max-width: 768px) {
  .messaging-bar .announcement-banner.cookies .button, .messaging-bar .announcement-banner.cookies body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .messaging-bar .announcement-banner.cookies input[type=submit] {
    margin-top: 20px;
  }
}

.cog-credits {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  height: 24px;
}
.cog-credits .cog-credits__inner {
  display: flex;
  flex-flow: row-reverse nowrap;
  width: fit-content;
  gap: 10px;
  transform: translateX(calc(-100% + 24px));
}
@media (min-width: 600px) {
  .cog-credits .cog-credits__inner {
    flex-direction: row;
    transform: translateX(calc(100% - 24px));
  }
}
.cog-credits.open .cog-credits__inner {
  transform: unset;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .cog-credits.open .cog-credits__toggle {
    rotate: -360deg;
  }
}
.cog-credits a {
  display: flex;
  align-self: center;
  white-space: nowrap;
}
.cog-credits a svg {
  fill: currentColor;
  flex-shrink: 0;
  width: 125px;
  border-bottom: 1px solid transparent;
}
.cog-credits .cls-1 {
  fill: currentColor;
}
.cog-credits .cog-credits__toggle {
  display: flex;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.cog-credits .cog-credits__toggle svg {
  width: 24px;
  height: 24px;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .cog-credits .cog-credits__inner {
    transition: transform 0.8s ease;
  }
  .cog-credits .cog-credits__toggle {
    transition: rotate 0.8s ease;
  }
}

.videos {
  width: 100%;
}
.videos-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .videos-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.videos-title {
  color: #2B0539;
  margin-bottom: 20px;
}

.videos-container {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .videos-container {
    grid-template-columns: 1fr 1fr;
  }
}
.videos-container .video-item {
  background: #2B0539;
}
.videos-container .video-item:nth-last-child(1):first-child {
  grid-column: 1/3;
}
.videos-container .video-link {
  display: block;
  position: relative;
}
.videos-container .image-placeholder {
  aspect-ratio: 4/2.244;
  position: relative;
  overflow: hidden;
  background: #2B0539;
}
.videos-container .image-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videos-container .figcaption {
  padding: 8px;
  color: rgb(255, 255, 255);
  background: #2B0539;
  font-size: 14px;
}
.videos-container .icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgb(255, 255, 255);
}
.videos-container .icon::before {
  font-size: 80px;
  margin: 0;
}

.projects h2 {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .projects h2 {
    font-size: 40px;
    margin-top: 20px;
  }
}
.projects h2 {
  color: #2B0539;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  .projects h2 {
    font: 700 28px/1.2 "brother-1816", sans-serif;
    margin-bottom: 10px;
    color: #2B0539;
    margin-bottom: 20px;
    color: #2B0539;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .projects h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}

.show-more-container {
  text-align: center;
}

.single-event .article-image .article-image-inner {
  padding-top: 0;
}
.single-event .online-viewing-details {
  margin-bottom: 25px;
  padding: 20px;
  background-color: #2B0539;
  color: rgb(255, 255, 255);
  font-weight: 500;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.single-event .online-viewing-details h3 {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .single-event .online-viewing-details h3 {
    font-size: 20px;
  }
}
.single-event .online-viewing-details h3 {
  margin: 0 0 5px;
  font-family: "azo-sans-web", sans-serif;
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .single-event .online-viewing-details h3 {
    margin: 0 0 10px;
  }
}
.single-event .online-viewing-details a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}
.single-event .online-viewing-details--digital {
  background-color: #461D6C;
}
.single-event .online-viewing-details--digital p {
  font-weight: 400;
}
.single-event .online-viewing-details--digital a {
  color: #461D6C;
  text-decoration: none;
}
.single-event .online-viewing-details--digital a:hover {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

.inpage-links {
  background: #F4F2F5;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
  padding: 12px 0;
  visibility: hidden;
  transform: translateY(100%);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease;
}
.article-header .inpage-links {
  display: block;
  box-shadow: none;
  background: none;
  visibility: visible;
  transform: none;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 32px 0 0;
}
.article-header .inpage-links .jump-to {
  margin-top: 0;
}
.article-header .inpage-links .container {
  padding-inline: 22px;
}
@media (min-width: 1024px) {
  .article-header .inpage-links .container {
    padding-inline: 0;
  }
}
.inpage-links .container {
  display: flex;
  gap: 24px;
  flex-direction: row;
}
.inpage-links .event-book-button {
  width: 100%;
  display: block;
}
@media (min-width: 1024px) {
  .inpage-links .event-book-button {
    margin: 0 0 0 auto;
    width: auto;
  }
}
.inpage-links.scrolled {
  z-index: 3;
  visibility: visible;
  transform: translateY(0);
}
.inpage-links .jump-to {
  font-weight: 700;
  text-decoration: none;
  color: #2B0539;
  position: relative;
  margin-top: 10px;
  flex: 0 0 auto;
  padding: 0 32px 0 0;
  min-height: 32px;
  display: flex;
  align-items: center;
}
@media (min-width: 1024px) {
  .inpage-links .jump-to {
    padding-right: 0;
    margin-top: 0;
    align-self: flex-start;
    min-height: 10px;
  }
}
.inpage-links .jump-to .jump-to-button {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .inpage-links .jump-to .jump-to-button {
    display: none;
  }
}
.inpage-links .jump-to .jump-to-button .icon-arrow-down::before {
  margin: 0;
  font-size: 32px;
  color: #2B0539;
}
.inpage-links .jump-to.open .jump-to-button {
  transform: rotate(180deg);
}
.inpage-links .inpage-link-list {
  list-style-type: none;
}
@media (min-width: 1024px) {
  .inpage-links .inpage-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex-direction: row;
  }
}
.inpage-links .inpage-link-item {
  display: flex;
  align-self: center;
  flex-wrap: wrap;
}
.inpage-links .inpage-link-item + .inpage-link-item {
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .inpage-links .inpage-link-item + .inpage-link-item {
    margin-top: 0;
  }
}
.inpage-links .inpage-link-item a {
  text-decoration: none;
  color: #2B0539;
  position: relative;
}
.inpage-links .inpage-link-item a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -10px;
  left: 0;
  background-color: #B80E80;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
.inpage-links .inpage-link-item a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
.inpage-links__content {
  display: none;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
@media (min-width: 1024px) {
  .inpage-links__content {
    display: flex;
    align-self: center;
  }
}
.inpage-links__content:has(.inpage-link-list:empty) {
  display: none;
}
.article-header .inpage-links__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-header .inpage-links__content {
    flex-direction: row;
  }
}

.access_badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.access_badges .access-item-wrapper {
  margin: 0;
}
.access_badges .access-item-wrapper .badge {
  margin: 0;
}

.access-item-wrapper {
  position: relative;
  align-self: start;
}
.access-item-wrapper:hover .badge, .access-item-wrapper.open .badge {
  background-color: #2B0539;
  color: rgb(255, 255, 255);
}
.access-item-wrapper:hover .access-item:after, .access-item-wrapper.open .access-item:after {
  visibility: visible;
  opacity: 1;
}
.access-item-wrapper:hover .tooltiptext, .access-item-wrapper.open .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.access-item-wrapper .access-item {
  font-weight: 500;
  color: #3C3B3B;
  letter-spacing: 0.16px;
  display: flex;
  align-items: end;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.access-item-wrapper .access-item.access-item-square + .tooltiptext {
  left: -18%;
  width: 147px;
}
.access-item-wrapper .tooltiptext {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  background: #F4F2F5;
  padding: 9px 12px;
  font-size: 12px;
  line-height: 1.4;
  width: 127px;
  color: rgb(0, 0, 0);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.access-item-wrapper .tooltiptext:after {
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #F4F2F5;
}
.accordion-item-details .access-item-wrapper .tooltiptext {
  left: 0;
  transform: none;
}
.accordion-item-details .access-item-wrapper .tooltiptext:after {
  left: 12px;
  transform: none;
}
.access-item-wrapper .tooltiptext-position--left {
  left: 0;
  transform: none;
}
.access-item-wrapper .tooltiptext-position--left:after {
  left: 12px;
  transform: none;
}
.access-item-wrapper .tooltiptext-position--right {
  right: 0;
  left: auto;
  transform: none;
}
.access-item-wrapper .tooltiptext-position--right:after {
  left: auto;
  right: 12px;
  transform: none;
}
.access-item-wrapper .badge {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  border-radius: 50%;
  border: 2px solid #2B0539;
  color: #2B0539;
  padding: 6px 2px;
  min-width: 36px;
  height: 36px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin-right: 10px;
  transition: all 0.3s ease;
  align-self: flex-start;
}
.access-item-wrapper .badge.badge-square {
  border-radius: 0;
  padding: 9px 6px 6px 6px;
}
.access-item-wrapper__row {
  display: grid;
  gap: 10px;
  grid-template-columns: 36px auto;
}
.access-item-wrapper__row + .access-item-wrapper__row {
  margin-top: 16px;
}
.access-item-wrapper__text {
  color: #3C3B3B;
}
.access-item-wrapper__text > * {
  display: block;
}
.access-item-wrapper__text .access-item-title {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .access-item-wrapper__text .access-item-title {
    margin-bottom: 10px;
  }
}
.access-item-wrapper__text .access-item-title {
  margin: 0 0 8px;
}

.article-sidebar .sections > .section-title {
  min-height: 44px;
  display: flex;
  align-items: center;
  margin: 0 0 32px;
}
.article-sidebar .section:has(.accordion-item-title) {
  border-top: 1px solid #2B0539;
  padding: 14.5px 0;
  position: relative;
  min-height: 48px;
}
.article-sidebar .section-title, .article-sidebar .accordion-item-title {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .article-sidebar .section-title, .article-sidebar .accordion-item-title {
    font-size: 20px;
  }
}
.article-sidebar .section-title, .article-sidebar .accordion-item-title {
  font-size: 20px;
  color: rgb(0, 0, 0);
  position: relative;
  margin: 0;
}
.article-sidebar .accordion-item-title-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  width: 100%;
  display: grid;
  gap: 16px;
  grid-template-columns: auto 28px;
  text-align: left;
}
.article-sidebar .accordion-item-title-button:not(:has(.btn)) {
  position: absolute;
  margin: 0;
  display: block;
  right: 0;
  top: 12px;
  width: auto;
}
@media (min-width: 768px) {
  .article-sidebar .accordion-item-title-button:not(:has(.btn)) {
    display: none;
  }
}
.article-sidebar .accordion-item-title-button .btn {
  margin: -2px 0 0;
}
.article-sidebar .accordion-item-title-button .icon:before {
  margin: 0;
  font-size: 28px;
  color: #461D6C;
}
.article-sidebar .accordion-item-title-button .icon.icon-minus {
  display: none;
}
.article-sidebar .accordion-item-title-button.open .icon.icon-minus {
  display: block;
}
.article-sidebar .accordion-item-title-button.open .icon.icon-plus {
  display: none;
}
.article-sidebar .accordion-item-details,
.article-sidebar .accordion-item-details__message {
  margin-top: 16px;
}
.article-sidebar .accordion-item-details > *:first-child,
.article-sidebar .accordion-item-details__message > *:first-child {
  margin-top: 0;
}
.article-sidebar .accordion-item-details > h4,
.article-sidebar .accordion-item-details__message > h4 {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .article-sidebar .accordion-item-details > h4,
  .article-sidebar .accordion-item-details__message > h4 {
    margin-bottom: 10px;
  }
}
.article-sidebar .accordion-item-details > h4,
.article-sidebar .accordion-item-details__message > h4 {
  color: #2B0539;
  margin: 20px 0 8px;
}
.article-sidebar .accordion-item-details a,
.article-sidebar .accordion-item-details__message a {
  color: currentColor;
}
.article-sidebar .accordion-item-details p,
.article-sidebar .accordion-item-details__message p {
  margin-bottom: 5px;
}
.article-sidebar .accordion-item-details__message:not(:first-child),
.article-sidebar .accordion-item-details__message__message:not(:first-child) {
  margin-top: 24px;
}
.article-sidebar .access-item::after {
  display: none;
}

.back-to-whatson {
  display: none;
}
.back-to-whatson.open {
  margin-top: 40px;
  display: inline-block;
  width: 100%;
}
@media (min-width: 1024px) {
  .back-to-whatson.open {
    width: auto;
  }
}

@media (max-width: 768px) {
  .single-event .article-title.open,
  .single-project .article-title.open,
  .page-template-season .article-title.open,
  .home .article-title.open {
    margin-top: 12px;
  }
}
.single-event .article-title .category,
.single-project .article-title .category,
.page-template-season .article-title .category,
.home .article-title .category {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}
.single-event .article-title .category-row,
.single-project .article-title .category-row,
.page-template-season .article-title .category-row,
.home .article-title .category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.single-event .article-title .category-row .normal,
.single-project .article-title .category-row .normal,
.page-template-season .article-title .category-row .normal,
.home .article-title .category-row .normal {
  font-weight: 400;
}
.single-event .article-title .above-title,
.single-project .article-title .above-title,
.page-template-season .article-title .above-title,
.home .article-title .above-title {
  display: block;
  margin-bottom: 12px;
}
.single-event .article-title h1 .icon,
.single-project .article-title h1 .icon,
.page-template-season .article-title h1 .icon,
.home .article-title h1 .icon {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.single-event .article-title h1 .icon::before,
.single-project .article-title h1 .icon::before,
.page-template-season .article-title h1 .icon::before,
.home .article-title h1 .icon::before {
  font-size: 50px;
  color: rgb(255, 255, 255);
  margin: 0;
}

.event-instances {
  max-width: 740px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 20px 22px;
  display: none;
}
@media (min-width: 1024px) {
  .event-instances {
    padding: 20px 24px;
  }
}
.event-instances .intro-text {
  font-weight: 700;
  letter-spacing: 0.16px;
  margin-bottom: 24px;
}
.event-instances .accessible-filter {
  border-bottom: 1px solid #2B0539;
  margin-bottom: 20px;
}
.event-instances .accessible-filter h3 {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .event-instances .accessible-filter h3 {
    margin-bottom: 10px;
  }
}
.event-instances .accessible-filter h3 {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .event-instances form {
    display: flex;
    justify-content: space-between;
    flex: 0 1 50%;
  }
}
.event-instances form .form-group {
  margin-bottom: 20px;
  min-width: 50%;
}
.event-instances input[type=range] {
  box-sizing: border-box;
  appearance: none;
  width: 100%;
  height: 5px;
  background-color: #B80E80;
  border-radius: 50px;
  margin: 0;
  border: 0;
  outline: none;
  background-size: 100% 2px;
  pointer-events: none;
  color: #B80E80;
  z-index: 1;
}
.event-instances input[type=range]:active, .event-instances input[type=range]:focus {
  outline: none;
}
.event-instances input[type=range] {
  -webkit-appearance: none;
  color: #B80E80;
  width: 100%;
}
.event-instances input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.event-instances input[type=range]:focus {
  outline: none;
}
.event-instances input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.event-instances input[type=range]::-webkit-slider-thumb {
  height: 27px;
  width: 27px;
  border-radius: 28px;
  border: 1px solid #B80E80;
  background-color: #B80E80;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  color: #B80E80 !important;
}
.event-instances input[type=range]::-moz-range-thumb {
  height: 27px;
  width: 27px;
  border-radius: 28px;
  border: 1px solid #B80E80;
  background-color: #B80E80;
  position: relative;
  z-index: 50;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  color: #B80E80 !important;
}
.event-instances input[type=range]::-ms-thumb {
  height: 27px;
  width: 27px;
  border-radius: 28px;
  border: 1px solid #B80E80;
  background-color: #B80E80;
  position: relative;
  z-index: 10000;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  color: #B80E80 !important;
}
@media (max-width: 768px) {
  .event-instances .multi-range-container {
    margin-top: 20px;
  }
}
.event-instances .multi-range {
  position: relative;
  height: 50px;
  display: block;
  width: 100%;
}
.event-instances .multi-range input[type=range],
.event-instances .multi-range .writtenValue {
  position: absolute;
}
.event-instances .multi-range .writtenValue {
  top: 30px;
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .event-instances .multi-range .writtenValue {
    margin-bottom: 10px;
  }
}
.event-instances .multi-range .writtenValue {
  color: #3C3B3B;
}
.event-instances .multi-range #upperValue {
  right: 0;
}
.event-instances .range-color {
  background-color: #B80E80;
  border-radius: 50px;
  width: 100%;
  display: block;
  height: 5px;
  position: absolute;
  z-index: 1;
}
.event-instances input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.event-instances input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.event-instances input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
.event-instances input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.event-instances input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
.event-instances .bookings-inner {
  width: 100%;
}
.event-instances .bookings-inner .instances {
  width: 100%;
  list-style-type: none;
}
.event-instances .bookings-inner .instances li,
.event-instances .bookings-inner .instances .item {
  width: 100%;
  border-bottom: 1px solid #2B0539;
  padding: 20.5px 0;
  position: relative;
}
.event-instances .bookings-inner .instances li:last-child,
.event-instances .bookings-inner .instances .item:last-child {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section-wrapper,
  .event-instances .bookings-inner .instances .item .instance-section-wrapper {
    display: table;
    width: 100%;
  }
  .event-instances .bookings-inner .instances li .instance-section-wrapper .band,
  .event-instances .bookings-inner .instances .item .instance-section-wrapper .band {
    width: 80px;
  }
}
@media (max-width: 768px) {
  .event-instances .bookings-inner .instances li .instance-section,
  .event-instances .bookings-inner .instances .item .instance-section {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section,
  .event-instances .bookings-inner .instances .item .instance-section {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.main,
  .event-instances .bookings-inner .instances .item .instance-section.main {
    width: 27%;
  }
}
.event-instances .bookings-inner .instances li .instance-section.ticket-type,
.event-instances .bookings-inner .instances .item .instance-section.ticket-type {
  text-align: right;
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.ticket-type,
  .event-instances .bookings-inner .instances .item .instance-section.ticket-type {
    margin-bottom: 10px;
  }
}
.event-instances .bookings-inner .instances li .instance-section.ticket-type,
.event-instances .bookings-inner .instances .item .instance-section.ticket-type {
  margin-bottom: 12px;
  color: #3C3B3B;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.ticket-type,
  .event-instances .bookings-inner .instances .item .instance-section.ticket-type {
    margin-bottom: 0;
    padding-top: 30px;
    width: 16%;
    text-align: left;
    position: relative;
  }
}
.event-instances .bookings-inner .instances li .instance-section.ticket-type span,
.event-instances .bookings-inner .instances .item .instance-section.ticket-type span {
  width: 100%;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.ticket-type span,
  .event-instances .bookings-inner .instances .item .instance-section.ticket-type span {
    position: absolute;
    top: 35px;
  }
}
@media (max-width: 768px) {
  .event-instances .bookings-inner .instances li .instance-section.book-button .button, .event-instances .bookings-inner .instances li .instance-section.book-button body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .event-instances .bookings-inner .instances li .instance-section.book-button input[type=submit],
  .event-instances .bookings-inner .instances .item .instance-section.book-button .button,
  .event-instances .bookings-inner .instances .item .instance-section.book-button body .gform_wrapper.gravity-theme input[type=submit],
  body .gform_wrapper.gravity-theme .event-instances .bookings-inner .instances .item .instance-section.book-button input[type=submit] {
    width: 100%;
    margin-top: 8px;
  }
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.book-button,
  .event-instances .bookings-inner .instances .item .instance-section.book-button {
    position: absolute;
    bottom: 20.5px;
    right: 0;
    display: flex;
    flex-direction: column;
    width: auto;
  }
  .event-instances .bookings-inner .instances li .instance-section.book-button .secondary, .event-instances .bookings-inner .instances li .instance-section.book-button body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .event-instances .bookings-inner .instances li .instance-section.book-button input[type=submit],
  .event-instances .bookings-inner .instances .item .instance-section.book-button .secondary,
  .event-instances .bookings-inner .instances .item .instance-section.book-button body .gform_wrapper.gravity-theme input[type=submit],
  body .gform_wrapper.gravity-theme .event-instances .bookings-inner .instances .item .instance-section.book-button input[type=submit] {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section.pwyc,
  .event-instances .bookings-inner .instances .item .instance-section.pwyc {
    max-width: 500px;
    padding-left: 180px;
  }
}
.event-instances .bookings-inner .instances li .instance-section.pwyc p,
.event-instances .bookings-inner .instances .item .instance-section.pwyc p {
  font-weight: 500;
  color: #3C3B3B;
}
@media (max-width: 1023px) {
  .event-instances .bookings-inner .instances li .instance-section.pwyc p,
  .event-instances .bookings-inner .instances .item .instance-section.pwyc p {
    padding-top: 20px;
  }
}
.event-instances .bookings-inner .instances li .instance-section .date,
.event-instances .bookings-inner .instances .item .instance-section .date {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section .date,
  .event-instances .bookings-inner .instances .item .instance-section .date {
    font-size: 24px;
  }
}
.event-instances .bookings-inner .instances li .instance-section .date,
.event-instances .bookings-inner .instances .item .instance-section .date {
  color: #2B0539;
  margin-bottom: 10px;
}
.event-instances .bookings-inner .instances li .instance-section .band-name,
.event-instances .bookings-inner .instances .item .instance-section .band-name {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .event-instances .bookings-inner .instances li .instance-section .band-name,
  .event-instances .bookings-inner .instances .item .instance-section .band-name {
    margin-bottom: 10px;
  }
}
.event-instances .bookings-inner .instances li .instance-section .band-name,
.event-instances .bookings-inner .instances .item .instance-section .band-name {
  color: #3C3B3B;
  margin-bottom: 13px;
}
.event-instances .bookings-inner .instances li .instance-section .band-price,
.event-instances .bookings-inner .instances .item .instance-section .band-price {
  font-weight: 500;
  color: #3C3B3B;
}
.event-instances .bookings-inner .instances li .instance-section .access-badges,
.event-instances .bookings-inner .instances .item .instance-section .access-badges {
  display: flex;
}
@media (max-width: 1023px) {
  .event-instances .instance-book-button.secondary, .event-instances body .gform_wrapper.gravity-theme input.instance-book-button[type=submit], body .gform_wrapper.gravity-theme .event-instances input.instance-book-button[type=submit] {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-template-whatson .article-sidebar.filters .all-sections .section:first-child,
  .page-template-access-performances .article-sidebar.filters .all-sections .section:first-child {
    margin-top: 0;
  }
}
.page-template-whatson .article-sidebar.filters .section .section-title,
.page-template-access-performances .article-sidebar.filters .section .section-title {
  border: none;
}
.page-template-whatson .article-sidebar.filters .filters-clear-button,
.page-template-access-performances .article-sidebar.filters .filters-clear-button {
  padding: 10px;
  min-width: auto;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  line-height: 20px;
  min-width: 130px;
  display: none;
}
@media (min-width: 768px) {
  .page-template-whatson .article-sidebar.filters .filters-clear-button,
  .page-template-access-performances .article-sidebar.filters .filters-clear-button {
    display: block;
  }
}
.page-template-whatson .article-sidebar.filters .categories,
.page-template-access-performances .article-sidebar.filters .categories {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0 16px;
  gap: 10px;
}
.page-template-whatson .article-sidebar.filters .categories .category,
.page-template-access-performances .article-sidebar.filters .categories .category {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1;
  color: #461D6C;
  padding: 13px 12px;
  background: #C5BED9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-transform: uppercase;
}
.page-template-whatson .article-sidebar.filters .categories .category.applied, .page-template-whatson .article-sidebar.filters .categories .category:hover,
.page-template-access-performances .article-sidebar.filters .categories .category.applied,
.page-template-access-performances .article-sidebar.filters .categories .category:hover {
  background-color: #B80E80;
  color: rgb(255, 255, 255);
}
.page-template-whatson .article-sidebar.filters .parameter-list,
.page-template-access-performances .article-sidebar.filters .parameter-list {
  padding: 9px 0 0;
}
.page-template-whatson .article-sidebar.filters .datepicker,
.page-template-access-performances .article-sidebar.filters .datepicker {
  max-width: 100%;
  background: none;
  padding: 2px 0 0;
  margin: 0 0 17px;
}
.page-template-whatson .article-sidebar.filters .datepicker table tr td,
.page-template-access-performances .article-sidebar.filters .datepicker table tr td {
  padding-block: 2px;
}
.page-template-whatson .article-sidebar.filters .datepicker table tr th.dow,
.page-template-access-performances .article-sidebar.filters .datepicker table tr th.dow {
  padding: 6px 0 4px;
}
.page-template-whatson .article-sidebar.filters input[type=checkbox],
.page-template-access-performances .article-sidebar.filters input[type=checkbox] {
  display: none;
}
.page-template-whatson .events,
.page-template-access-performances .events {
  gap: 24px 20px;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 568px) {
  .page-template-whatson .events,
  .page-template-access-performances .events {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 740px) {
  .page-template-whatson .events,
  .page-template-access-performances .events {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
@media (min-width: 1024px) {
  .page-template-whatson .events .event-block .image-text-card-title,
  .page-template-whatson .events .promo-block .image-text-card-title,
  .page-template-access-performances .events .event-block .image-text-card-title,
  .page-template-access-performances .events .promo-block .image-text-card-title {
    font: 700 20px/1.25 "brother-1816", sans-serif;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .page-template-whatson .events .event-block .image-text-card-title,
  .page-template-whatson .events .promo-block .image-text-card-title,
  .page-template-access-performances .events .event-block .image-text-card-title,
  .page-template-access-performances .events .promo-block .image-text-card-title {
    font-size: 24px;
  }
}
.page-template-whatson .events .promo-block .promo-block-image-wrapper,
.page-template-access-performances .events .promo-block .promo-block-image-wrapper {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.page-template-whatson .events .promo-block .promo-block-image-wrapper img,
.page-template-access-performances .events .promo-block .promo-block-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-whatson .events .promo-block .promo-block-copy,
.page-template-access-performances .events .promo-block .promo-block-copy {
  padding: 16px 20px;
  background-color: #2B0539;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(59, 37, 37, 0.1607843137);
  position: relative;
  color: rgb(255, 255, 255);
  margin: 0;
}
.page-template-whatson .events .promo-block .promo-block-copy h3,
.page-template-access-performances .events .promo-block .promo-block-copy h3 {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-whatson .events .promo-block .promo-block-copy h3,
  .page-template-access-performances .events .promo-block .promo-block-copy h3 {
    font-size: 28px;
  }
}
.page-template-whatson .events .promo-block .promo-block-copy h3,
.page-template-access-performances .events .promo-block .promo-block-copy h3 {
  color: rgb(255, 255, 255);
  margin-bottom: 4px;
}
@media (min-width: 1024px) {
  .page-template-whatson .events .promo-block .promo-block-copy h3,
  .page-template-access-performances .events .promo-block .promo-block-copy h3 {
    font: 700 20px/1.25 "brother-1816", sans-serif;
    color: rgb(255, 255, 255);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .page-template-whatson .events .promo-block .promo-block-copy h3,
  .page-template-access-performances .events .promo-block .promo-block-copy h3 {
    font-size: 24px;
  }
}
.page-template-whatson .events .promo-block .promo-block-copy .button, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input[type=submit],
.page-template-access-performances .events .promo-block .promo-block-copy .button,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit],
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input[type=submit] {
  border-color: rgb(255, 255, 255);
  width: 100%;
}
@media (min-width: 1024px) {
  .page-template-whatson .events .promo-block .promo-block-copy .button, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input[type=submit],
  .page-template-access-performances .events .promo-block .promo-block-copy .button,
  .page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit],
  body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input[type=submit] {
    min-width: auto;
    padding: 10px 12px;
  }
}
.page-template-whatson .events .promo-block .promo-block-copy .button:hover, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input[type=submit]:hover, .page-template-whatson .events .promo-block .promo-block-copy .button:focus, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input[type=submit]:focus,
.page-template-access-performances .events .promo-block .promo-block-copy .button:hover,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:hover,
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input[type=submit]:hover,
.page-template-access-performances .events .promo-block .promo-block-copy .button:focus,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:focus,
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input[type=submit]:focus {
  background-color: #C4BDD8;
  border-color: #C4BDD8;
  color: #2B0539;
}
.page-template-whatson .events .promo-block .promo-block-copy .button.tertiary, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit], body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input.tertiary[type=submit],
.page-template-access-performances .events .promo-block .promo-block-copy .button.tertiary,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit],
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input.tertiary[type=submit] {
  border-color: #FFDA00;
}
.page-template-whatson .events .promo-block .promo-block-copy .button.tertiary:hover, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input.tertiary[type=submit]:hover, .page-template-whatson .events .promo-block .promo-block-copy .button.tertiary:focus, .page-template-whatson .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus, body .gform_wrapper.gravity-theme .page-template-whatson .events .promo-block .promo-block-copy input.tertiary[type=submit]:focus,
.page-template-access-performances .events .promo-block .promo-block-copy .button.tertiary:hover,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover,
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input.tertiary[type=submit]:hover,
.page-template-access-performances .events .promo-block .promo-block-copy .button.tertiary:focus,
.page-template-access-performances .events .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus,
body .gform_wrapper.gravity-theme .page-template-access-performances .events .promo-block .promo-block-copy input.tertiary[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
}
.page-template-whatson .events .event-block .page-block-image .image-text-card-title,
.page-template-access-performances .events .event-block .page-block-image .image-text-card-title {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-whatson .events .event-block .page-block-image .image-text-card-title,
  .page-template-access-performances .events .event-block .page-block-image .image-text-card-title {
    font-size: 24px;
  }
}
.page-template-whatson .events .event-block .page-block-image .image-text-card-title,
.page-template-access-performances .events .event-block .page-block-image .image-text-card-title {
  color: #2B0539;
}
.page-template-whatson .events .event-block .page-block-image .below,
.page-template-access-performances .events .event-block .page-block-image .below {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .page-template-whatson .events .event-block .page-block-image .image-text-card-buttons .button, .page-template-whatson .events .event-block .page-block-image .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-whatson .events .event-block .page-block-image .image-text-card-buttons input[type=submit],
  .page-template-access-performances .events .event-block .page-block-image .image-text-card-buttons .button,
  .page-template-access-performances .events .event-block .page-block-image .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit],
  body .gform_wrapper.gravity-theme .page-template-access-performances .events .event-block .page-block-image .image-text-card-buttons input[type=submit] {
    min-width: auto;
    padding: 10px;
  }
}

.all-events-list,
.no-results {
  display: none;
}

.pagination {
  text-align: center;
  margin-top: 32px;
}

.no-results .error-text {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color: #2B0539;
  font-family: "brother-1816", sans-serif;
}

@media (min-width: 768px) {
  .page-template-whatson .article-title,
  .page-template-digital-library .article-title,
  .search-results .article-title,
  .search-no-results .article-title,
  .error404 .article-title,
  .single-digitalevent .article-title {
    margin: 0 0 24px;
    width: 100%;
    max-width: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.page-template-membership .article-title, .page-template-page-general .article-title {
  background: #2B0539;
}
.page-template-membership .info-box .info-box-data-inner, .page-template-page-general .info-box .info-box-data-inner {
  box-shadow: none;
  background: transparent;
}
@media (min-width: 768px) {
  .page-template-membership .article-content .container.centered, .page-template-page-general .article-content .container.centered {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .page-template-membership .article-content .container.centered, .page-template-page-general .article-content .container.centered {
    max-width: 960px;
  }
}
@media (min-width: 768px) {
  .page-template-membership .memberships, .page-template-page-general .memberships {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.page-template-membership .memberships .membership-item, .page-template-page-general .memberships .membership-item {
  background: #00567B;
  padding: 20px 20px 22px 20px;
  color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(59, 37, 37, 0.1607843137);
  margin-bottom: 20px;
  flex: 1 0 100%;
}
.page-template-membership .memberships .membership-item:nth-child(2), .page-template-page-general .memberships .membership-item:nth-child(2) {
  background: #B80E80;
}
.page-template-membership .memberships .membership-item:nth-child(3), .page-template-page-general .memberships .membership-item:nth-child(3) {
  background: #6F246B;
}
.page-template-membership .memberships .membership-item:nth-child(4), .page-template-page-general .memberships .membership-item:nth-child(4) {
  background: #461D6C;
}
.page-template-membership .memberships .membership-item:nth-child(5), .page-template-page-general .memberships .membership-item:nth-child(5) {
  background: #2B0539;
}
.page-template-membership .memberships .membership-item h3, .page-template-page-general .memberships .membership-item h3 {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-membership .memberships .membership-item h3, .page-template-page-general .memberships .membership-item h3 {
    font-size: 28px;
  }
}
.page-template-membership .memberships .membership-item h3, .page-template-page-general .memberships .membership-item h3 {
  display: flex;
  justify-content: space-between;
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
.page-template-membership .memberships .membership-item .checkbox-label:before, .page-template-page-general .memberships .membership-item .checkbox-label:before {
  border: 2px solid white;
  background-color: transparent;
}
.page-template-membership .memberships .membership-item .checkbox-label:after, .page-template-page-general .memberships .membership-item .checkbox-label:after {
  color: white !important;
}
.page-template-membership .memberships .membership-item .membership-header, .page-template-page-general .memberships .membership-item .membership-header {
  cursor: pointer;
}
.page-template-membership .memberships .membership-item .membership-header[aria-expanded=true] h3 span, .page-template-page-general .memberships .membership-item .membership-header[aria-expanded=true] h3 span {
  transform: rotate(180deg);
}
.page-template-membership .memberships .membership-item .description, .page-template-page-general .memberships .membership-item .description {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  border-top: 1px solid white;
  font-weight: 500;
}
.page-template-membership .memberships .membership-item .benefits, .page-template-page-general .memberships .membership-item .benefits {
  padding-left: 20px;
  padding-bottom: 25px;
}
.page-template-membership .memberships .membership-item .benefits li, .page-template-page-general .memberships .membership-item .benefits li {
  margin-bottom: 5px;
}
.page-template-membership .memberships .membership-item .price, .page-template-page-general .memberships .membership-item .price {
  font-size: 24px;
  color: #2B0539;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .page-template-membership .memberships .membership-item .price, .page-template-page-general .memberships .membership-item .price {
    font-size: 20px;
  }
}
.page-template-membership .memberships .membership-item .price, .page-template-page-general .memberships .membership-item .price {
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.page-template-membership .memberships .membership-item .price a, .page-template-page-general .memberships .membership-item .price a {
  color: currentColor;
}
.page-template-membership .memberships .membership-item .membership-footer, .page-template-page-general .memberships .membership-item .membership-footer {
  display: flex;
}
@media (min-width: 1024px) {
  .page-template-membership .memberships .membership-item .membership-footer, .page-template-page-general .memberships .membership-item .membership-footer {
    justify-content: normal;
  }
  .page-template-membership .memberships .membership-item .membership-footer .button, .page-template-membership .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-membership .memberships .membership-item .membership-footer input[type=submit], .page-template-page-general .memberships .membership-item .membership-footer .button, .page-template-page-general .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-general .memberships .membership-item .membership-footer input[type=submit] {
    margin-right: 8px;
  }
}
.page-template-membership .memberships .membership-item .membership-footer .button, .page-template-membership .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-membership .memberships .membership-item .membership-footer input[type=submit], .page-template-page-general .memberships .membership-item .membership-footer .button, .page-template-page-general .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-general .memberships .membership-item .membership-footer input[type=submit] {
  min-width: 111px;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .page-template-membership .memberships .membership-item .membership-footer .button:last-child, .page-template-membership .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit]:last-child, body .gform_wrapper.gravity-theme .page-template-membership .memberships .membership-item .membership-footer input[type=submit]:last-child, .page-template-page-general .memberships .membership-item .membership-footer .button:last-child, .page-template-page-general .memberships .membership-item .membership-footer body .gform_wrapper.gravity-theme input[type=submit]:last-child, body .gform_wrapper.gravity-theme .page-template-page-general .memberships .membership-item .membership-footer input[type=submit]:last-child {
    margin-right: 0;
  }
}
.page-template-membership .season-events .intro, .page-template-page-general .season-events .intro {
  font-size: 24px;
  color: #2B0539;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .page-template-membership .season-events .intro, .page-template-page-general .season-events .intro {
    font-size: 20px;
  }
}
.page-template-membership .season-events .intro, .page-template-page-general .season-events .intro {
  max-width: 608px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .page-template-membership .season-events .intro, .page-template-page-general .season-events .intro {
    max-width: 800px;
  }
}
.page-template-membership .season-events .hidden, .page-template-page-general .season-events .hidden {
  display: none;
}
.page-template-membership .promo-block-wrapper .promo-block .promo-block-copy, .page-template-page-general .promo-block-wrapper .promo-block .promo-block-copy {
  background: #00567B;
}
.page-template-membership .faq-container-with-heading, .page-template-page-general .faq-container-with-heading {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .page-template-membership .faq-container-with-heading, .page-template-page-general .faq-container-with-heading {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .page-template-membership .faq-container-with-heading, .page-template-page-general .faq-container-with-heading {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  .page-template-membership .faq-container, .page-template-page-general .faq-container {
    max-width: 93%;
  }
}
@media (min-width: 1024px) {
  .page-template-membership .faq-container, .page-template-page-general .faq-container {
    max-width: 58%;
  }
}
@media (min-width: 1280px) {
  .page-template-membership .faq-container, .page-template-page-general .faq-container {
    max-width: 58%;
  }
}
.page-template-membership .show-more-container, .page-template-page-general .show-more-container {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .page-template-membership .show-more-container, .page-template-page-general .show-more-container {
    padding-bottom: 80px;
  }
}

.page-template-page-hire .sections {
  border-top: 1px solid #2B0539;
  border-bottom: 1px solid #2B0539;
  padding-top: 10px;
  color: #2B0539;
}
@media (max-width: 1024px) {
  .page-template-page-hire .sections {
    margin: 26px 0 12px;
    padding-top: 10px;
  }
}
.page-template-page-hire .sections .section-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: bold;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .page-template-page-hire .sections .section-title {
    margin-bottom: 5px;
  }
}
.page-template-page-hire .sections .detail {
  font-weight: 500;
}
.page-template-page-hire .sections p {
  margin-bottom: 10px;
}

.page-template-page-custom-basket .article-header {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .article-header {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    z-index: 1;
    min-height: 570px;
  }
}
.page-template-page-custom-basket #content article {
  position: relative;
}
.page-template-page-custom-basket .article-content {
  z-index: 2;
}
.page-template-page-custom-basket .article-content .basket-container {
  position: relative;
  z-index: 1;
  padding-top: 24px;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .article-title {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }
}
.page-template-page-custom-basket .article-title .subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .article-title .subtitle {
    max-width: 421px;
  }
}
.page-template-page-custom-basket .promo-code-wrapper {
  background: #C5BED9;
  padding: 30px 32px 25px 32px;
}
@media (max-width: 1023px) {
  .page-template-page-custom-basket .promo-code-wrapper {
    margin: -99px 20px 0 20px;
    padding-left: 14px;
    padding-right: 14px;
    position: relative;
    z-index: 2;
  }
}
.page-template-page-custom-basket .promo-code-wrapper h2 {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .promo-code-wrapper h2 {
    font-size: 24px;
  }
}
.page-template-page-custom-basket .promo-code-wrapper h2 {
  color: #2B0539;
  margin-bottom: 9px;
}
.page-template-page-custom-basket .promo-code-wrapper p {
  color: #3C3B3B;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .page-template-page-custom-basket .promo-code-wrapper p {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .page-template-page-custom-basket .promo-code-wrapper .promo-form {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap;
  }
}
.page-template-page-custom-basket .promo-code-wrapper .promo-form .form-item {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .page-template-page-custom-basket .promo-code-wrapper .promo-form .form-item {
    flex: 0 1 calc(39.5% - 10px);
    width: calc(39.5% - 10px);
    margin-right: 10px;
    margin-left: 10px;
  }
}
.page-template-page-custom-basket .promo-code-wrapper .promo-form .promo-applied {
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #2B0539;
  display: inline-block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .page-template-page-custom-basket .promo-code-wrapper .promo-form .button, .page-template-page-custom-basket .promo-code-wrapper .promo-form body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .promo-code-wrapper .promo-form input[type=submit] {
    margin-top: 29px;
  }
}
.page-template-page-custom-basket .basket-wrapper {
  background: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 30px 32px 19px 32px;
  margin-top: 0;
}
@media (max-width: 1023px) {
  .page-template-page-custom-basket .basket-wrapper {
    padding: 0 14px 14px;
  }
}
.page-template-page-custom-basket .basket-wrapper table {
  text-align: left;
  font-weight: 500;
  color: #3C3B3B;
  width: 100%;
}
@media (max-width: 1023px) {
  .page-template-page-custom-basket .basket-wrapper table thead th {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .basket-wrapper table tr th:first-child,
  .page-template-page-custom-basket .basket-wrapper table tr td:first-child {
    padding-left: 14px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .basket-wrapper table tr th:last-child,
  .page-template-page-custom-basket .basket-wrapper table tr td:last-child {
    padding-right: 14px;
  }
}
.page-template-page-custom-basket .basket-wrapper table tr #col-for-blocks {
  text-align: left;
  padding-bottom: 40.5px;
  border-bottom: 1px solid #461D6C;
}
.page-template-page-custom-basket .basket-wrapper table tr #col-for-blocks:first-child {
  padding-left: 0;
}
.page-template-page-custom-basket .basket-wrapper table tr #col-for-blocks:last-child {
  padding-right: 0;
}
.page-template-page-custom-basket .basket-wrapper table th {
  font-size: 22px;
  line-height: 28px;
  color: #461D6C;
  font-weight: 700;
  padding-bottom: 20.5px;
  border-bottom: 1px solid #461D6C;
}
.page-template-page-custom-basket .basket-wrapper table th.item-cell {
  width: 78.8%;
  text-align: left;
}
.page-template-page-custom-basket .basket-wrapper table th.last-cell {
  width: 14.2%;
  text-align: right;
}
.page-template-page-custom-basket .basket-wrapper table td {
  text-align: center;
  vertical-align: top;
}
.page-template-page-custom-basket .basket-wrapper table td.item-cell {
  width: 78.8%;
  text-align: left;
}
@media (max-width: 1023px) {
  .page-template-page-custom-basket .basket-wrapper table td.item-cell {
    width: 51%;
  }
}
.page-template-page-custom-basket .basket-wrapper table td.last-cell {
  width: 14.2%;
  text-align: right;
}
@media (max-width: 1023px) {
  .page-template-page-custom-basket .basket-wrapper table td.last-cell {
    width: 30%;
  }
}
.page-template-page-custom-basket .basket-wrapper table td.padding-top {
  padding-top: 59.5px;
}
.page-template-page-custom-basket .basket-wrapper table .ticket-data {
  display: block;
  margin-bottom: 10px;
}
.page-template-page-custom-basket .basket-wrapper table .ticket-data.ticket-name {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  font-family: "brother-1816", sans-serif;
  color: #461D6C;
  margin-bottom: 10px;
  padding-top: 20.5px;
}
.page-template-page-custom-basket .basket-wrapper table .seats .seat-container {
  display: block;
}
.page-template-page-custom-basket .basket-wrapper table .seats .ticket-seat,
.page-template-page-custom-basket .basket-wrapper table .seats nav {
  display: inline-block;
}
.page-template-page-custom-basket .basket-wrapper table .tickets-management {
  margin-bottom: 20px;
}
.page-template-page-custom-basket .basket-wrapper table .tickets-management ul {
  list-style-type: none;
  display: flex;
}
.page-template-page-custom-basket .basket-wrapper table .tickets-management ul li:first-child {
  margin-right: 20px;
}
.page-template-page-custom-basket .basket-wrapper table .tickets-management ul li a {
  color: #3C3B3B;
  font-weight: bold;
}
.page-template-page-custom-basket .basket-wrapper table tfoot td {
  padding-top: 20.5px;
}
.page-template-page-custom-basket .footer-buttons {
  padding: 0 0 29px 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .footer-buttons {
    display: flex;
    padding: 0;
  }
}
.page-template-page-custom-basket .footer-buttons .button, .page-template-page-custom-basket .footer-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .footer-buttons input[type=submit] {
  width: 100%;
  display: block;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .footer-buttons .button, .page-template-page-custom-basket .footer-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .footer-buttons input[type=submit] {
    margin-left: auto;
    width: inherit;
  }
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .footer-buttons .button, .page-template-page-custom-basket .footer-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .footer-buttons input[type=submit] {
    min-width: 145px;
    width: 145px;
  }
}
.page-template-page-custom-basket .aside-block {
  background: #00567B;
  padding: 18.9px 14px 20px 14px;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .aside-block {
    padding: 18.9px 20px;
  }
}
.page-template-page-custom-basket .aside-block + .aside-block {
  margin-top: 20px;
}
.page-template-page-custom-basket .aside-block h3 {
  font-size: 22px;
  line-height: 26px;
  font-family: "brother-1816", sans-serif;
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
  position: relative;
}
.page-template-page-custom-basket .aside-block h3 .accordion-item-title-button-basket {
  top: -6px;
  position: absolute;
  right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .aside-block h3 .accordion-item-title-button-basket {
    display: none;
  }
}
.page-template-page-custom-basket .aside-block h3 .accordion-item-title-button-basket .icon::before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: rgb(255, 255, 255);
  font-size: 36px;
  margin: 0;
}
.page-template-page-custom-basket .aside-block h3 .accordion-item-title-button-basket.open .icon::before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.page-template-page-custom-basket .aside-block .description {
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
.page-template-page-custom-basket .aside-block .description-wrapper a {
  color: rgb(255, 255, 255);
}
.page-template-page-custom-basket .aside-block .description-wrapper a:visited {
  color: rgb(255, 255, 255);
}
.page-template-page-custom-basket .aside-block ul {
  margin-left: 20px;
}
.page-template-page-custom-basket .aside-block .footer-buttons {
  padding: 0;
}
.page-template-page-custom-basket .aside-block .description-texts {
  display: none;
}
.page-template-page-custom-basket .aside-block .memberships {
  margin-top: 20px;
  position: relative;
  padding-bottom: 62px;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .aside-block .memberships {
    padding-bottom: 82px;
  }
}
.page-template-page-custom-basket .aside-block .memberships .membership .footer-buttons {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.page-template-page-custom-basket .aside-block .memberships .membership:first-child .footer-buttons {
  display: block;
  width: 100%;
}
.page-template-page-custom-basket .aside-block.donations-block {
  background: #B80E80;
}
.page-template-page-custom-basket .aside-block.donations-block .footer-buttons {
  margin-top: 20px;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .aside-block.donations-block .footer-buttons .button, .page-template-page-custom-basket .aside-block.donations-block .footer-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .aside-block.donations-block .footer-buttons input[type=submit] {
    margin-top: 0;
  }
}
.page-template-page-custom-basket .aside-block.donations-block .footer-buttons .dropdown-menu li {
  padding: 4px 0;
  background-color: #c5bed9;
  cursor: pointer;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #3C3B3B;
  width: 58px;
  margin-left: 4px;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-toggle {
  padding: 10px 29px 10px 8px;
  border: none;
  width: 59px;
  height: 42px;
  font-weight: 700;
  letter-spacing: 0.16px;
  color: #3C3B3B;
  position: relative;
  background: rgb(255, 255, 255);
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-toggle::after {
  border-style: solid;
  border: 2px solid #2B0539;
  border-width: 2px 2px 0 0 !important;
  content: "";
  display: inline-block;
  height: 10px;
  left: auto;
  position: relative;
  vertical-align: top;
  width: 10px;
  transform: rotate(135deg);
  position: absolute;
  top: 12px;
  right: 10px;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select.show .dropdown-menu {
  display: block;
  z-index: 1;
  position: relative;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-menu {
  display: none;
  border-radius: 0;
  width: 59px;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-menu .inner {
  overflow-x: hidden;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-menu .inner .dropdown_item ul {
  display: none !important;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-menu ul {
  margin-left: 0;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-menu ul li a {
  color: #3C3B3B;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-item.active,
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-item:active {
  background: #C5BED9;
  color: #2B0539;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-item {
  padding: 8px;
}
.page-template-page-custom-basket .aside-block.donations-block .bootstrap-select .dropdown-item:hover {
  background: #C5BED9;
  color: #2B0539;
}
@media (min-width: 1024px) {
  .page-template-page-custom-basket .aside-block.donations-block .button, .page-template-page-custom-basket .aside-block.donations-block body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .aside-block.donations-block input[type=submit] {
    min-width: 145px;
    width: 145px;
  }
}
@media (min-width: 1280px) {
  .page-template-page-custom-basket .aside-block.donations-block .button, .page-template-page-custom-basket .aside-block.donations-block body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-custom-basket .aside-block.donations-block input[type=submit] {
    min-width: 146px;
    width: 146px;
  }
}

.page-template-page-news-list .news-filter {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .page-template-page-news-list .news-filter {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 10px;
    margin-top: 40px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-news-list .news-filter {
    margin-bottom: 20px;
  }
}
.page-template-page-news-list .news-filter .news-tags-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.2px;
  margin-right: 17px;
}
.page-template-page-news-list .news-filter .news-tags {
  list-style-type: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .page-template-page-news-list .news-filter .news-tags {
    margin-top: 10px;
    padding: 0 22px;
  }
}
.page-template-page-news-list .news-filter .news-tags li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.page-template-page-news-list .news-filter .news-tags li:last-child {
  margin-right: 0;
}
.page-template-page-news-list .news-filter .news-tags li button.applied {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
  border-radius: 0;
  outline: none;
}

@media (max-width: 767px) {
  .home .article-image-inner {
    padding-top: 0;
  }
}
.home .article-title {
  max-width: 767px;
}
.home .article-title h1.season-page + p a {
  display: none;
}
@media (max-width: 767px) {
  .home .article-title .category,
  .home .article-title .above-title {
    display: none;
  }
}
@media (max-width: 768px) {
  .home .article-title .date {
    margin-bottom: 20px;
  }
}
.home .article-title .button, .home .article-title body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .home .article-title input[type=submit] {
  border-color: rgb(255, 255, 255);
}
.home .article-title .button:hover, .home .article-title body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .home .article-title input[type=submit]:hover, .home .article-title .button:focus, .home .article-title body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .home .article-title input[type=submit]:focus {
  background-color: #C4BDD8;
  border-color: #C4BDD8;
  border-radius: 0;
  outline: none;
  color: rgb(255, 255, 255);
}
.home .article-title .button.event, .home .article-title body .gform_wrapper.gravity-theme input.event[type=submit], body .gform_wrapper.gravity-theme .home .article-title input.event[type=submit] {
  border-color: #FFDA00;
}
.home .article-title .button.event:hover, .home .article-title body .gform_wrapper.gravity-theme input.event[type=submit]:hover, body .gform_wrapper.gravity-theme .home .article-title input.event[type=submit]:hover, .home .article-title .button.event:focus, .home .article-title body .gform_wrapper.gravity-theme input.event[type=submit]:focus, body .gform_wrapper.gravity-theme .home .article-title input.event[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
}
.home .info-box {
  position: relative;
  padding: 0;
  margin: 20px 0;
}
@media (min-width: 1024px) {
  .home .info-box {
    margin: 30px 0;
  }
}
@media (min-width: 768px) {
  .home .info-box .container-wrapper {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.home .info-box .info-box-text {
  background: #2B0539;
  color: rgb(255, 255, 255);
  padding: 20px;
}
@media (min-width: 768px) {
  .home .info-box .info-box-text {
    width: 364px;
    margin-left: 22px;
  }
}
@media (min-width: 1024px) {
  .home .info-box .info-box-text {
    width: 548px;
    margin-left: 0;
  }
}
.home .info-box .info-box-text .info-box-title {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .home .info-box .info-box-text .info-box-title {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.home .info-box .info-box-text .info-box-title {
  color: rgb(255, 255, 255);
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .home .info-box .info-box-text .info-box-title {
    margin-bottom: 10px;
  }
}
.home .child-pages-container .owl-carousel {
  padding: 0;
}
@media (min-width: 768px) {
  .home .child-pages-container .owl-carousel {
    margin: 0;
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .home .child-pages-container .owl-carousel {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .home .child-pages-container .owl-carousel.off {
    display: flex;
  }
}
.home .child-pages-container .owl-carousel.off .image-text-card {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .home .child-pages-container .owl-carousel.off .image-text-card {
    margin-right: 20px;
    padding: 0;
    flex: 0 0 31.7%;
    max-width: 31.7%;
  }
}
@media (min-width: 1280px) {
  .home .child-pages-container .owl-carousel.off .image-text-card {
    flex: 0 0 32.1%;
    max-width: 32.1%;
  }
}
@media (min-width: 1024px) {
  .home .child-pages-container .owl-carousel.off .image-text-card:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .home .child-pages-container .owl-nav .owl-next,
  .home .child-pages-container .owl-nav .owl-prev {
    color: #2B0539 !important;
  }
}
.home .content-block.related-articles-container .owl-item {
  margin-right: 16px !important;
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .owl-item {
    margin-right: 10px !important;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-item {
    margin-right: 20px !important;
  }
}
.home .content-block.related-articles-container .owl-prev {
  left: 0;
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .owl-prev {
    left: -36px;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-prev {
    right: -102px;
  }
}
.home .content-block.related-articles-container .owl-next {
  right: 0;
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .owl-next {
    right: -22px;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-next {
    right: -108px;
  }
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .event-block {
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .event-block {
    padding-left: 0;
  }
}
.home .child-pages-container .owl-nav .owl-next,
.home .child-pages-container .owl-nav .owl-prev,
.home .content-block.related-articles-container .owl-nav .owl-next,
.home .content-block.related-articles-container .owl-nav .owl-prev {
  top: 101px;
}
@media (min-width: 768px) {
  .home .child-pages-container .owl-nav .owl-next,
  .home .child-pages-container .owl-nav .owl-prev,
  .home .content-block.related-articles-container .owl-nav .owl-next,
  .home .content-block.related-articles-container .owl-nav .owl-prev {
    left: -29px;
  }
}
@media (min-width: 1024px) {
  .home .child-pages-container .owl-nav .owl-next,
  .home .child-pages-container .owl-nav .owl-prev,
  .home .content-block.related-articles-container .owl-nav .owl-next,
  .home .content-block.related-articles-container .owl-nav .owl-prev {
    left: -38px;
  }
}
.home .child-pages-container .owl-nav .owl-next,
.home .content-block.related-articles-container .owl-nav .owl-next {
  right: 0;
}
@media (min-width: 768px) {
  .home .child-pages-container .owl-nav .owl-next,
  .home .content-block.related-articles-container .owl-nav .owl-next {
    left: auto;
    right: -27px;
  }
}
@media (min-width: 1024px) {
  .home .child-pages-container .event-block .page-block-data .image-text-card-buttons .button, .home .child-pages-container .event-block .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .home .child-pages-container .event-block .page-block-data .image-text-card-buttons input[type=submit],
  .home .content-block.related-articles-container .event-block .page-block-data .image-text-card-buttons .button,
  .home .content-block.related-articles-container .event-block .page-block-data .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit],
  body .gform_wrapper.gravity-theme .home .content-block.related-articles-container .event-block .page-block-data .image-text-card-buttons input[type=submit] {
    min-width: 131px;
  }
}
.home .content-block.related-articles-container .owl-nav .owl-next,
.home .content-block.related-articles-container .owl-nav .owl-prev {
  top: -60px;
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-nav .owl-next,
  .home .content-block.related-articles-container .owl-nav .owl-prev {
    top: 97px;
  }
}
.home .content-block.related-articles-container .owl-nav .owl-prev {
  right: 50px;
  left: auto;
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-nav .owl-prev {
    left: -55px;
    right: auto;
  }
}
.home .content-block.related-articles-container .owl-nav .owl-next {
  right: 0;
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-nav .owl-next {
    left: auto;
    right: -55px;
  }
}
.home .content-block.related-articles-container .owl-dots {
  display: none;
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .owl-dots {
    display: flex;
  }
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .event-block {
    padding-left: 19px;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .event-block {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .home .content-block.related-articles-container .related-block.events h2 {
    margin-left: 18px;
  }
}
@media (min-width: 1024px) {
  .home .content-block.related-articles-container .related-block.events h2 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .home .members-events .content-block.related-articles-container .related-block.events h2 {
    margin-left: 0;
  }
}

@media (min-width: 1024px) {
  .single-job .article-title {
    max-width: none;
  }
}
.single-job .article-title-main-area h1 {
  margin-bottom: 6px;
}
.single-job .article-title-main-area .subtitle {
  margin-bottom: 10px;
}

.single-job .has-sidebar .article-sidebar,
.page-template-page-people .has-sidebar .article-sidebar {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .single-job .has-sidebar .article-sidebar,
  .page-template-page-people .has-sidebar .article-sidebar {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
}
.single-job .has-sidebar .article-body,
.page-template-page-people .has-sidebar .article-body {
  padding-bottom: 30px;
}
@media (min-width: 1024px) {
  .single-job .has-sidebar .article-body,
  .page-template-page-people .has-sidebar .article-body {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding-bottom: 0;
  }
}
.single-job .has-sidebar .article-body-right,
.page-template-page-people .has-sidebar .article-body-right {
  color: #2B0539;
  align-self: baseline;
  padding: 0 20px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .single-job .has-sidebar .article-body-right,
  .page-template-page-people .has-sidebar .article-body-right {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 0;
  }
}
.single-job .has-sidebar .article-body-right .article-body-right-inner,
.page-template-page-people .has-sidebar .article-body-right .article-body-right-inner {
  border-top: 1px solid #2B0539;
  padding-top: 9.5px;
  padding-bottom: 4.5px;
  border-bottom: 1px solid #2B0539;
}
.single-job .has-sidebar .article-body-right h3,
.page-template-page-people .has-sidebar .article-body-right h3 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 5px;
  font-weight: 700;
  color: #2B0539;
}
.single-job .has-sidebar .article-body-right .detail,
.page-template-page-people .has-sidebar .article-body-right .detail {
  font-weight: 500;
  margin: 10px 0;
}

.page-template-page-jobs .jobs-list .image-text-card {
  color: #2B0539;
  margin-bottom: 18px;
  padding: 20px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media (min-width: 1024px) {
  .page-template-page-jobs .jobs-list .image-text-card {
    margin-bottom: 20px;
    max-width: 635px;
  }
}
.page-template-page-jobs .jobs-list .image-text-card.hidden {
  display: none;
}
.page-template-page-jobs .jobs-list .image-text-card .image-text-card-title {
  margin-bottom: 11px;
}
.page-template-page-jobs .jobs-list .image-text-card .image-text-card-text {
  display: block;
}
.page-template-page-jobs .jobs-list .image-text-card .button, .page-template-page-jobs .jobs-list .image-text-card body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-jobs .jobs-list .image-text-card input[type=submit] {
  margin-top: 20px;
  display: inline-block;
}
.page-template-page-jobs .button.show-more, .page-template-page-jobs body .gform_wrapper.gravity-theme input.show-more[type=submit], body .gform_wrapper.gravity-theme .page-template-page-jobs input.show-more[type=submit] {
  margin: 52px auto 0 auto;
  display: block;
}
@media (min-width: 1024px) {
  .page-template-page-jobs .button.show-more, .page-template-page-jobs body .gform_wrapper.gravity-theme input.show-more[type=submit], body .gform_wrapper.gravity-theme .page-template-page-jobs input.show-more[type=submit] {
    display: inline-block;
  }
}

.single-post .article-image-container {
  display: flex;
  min-height: 389px;
  height: 100%;
  width: 100%;
}
.single-post .article-image-container .video-link {
  width: 100%;
}
.single-post .article-image-container .video-link .icon {
  position: absolute;
  top: 50%;
  margin-top: -38.5px;
  left: 50%;
  margin-left: -38.5px;
}
.single-post .article-image-container .video-link .icon::before {
  font-size: 80px;
  margin: 0;
  color: rgb(255, 255, 255);
}
.single-post .article-image-container .audio-file {
  height: auto;
  width: 100%;
  visibility: hidden;
  position: absolute;
}
.single-post .article-title h1 {
  margin-bottom: 10px;
}
.single-post .article-title .category {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}
.single-post .related-articles-container .related-articles {
  margin-left: -10px;
  margin-right: -10px;
}
.single-post .related-articles-container .related-articles .related-item {
  position: relative;
  margin: 0 10px 20px 10px;
}
@media (min-width: 768px) {
  .single-post .related-articles-container .related-articles .related-item {
    flex: 0 1 30.4%;
    width: 30.4%;
  }
}
@media (min-width: 1024px) {
  .single-post .related-articles-container .related-articles .related-item {
    flex: 0 1 31.06%;
    width: 31.06%;
  }
}
@media (min-width: 1280px) {
  .single-post .related-articles-container .related-articles .related-item {
    flex: 0 1 30.68%;
    width: 30.68%;
  }
}
@media (min-width: 768px) {
  .single-post .related-articles-container .related-articles .related-item .image-text-card-buttons {
    display: block;
  }
}
@media (min-width: 1280px) {
  .single-post .related-articles-container .related-articles .related-item .image-text-card-buttons {
    display: flex;
  }
}
.single-post .related-articles-container .related-articles .related-item .button, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit] {
  min-width: auto;
}
@media (min-width: 768px) {
  .single-post .related-articles-container .related-articles .related-item .button, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit] {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .single-post .related-articles-container .related-articles .related-item .button, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit] {
    min-width: 125px;
    width: auto;
  }
}
@media (min-width: 1366px) {
  .single-post .related-articles-container .related-articles .related-item .button, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit] {
    min-width: 136px;
  }
}
@media (min-width: 768px) {
  .single-post .related-articles-container .related-articles .related-item .button:first-child, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit]:first-child, body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit]:first-child {
    margin-bottom: 10px;
  }
}
@media (min-width: 1280px) {
  .single-post .related-articles-container .related-articles .related-item .button:first-child, .single-post .related-articles-container .related-articles .related-item body .gform_wrapper.gravity-theme input[type=submit]:first-child, body .gform_wrapper.gravity-theme .single-post .related-articles-container .related-articles .related-item input[type=submit]:first-child {
    margin-bottom: 0;
  }
}

.page-template-page-our-story h2 {
  font: 700 32px/1.15 "brother-1816", sans-serif;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .page-template-page-our-story h2 {
    font-size: 40px;
    margin-top: 20px;
  }
}
.page-template-page-our-story h2 {
  color: #2B0539;
  margin: 10px 20px 20px 20px;
}
@media (min-width: 768px) {
  .page-template-page-our-story h2 {
    padding: 0 22px;
    margin: 10px auto 14px auto;
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-our-story h2 {
    margin: 20px auto;
    max-width: none;
    padding: 0;
    font: 700 28px/1.2 "brother-1816", sans-serif;
    margin-bottom: 10px;
    color: #2B0539;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .page-template-page-our-story h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.page-template-page-our-story .promo-block-wrapper .promo-block .block-image {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-page-our-story .promo-block-wrapper .promo-block .block-image {
    display: block;
  }
}
.page-template-page-our-story .promo-block-wrapper .promo-block .block-image.mobile {
  display: block;
}
@media (min-width: 768px) {
  .page-template-page-our-story .promo-block-wrapper .promo-block .block-image.mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-template-page-our-story .promo-block-wrapper .promo-block .block-image.tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .page-template-page-our-story .promo-block-wrapper .promo-block .block-image.tablet {
    display: none;
  }
}
.page-template-page-our-story .promo-block-wrapper .promo-block .promo-block-copy {
  background: rgb(255, 255, 255);
  color: #2B0539;
}
.page-template-page-our-story .promo-block-wrapper .promo-block .promo-block-copy h3 {
  color: #2B0539;
}
.page-template-page-our-story .promo-block-wrapper .promo-block .promo-block-copy .button, .page-template-page-our-story .promo-block-wrapper .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-page-our-story .promo-block-wrapper .promo-block .promo-block-copy input[type=submit] {
  border-color: #2B0539;
}
.page-template-page-our-story blockquote {
  max-width: 904px;
  text-align: center;
  margin: 0 auto;
}
.page-template-page-our-story blockquote .quote-text {
  font: 700 24px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-page-our-story blockquote .quote-text {
    font-size: 28px;
  }
}
.page-template-page-our-story blockquote .quote-text {
  margin-bottom: 20px;
  color: #2B0539;
}
.page-template-page-our-story blockquote .author {
  font-weight: 500;
  color: #2B0539;
}
@media (min-width: 768px) {
  .page-template-page-our-story .gallery.content-block {
    margin: 0 auto;
    max-width: 609px;
  }
}
@media (min-width: 1024px) {
  .page-template-page-our-story .gallery.content-block {
    max-width: 740px;
  }
}

.inpage-links-wrapper {
  padding: 0 22px;
}
@media (min-width: 768px) {
  .inpage-links-wrapper {
    margin: 0 auto;
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .inpage-links-wrapper {
    max-width: 960px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .inpage-links-wrapper {
    max-width: 1120px;
  }
}
@media (min-width: 1024px) {
  .inpage-links-wrapper .inpage-link-list.collapse {
    margin-right: auto;
  }
}

.page-template-access-performances .article-sidebar.filters {
  position: relative;
}
@media (min-width: 1024px) {
  .page-template-access-performances .has-sidebar .article-body {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    margin-left: 16.66666667%;
  }
}
@media (min-width: 1280px) {
  .page-template-access-performances .has-sidebar .article-body {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}
.page-template-access-performances .events .access_badges {
  display: block;
}
.page-template-access-performances .events .access_badges .access-item-wrapper {
  display: inline-block;
}
.page-template-access-performances .events .access_badges .access-item-wrapper .access-item {
  align-items: baseline;
}
.page-template-access-performances .events .access_badges .access-item-wrapper .access-item.open::after {
  bottom: 2px;
}
.page-template-access-performances .events .image-text-card-date {
  color: #3C3B3B;
  display: inline-block;
}
.page-template-access-performances .events .image-text-card-read-more {
  display: block;
  margin-bottom: 10px;
}
.page-template-access-performances .events .image-text-card-buttons .button, .page-template-access-performances .events .image-text-card-buttons body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-access-performances .events .image-text-card-buttons input[type=submit] {
  width: 100%;
}

.search-results .search-summary,
.search-no-results .search-summary,
.error404 .search-summary {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .search-results .search-summary,
  .search-no-results .search-summary,
  .error404 .search-summary {
    font-size: 20px;
  }
}
.search-results .search-summary,
.search-no-results .search-summary,
.error404 .search-summary {
  text-align: center;
  color: rgb(0, 0, 0);
  margin-block: 12px 32px;
}

.error404 .card {
  background-color: rgb(255, 255, 255);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 17px 19px 18px 19px;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .error404 .card {
    padding: 10px 15px 18px 15px;
  }
}
@media (min-width: 1024px) {
  .error404 .card {
    padding: 25px 31px 20px 33px;
  }
}
.error404 .card input[type=search] {
  font-weight: 700;
  color: #2B0539;
  font-size: 26px;
  line-height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-family: "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .error404 .card input[type=search] {
    width: 96%;
    font-size: 34px;
    line-height: 40px;
    padding-bottom: 12px;
  }
}
.error404 .card input[type=search]::-webkit-input-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 26px;
  line-height: 32px;
  font-family: "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .error404 .card input[type=search]::-webkit-input-placeholder {
    font-size: 34px;
    line-height: 40px;
  }
}
.error404 .card input[type=search]::-moz-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 26px;
  line-height: 32px;
  font-family: "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .error404 .card input[type=search]::-moz-placeholder {
    font-size: 34px;
    line-height: 40px;
  }
}
.error404 .card input[type=search]:-ms-input-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 26px;
  line-height: 32px;
  font-family: "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .error404 .card input[type=search]:-ms-input-placeholder {
    font-size: 34px;
    line-height: 40px;
  }
}
.error404 .card input[type=search]:-moz-placeholder {
  font-weight: 700;
  color: #2B0539;
  font-size: 26px;
  line-height: 32px;
  font-family: "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .error404 .card input[type=search]:-moz-placeholder {
    font-size: 34px;
    line-height: 40px;
  }
}

.ticket-discounts-container > * + * {
  margin-top: 32px;
}
.ticket-discounts-container h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .ticket-discounts-container h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.ticket-discounts-container h2 {
  color: #2B0539;
}

.page-template-ticket-discounts .events {
  gap: 24px 20px;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 568px) {
  .page-template-ticket-discounts .events {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 740px) {
  .page-template-ticket-discounts .events {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
.page-template-ticket-discounts .events .event-block.hidden {
  display: none;
}

@media (max-width: 1023px) {
  .page-template-digital-library #content {
    padding-top: 129px;
  }
}
.page-template-digital-library .article-title {
  background-color: #461D6C;
}
.page-template-digital-library h2 {
  font: 700 28px/1.2 "brother-1816", sans-serif;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .page-template-digital-library h2 {
    font-size: 34px;
    margin-bottom: 20px;
  }
}
.page-template-digital-library .purchases,
.page-template-digital-library .available {
  margin: 32px 0;
  padding: 24px 0;
}
@media (min-width: 768px) {
  .page-template-digital-library .purchases .row,
  .page-template-digital-library .available .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) {
  .page-template-digital-library .purchases,
  .page-template-digital-library .available {
    padding: 32px 0;
  }
}
.page-template-digital-library .purchases {
  background-color: #F4F2F5;
}
.page-template-digital-library .purchases .event-block .image-text-card-read-more.button.event, .page-template-digital-library .purchases .event-block body .gform_wrapper.gravity-theme input.image-text-card-read-more.event[type=submit], body .gform_wrapper.gravity-theme .page-template-digital-library .purchases .event-block input.image-text-card-read-more.event[type=submit] {
  display: none;
}
.page-template-digital-library .available .event-block .image-text-card-read-more.button:not(.event), .page-template-digital-library .available .event-block body .gform_wrapper.gravity-theme input.image-text-card-read-more[type=submit]:not(.event), body .gform_wrapper.gravity-theme .page-template-digital-library .available .event-block input.image-text-card-read-more[type=submit]:not(.event) {
  display: none;
}
@media (min-width: 768px) {
  .page-template-digital-library .event-block {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .page-template-digital-library .event-block {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media (min-width: 1280px) {
  .page-template-digital-library .event-block {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) {
  .page-template-digital-library .promo-block {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .page-template-digital-library .promo-block {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media (min-width: 1280px) {
  .page-template-digital-library .promo-block {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.page-template-digital-library .promo-block .promo-block-image-wrapper {
  margin-bottom: 10px;
}
.page-template-digital-library .promo-block .promo-block-image-wrapper img {
  width: 100%;
  height: auto;
}
.page-template-digital-library .promo-block .promo-block-copy {
  padding: 12px 16px 16px 16px;
  margin: -45px 15px 20px 15px;
  background-color: #461D6C;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(59, 37, 37, 0.1607843137);
  position: relative;
  color: rgb(255, 255, 255);
}
.page-template-digital-library .promo-block .promo-block-copy h3 {
  font: 700 20px/1.25 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .page-template-digital-library .promo-block .promo-block-copy h3 {
    font-size: 24px;
  }
}
.page-template-digital-library .promo-block .promo-block-copy h3 {
  color: rgb(255, 255, 255);
  margin-bottom: 4px;
}
.page-template-digital-library .promo-block .promo-block-copy .button, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input[type=submit] {
  border-color: rgb(255, 255, 255);
}
@media (min-width: 1024px) {
  .page-template-digital-library .promo-block .promo-block-copy .button, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit], body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input[type=submit] {
    min-width: auto;
    padding: 10px 12px;
  }
}
.page-template-digital-library .promo-block .promo-block-copy .button:hover, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:hover, body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input[type=submit]:hover, .page-template-digital-library .promo-block .promo-block-copy .button:focus, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input[type=submit]:focus, body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input[type=submit]:focus {
  background-color: #C4BDD8;
  border-color: #C4BDD8;
  color: #2B0539;
}
.page-template-digital-library .promo-block .promo-block-copy .button.tertiary, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit], body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input.tertiary[type=submit] {
  border-color: #FFDA00;
}
.page-template-digital-library .promo-block .promo-block-copy .button.tertiary:hover, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:hover, body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input.tertiary[type=submit]:hover, .page-template-digital-library .promo-block .promo-block-copy .button.tertiary:focus, .page-template-digital-library .promo-block .promo-block-copy body .gform_wrapper.gravity-theme input.tertiary[type=submit]:focus, body .gform_wrapper.gravity-theme .page-template-digital-library .promo-block .promo-block-copy input.tertiary[type=submit]:focus {
  background-color: #B80E80;
  border-color: #B80E80;
  color: rgb(255, 255, 255);
}

@media (max-width: 1023px) {
  .single-digitalevent #content {
    padding-top: 129px;
  }
}
.single-digitalevent .article-title {
  background-color: #461D6C;
}
.single-digitalevent .block-title {
  color: #2B0539;
}
.single-digitalevent .video-placeholder {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .single-digitalevent .video-placeholder {
    padding-bottom: 60px;
    background-color: #F4F2F5;
  }
}
.single-digitalevent .breadcrumb {
  flex: 1 0 100%;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 0;
  margin: 0;
  margin-left: -10px;
}
@media (max-width: 767px) {
  .single-digitalevent .breadcrumb {
    order: 10;
  }
}
.single-digitalevent .breadcrumb a {
  display: flex;
  align-items: center;
}
.single-digitalevent .breadcrumb .icon-arrow-left {
  font-size: 24px;
}
.single-digitalevent .article-image {
  flex: 1 0 100%;
}
.single-digitalevent .article-image-inner {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .single-digitalevent .article-image-inner {
    padding-bottom: 56.5%;
  }
}
.single-digitalevent .article-image[data-video] {
  cursor: pointer;
}
.single-digitalevent .article-image[data-video] .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  color: white;
}
.single-digitalevent .article-image[data-video] .icon:before {
  font-size: 100px;
  margin: 0;
}
.single-digitalevent .article-sidebar {
  padding: 0;
}
@media (max-width: 767px) {
  .single-digitalevent .article-sidebar {
    order: -1;
  }
  .single-digitalevent .article-sidebar.premium {
    order: 10;
  }
}
.single-digitalevent .article-sidebar h3 {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .single-digitalevent .article-sidebar h3 {
    margin-bottom: 10px;
  }
}
.single-digitalevent .article-sidebar h3 {
  font-family: "azo-sans-web", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .single-digitalevent .article-sidebar .accordion-item-title-button {
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.single-digitalevent .access-performances {
  padding: 17px 25px 23px 19px;
  background-color: #461D6C;
  color: rgb(255, 255, 255);
}
.single-digitalevent .access-performances h3 {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .single-digitalevent .access-performances h3 {
    font-size: 20px;
  }
}
.single-digitalevent .access-performances h3 {
  margin-bottom: 15px;
  text-transform: none !important;
  color: rgb(255, 255, 255);
}
.single-digitalevent .access-performances .access {
  margin-bottom: 15px;
  height: 30px;
}
.single-digitalevent .access-performances .access span {
  font: 700 16px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .single-digitalevent .access-performances .access span {
    margin-bottom: 10px;
  }
}
.single-digitalevent .access-performances .access span {
  color: rgb(255, 255, 255);
}
.single-digitalevent .access-performances a {
  display: flex;
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.single-digitalevent .access-performances a:before {
  margin-right: 10px;
  font-family: "fontello";
  font-size: 30px;
}
.single-digitalevent .access-performances a.bsl:before {
  content: "\e83b";
}
.single-digitalevent .access-performances a.bsl:hover:before {
  content: "\e83c";
}
.single-digitalevent .access-performances a.audio-described:before {
  content: "\e83a";
}
.single-digitalevent .access-performances a.audio-described:hover:before {
  content: "\e83d";
}
.single-digitalevent .access-performances a:hover span {
  text-decoration: underline;
}
.single-digitalevent .text-block {
  margin-bottom: 30px;
}
.single-digitalevent .text-block--premium {
  padding-top: 20px;
  font-size: 24px;
  color: #2B0539;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .single-digitalevent .text-block--premium {
    font-size: 20px;
  }
}
.single-digitalevent .text-block--premium {
  color: #707070;
}
@media (min-width: 1024px) {
  .single-digitalevent .text-block--premium {
    padding-top: 65px;
  }
}
.single-digitalevent .text-block--login {
  font-size: 24px;
  color: #2B0539;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .single-digitalevent .text-block--login {
    font-size: 20px;
  }
}
.single-digitalevent .text-block--login {
  color: #707070;
}
.single-digitalevent .text-block--login h2 {
  font: 700 18px/1.2 "brother-1816", sans-serif;
}
@media (min-width: 1024px) {
  .single-digitalevent .text-block--login h2 {
    font-size: 20px;
  }
}
.single-digitalevent .text-block--login h2 {
  color: #2B0539;
}

.spektrix-page > .container {
  max-width: none !important;
  padding: 0;
  position: relative;
}

.page-template-spektrix-page .article-header {
  display: none;
}
@media (min-width: 1024px) {
  .page-template-spektrix-page .article-header {
    display: block;
    position: absolute;
    top: 119px;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    z-index: 1;
    min-height: 570px;
  }
}
.page-template-spektrix-page .article-content {
  z-index: 2;
}
.page-template-spektrix-page .article-content #SpektrixIFrame {
  width: 100%;
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-template-spektrix-page .article-content #SpektrixIFrame {
    position: relative;
    max-width: 740px;
    margin-top: 129px;
  }
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-up {
  from {
    transform: translateY(101%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes reveal {
  0% {
    clip-path: inset(0% 0% 100% 0%);
  }
  100% {
    clip-path: inset(0%);
  }
}
:root {
  --width--full--padded: calc(100% - (var(--section--margin-inline) * 2));
  --width--xs: 838px;
  --width--xs--padded: min(var(--width--xs), var(--width--full--padded));
  --width--s: 934px;
  --width--s--padded: min(var(--width--s), var(--width--full--padded));
  --width--m: 796px;
  --width--m--padded: min(var(--width--m), var(--width--full--padded));
  --width--l: 1047px;
  --width--l--padded: min(var(--width--l), var(--width--full--padded));
  --width--xl: 1200px;
  --width--xl--padded: min(var(--width--xl), var(--width--full--padded));
  --width--max: 1366px;
  --width--max--padded: min(var(--width--max), var(--width--full--padded));
  --width--fluid-min: 390px;
  --width--fluid-min--padded: min(var(--width--fluid-min), var(--width--full--padded));
  --width--fluid-max: 1200px;
  --width--fluid-max--padded: min(var(--width--fluid-max), var(--width--full--padded));
}

:root {
  --color--black: #000;
  --color--black--hsl: 0deg, 0%, 0%;
  --color--black--h: 0deg;
  --color--black--s: 0%;
  --color--black--l: 0%;
  --color--white: #fff;
  --color--white--hsl: 0deg, 0%, 100%;
  --color--white--h: 0deg;
  --color--white--s: 0%;
  --color--white--l: 100%;
  --color--off-white: #f6f9ed;
  --color--off-white--hsl: 75deg, 50%, 95.2941176471%;
  --color--off-white--h: 75deg;
  --color--off-white--s: 50%;
  --color--off-white--l: 95.2941176471%;
  --color--cream: #f4f2ba;
  --color--cream--hsl: 57.9310344828deg, 72.5%, 84.3137254902%;
  --color--cream--h: 57.9310344828deg;
  --color--cream--s: 72.5%;
  --color--cream--l: 84.3137254902%;
  --color--purple-dark: #2B0539;
  --color--purple-dark--hsl: 283.8461538462deg, 83.8709677419%, 12.1568627451%;
  --color--purple-dark--h: 283.8461538462deg;
  --color--purple-dark--s: 83.8709677419%;
  --color--purple-dark--l: 12.1568627451%;
  --color--purple-primary: #461D6C;
  --color--purple-primary--hsl: 271.1392405063deg, 57.6642335766%, 26.862745098%;
  --color--purple-primary--h: 271.1392405063deg;
  --color--purple-primary--s: 57.6642335766%;
  --color--purple-primary--l: 26.862745098%;
  --color--lilac-dark: #C0B6C9;
  --color--lilac-dark--hsl: 271.5789473684deg, 14.9606299213%, 75.0980392157%;
  --color--lilac-dark--h: 271.5789473684deg;
  --color--lilac-dark--s: 14.9606299213%;
  --color--lilac-dark--l: 75.0980392157%;
  --color--lilac-primary: #C4BDD8;
  --color--lilac-primary--hsl: 255.5555555556deg, 25.7142857143%, 79.4117647059%;
  --color--lilac-primary--h: 255.5555555556deg;
  --color--lilac-primary--s: 25.7142857143%;
  --color--lilac-primary--l: 79.4117647059%;
  --color--violet: #8638CF;
  --color--violet--hsl: 270.9933774834deg, 61.1336032389%, 51.568627451%;
  --color--violet--h: 270.9933774834deg;
  --color--violet--s: 61.1336032389%;
  --color--violet--l: 51.568627451%;
  --color--blue: #00567B;
  --color--blue--hsl: 198.0487804878deg, 100%, 24.1176470588%;
  --color--blue--h: 198.0487804878deg;
  --color--blue--s: 100%;
  --color--blue--l: 24.1176470588%;
  --color--cyan: #49BCC3;
  --color--cyan--hsl: 183.4426229508deg, 50.4132231405%, 52.5490196078%;
  --color--cyan--h: 183.4426229508deg;
  --color--cyan--s: 50.4132231405%;
  --color--cyan--l: 52.5490196078%;
  --color--pink-lighter: #F91BF5;
  --color--pink-lighter--hsl: 301.0810810811deg, 94.8717948718%, 54.1176470588%;
  --color--pink-lighter--h: 301.0810810811deg;
  --color--pink-lighter--s: 94.8717948718%;
  --color--pink-lighter--l: 54.1176470588%;
  --color--pink-primary: #B80E80;
  --color--pink-primary--hsl: 319.7647058824deg, 85.8585858586%, 38.8235294118%;
  --color--pink-primary--h: 319.7647058824deg;
  --color--pink-primary--s: 85.8585858586%;
  --color--pink-primary--l: 38.8235294118%;
  --color--yellow: #FFDA00;
  --color--yellow--hsl: 51.2941176471deg, 100%, 50%;
  --color--yellow--h: 51.2941176471deg;
  --color--yellow--s: 100%;
  --color--yellow--l: 50%;
  --color--neutral-100: #F4F2F5;
  --color--neutral-100--hsl: 280deg, 13.0434782609%, 95.4901960784%;
  --color--neutral-100--h: 280deg;
  --color--neutral-100--s: 13.0434782609%;
  --color--neutral-100--l: 95.4901960784%;
  --color--neutral-200: #ededed;
  --color--neutral-200--hsl: 0deg, 0%, 92.9411764706%;
  --color--neutral-200--h: 0deg;
  --color--neutral-200--s: 0%;
  --color--neutral-200--l: 92.9411764706%;
  --color--neutral-300: #d9d9d9;
  --color--neutral-300--hsl: 0deg, 0%, 85.0980392157%;
  --color--neutral-300--h: 0deg;
  --color--neutral-300--s: 0%;
  --color--neutral-300--l: 85.0980392157%;
  --color--neutral-400: #CDCDCD;
  --color--neutral-400--hsl: 0deg, 0%, 80.3921568627%;
  --color--neutral-400--h: 0deg;
  --color--neutral-400--s: 0%;
  --color--neutral-400--l: 80.3921568627%;
  --color--neutral-500: #9B9B9B;
  --color--neutral-500--hsl: 0deg, 0%, 60.7843137255%;
  --color--neutral-500--h: 0deg;
  --color--neutral-500--s: 0%;
  --color--neutral-500--l: 60.7843137255%;
  --color--neutral-600: #595959;
  --color--neutral-600--hsl: 0deg, 0%, 34.9019607843%;
  --color--neutral-600--h: 0deg;
  --color--neutral-600--s: 0%;
  --color--neutral-600--l: 34.9019607843%;
  --color--neutral-700: #707070;
  --color--neutral-700--hsl: 0deg, 0%, 43.9215686275%;
  --color--neutral-700--h: 0deg;
  --color--neutral-700--s: 0%;
  --color--neutral-700--l: 43.9215686275%;
  --color--accent: #000000;
  --color--accent--hsl: 0deg, 0%, 0%;
  --color--accent--h: 0deg;
  --color--accent--s: 0%;
  --color--accent--l: 0%;
  --color--focus: #000;
  --color--focus--hsl: 0deg, 0%, 0%;
  --color--focus--h: 0deg;
  --color--focus--s: 0%;
  --color--focus--l: 0%;
  --color--error: #e02929;
  --color--error--hsl: 0deg, 74.693877551%, 51.9607843137%;
  --color--error--h: 0deg;
  --color--error--s: 74.693877551%;
  --color--error--l: 51.9607843137%;
  --color--error-light: #f5ebeb;
  --color--error-light--hsl: 0deg, 33.3333333333%, 94.1176470588%;
  --color--error-light--h: 0deg;
  --color--error-light--s: 33.3333333333%;
  --color--error-light--l: 94.1176470588%;
  --color--success: #000;
  --color--success--hsl: 0deg, 0%, 0%;
  --color--success--h: 0deg;
  --color--success--s: 0%;
  --color--success--l: 0%;
  --color--success-light: #f6f9ed;
  --color--success-light--hsl: 75deg, 50%, 95.2941176471%;
  --color--success-light--h: 75deg;
  --color--success-light--s: 50%;
  --color--success-light--l: 95.2941176471%;
  --color--disabled: #bababa;
  --color--disabled--hsl: 0deg, 0%, 72.9411764706%;
  --color--disabled--h: 0deg;
  --color--disabled--s: 0%;
  --color--disabled--l: 72.9411764706%;
  --color--background: #fff;
  --color--background--hsl: 0deg, 0%, 100%;
  --color--background--h: 0deg;
  --color--background--s: 0%;
  --color--background--l: 100%;
  --color--text: #000;
  --color--text--hsl: 0deg, 0%, 0%;
  --color--text--h: 0deg;
  --color--text--s: 0%;
  --color--text--l: 0%;
  --space--xxs: 4px;
  --space--xs: 8px;
  --space--s: 12px;
  --space--m: 16px;
  --space--l: 24px;
  --space--xl: 32px;
  --space--xxl: 40px;
  --space--layout--xs: 48px;
  --space--layout--s: 64px;
  --space--layout--m: 80px;
  --space--layout--l: 100px;
  --space--layout--xl: 130px;
  --space--layout: calc(32 * 1px + (48 - 32) * var(--fluid--bp));
  --space--base: var(--space--l);
  --space--prose: var(
      --space--base
  );
  --space--stack: var(
      --space--base
  );
  --fs--base: 1rem;
  --fs--body: 1rem;
  --fs--body-xs: 0.75rem;
  --fs--body-s: 0.875rem;
  --fs--body-l: calc(18 / 16 * 1rem + (20 - 18) * var(--fluid--bp));
  --fs--body-xl: calc(20 / 16 * 1rem + (24 - 20) * var(--fluid--bp));
  --fs--hero: calc(48 / 16 * 1rem + (144 - 48) * var(--fluid--bp));
  --fs--xxl: calc(48 / 16 * 1rem + (80 - 48) * var(--fluid--bp));
  --fs--xl: calc(48 / 16 * 1rem + (60 - 48) * var(--fluid--bp));
  --fs--l: calc(36 / 16 * 1rem + (60 - 36) * var(--fluid--bp));
  --fs--heading-l: calc(36 / 16 * 1rem + (48 - 36) * var(--fluid--bp));
  --fs--h1: calc(32 / 16 * 1rem + (40 - 32) * var(--fluid--bp));
  --fs--h2: calc(28 / 16 * 1rem + (34 - 28) * var(--fluid--bp));
  --fs--h3: calc(24 / 16 * 1rem + (28 - 24) * var(--fluid--bp));
  --fs--h4: calc(20 / 16 * 1rem + (24 - 20) * var(--fluid--bp));
  --fs--h5: calc(18 / 16 * 1rem + (20 - 18) * var(--fluid--bp));
  --fs--h6: 1rem;
  --fs--xs: 1rem;
  --fs--promo: calc(32 / 16 * 1rem + (60 - 32) * var(--fluid--bp));
  --fs--page-header: calc(40 / 16 * 1rem + (96 - 40) * var(--fluid--bp));
  --fw--normal: 400;
  --fw--medium: 500;
  --fw--bold: 700;
  --fw--black: 900;
  --ff--primary: "azo-sans-web", sans-serif;
  --ff--secondary: "brother-1816", sans-serif;
  --text-underline-offset: 0.15em;
  --heading--margin-top: var(--space--prose);
  --heading--margin-bottom: 16px;
  --border-radius--s: 4px;
  --border-radius--m: 6px;
  --border-radius--l: 15px;
  --border--1: 1px solid var(--color--black);
  --transition--duration: 200ms;
  --transition--base: var(--transition--duration) ease-out;
  --btn--size: 48px;
  --btn--icon-size: 40px;
  --btn--border-width: 2px;
  --btn--padding-block: 10px;
  --btn--padding-inline: 24px;
  --btn--border-radius: 0px;
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
  --link--color: inherit;
  --link--color--hover: inherit;
  --link--text-decoration: underline;
  --link--text-decoration--hover: underline;
  --article-content--margin-block: 24px;
}

@media (min-width: 75em) {
  :root {
    --article-content--margin-block: 48px;
  }
}
:root {
  --container--padding-inline: calc(16 * 1px + (48 - 16) * var(--fluid--bp));
  --section--max-width: var(--width--l);
  --section--margin-inline: var(--container--padding-inline);
  --section--margin-block: var(--space--layout);
  --section--padding-inline: var(--container--padding-inline);
  --section--padding-block: var(--space--layout);
  --form--column-gap: 16px;
  --form--row-gap: calc(32 / 16 * 1rem + (36 - 32) * var(--fluid--bp));
  --form--label-spacing: 8px;
  --form--field--row-gap: var(--space--xs);
  --form--field--column-gap: var(--space--s);
  --input--background-color: var(--color--white);
  --input--background-color--focus: var(--color--white);
  --input--border-width: 1px;
  --input--border-color: currentColor;
  --input--border-radius: 0;
  --input--color: currentColor;
  --input--gap: var(--space--xs);
  --input--padding-block: calc(11px - var(--input--border-width));
  --input--padding-inline: calc(11px - var(--input--border-width));
  --input--placeholder-color: currentColor;
  --checkbox--size: 1.5em;
  --checkbox--check-size: 1.125em;
  --checkbox--checkmark-size: 1em;
  --checkbox--input--background-color: transparent;
  --radio--size: 1.5em;
  --radio--check-size: 1.125em;
  --grid--column-gap: var(--space--base);
  --grid--row-gap: var(--space--xl);
  --grid--columns: 1;
  --grid--item--min-width: 21.875rem;
}

@media (min-width: 48em) {
  :root {
    --grid--columns: 2;
    --grid--column-gap: var(--space--l);
    --grid--row-gap: var(--space--xxl);
  }
}
@media (min-width: 62em) {
  :root {
    --grid--columns: 4;
  }
}
:root {
  --table--header--background-color: var(--color--white);
  --table--header--border: var(--border--1);
  --table--row--padding-block: var(--space--l);
  --table--row--padding-inline: var(--space--xs);
  --table--row--background-color--even: var(--color--white);
  --table--row--background-color--odd: var(--color--neutral-100);
  --fluid--min-width: 390;
  --fluid--max-width: 1200;
  --fluid--screen: 100vw;
  --fluid--bp: calc(
      (var(--fluid--screen) - var(--fluid--min-width) / 16 * 1rem) /
          (var(--fluid--max-width) - var(--fluid--min-width))
  );
}

@media screen and (min-width: 1200px) {
  :root {
    --fluid--screen: calc(var(--fluid--max-width) * 1px);
  }
}
:root {
  --uri-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.6 21.3a1 1 0 0 1-1-1V3.4l-7.9 8A1 1 0 0 1 .3 9.8L9.9.3a1 1 0 0 1 1.4 0L21 9.9a1 1 0 0 1-1.5 1.4l-7.9-7.9v16.9c0 .5-.4 1-1 1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --uri-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 24'%3E%3Cpath stroke='%23000' d='M.9 12a11.5 11.5 0 1 1 23 0 11.5 11.5 0 0 1-23 0Z'/%3E%3Cpath fill='%23000' d='M17.3 15.5 16 17 7.4 8.5 8.8 7l8.5 8.4Z'/%3E%3Cpath fill='%23000' d='m16 7 1.3 1.5-8.5 8.4-1.4-1.4L16 7.1Z'/%3E%3C/svg%3E");
  --uri-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 32 32'%3E%3Cpath d='M11.94 28.88 0 16.93l5.7-5.7 6.24 6.25L26.31 3.13 32 8.82'/%3E%3C/svg%3E");
}

/* More intuitive box sizing model */
*,
*::before,
*::after {
  box-sizing: border-box;
  min-width: 0;
}

/* Remove default margins */
:where(body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd) {
  margin: 0;
}

/* Prevent font size inflation */
html {
  text-size-adjust: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

/* Allow percentage-based heights */
html,
body {
  height: 100%;
}

/* Set core body defaults */
body {
  min-height: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

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

/* Remove built-in form typography styles */
input,
button,
textarea,
select {
  font: inherit;
}

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

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

small {
  font-size: 80%;
}

:where(form) {
  margin: 0;
}

.type-hero {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--hero);
  line-height: 0.95;
}

.type-heading-xxl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xxl);
  line-height: 1.25;
}

.type-heading-xl {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--xl);
  line-height: 1.25;
}

.type-heading-l {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--l);
  line-height: 1.25;
}

.ticket-quantity-buttons__counter, h1,
.type-h1 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h1);
  line-height: 1.15;
}

.seating-plan__video-dialog .booking-pathway__header, .seating-plan__video-dialog .dialog-container .booking-pathway__header, .extras-instance__title, h2,
.type-h2 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h2);
  line-height: 1.2;
}

.customer-donation-history__donation-amount, .membership-prompt__title,
.donation-prompt__title, .basket-item__title, .order-summary .booking-pathway__header, .donate-per-ticket__summary--total, .booking-pathway__header, h3,
.type-h3 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h3);
  line-height: 1.2;
}

.account-overview-navigation__list--header, .prompt__title, .booking-pathway__summary .basket-summary .basket-summary__total, .booking-pathway__no-results--title, h4,
.type-h4 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h4);
  line-height: 1.25;
}

.past-orders .order-content__header, .donation-slider-block__title, .prompt__header, .membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header, .basket-item__groupe-title, .instance-event-summary__title, .confirmed-order__header, h5,
.type-h5 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h5);
  line-height: 1.2;
}

.personalised-offer__title, .accessibility-key__title, .seat-info-dialog__header, .seat-info-dialog__seat-name, .view-alternative-dates__title-row, .booking-pathway__filters .booking-pathway__header, .extras-instance__price, .booking-pathway__summary .booking-pathway__header, .donate-per-ticket__carousel--status, .donate-per-ticket__header, .donate-per-ticket__heading--info, .donate-per-ticket__summary--donation, .booking-pathway__header--aside, .booking-pathway__preferences--form legend, .details--accessibility-key[open] summary, .form-field__label,
.btn--link,
.btn--more, h6,
.type-h6 {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--h6);
  line-height: 1.2;
}

.type-heading-xs {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--bold);
  font-size: var(--fs--xs);
  text-transform: uppercase;
  line-height: 1.14;
}

.type-heading-promo {
  font-family: var(--ff--secondary);
  font-weight: var(--fw--black);
  font-size: var(--fs--promo);
  line-height: 1.13;
}

.type-heading-page-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: var(--fs--page-header);
  line-height: 1.12;
}

.type-card-header {
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  font-size: 2rem;
  line-height: 1;
}

.type-card-date {
  font-family: var(--ff--primary);
  font-variation-settings: "wght" var(--fw--normal);
  font-size: var(--fs--base);
  line-height: 1.4;
}

.btn, .btn--filter,
.btn--pill,
.type-button {
  font-family: var(--ff--primary);
  font-size: var(--fs--base);
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  line-height: 1;
}

.details--basket summary,
.type-body-xs {
  --space--prose: 16px;
  font-family: var(--ff--primary);
  font-size: var(--fs--body-xs);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}

@media (min-width: 48em) {
  .details--basket summary,
  .type-body-xs {
    font-weight: var(--fw--normal);
    font-variation-settings: "wght" var(--fw--normal);
  }
}
.booking-pathway__thanks-message,
.error-block,
.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5,
.type-body-s {
  --space--prose: 20px;
  font-family: var(--ff--primary);
  font-size: var(--fs--body-s);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.4;
}

.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter, .access-item-wrapper--booking .access-item,
.access-item-wrapper--basket .access-item, body,
.type-body {
  font-family: var(--ff--primary);
  font-size: var(--fs--body);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  line-height: 1.4;
}

.type-body-l {
  font-size: var(--fs--body-l);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}

.type-body-xl {
  font-size: var(--fs--body-xl);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1.4;
}

.view-alternative-dates__dialog .booking-pathway__header,
.seat-info-dialog .booking-pathway__header,
.seating-plan__video-dialog .booking-pathway__header, label,
.label,
legend,
.type-input-label {
  font-family: var(--ff--primary);
  font-size: var(--fs--body);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  line-height: 1;
}

html {
  color: var(--color--foreground);
  background-color: var(--color--background);
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  text-underline-offset: var(--text-underline-offset);
}

.page-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.SpektrixFooter {
  display: none;
}

:where(p, ul, ol, table, iframe, embed, hr, address, pre, dl, fieldset):where(:not([class~=not-prose] *)) {
  margin-block: var(--space--prose);
}

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

:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) {
  margin-block-start: var(--heading--margin-top, 0px);
  margin-block-end: var(--heading--margin-bottom, 0px);
}

:where(h1, h2, h3, h4, h5, h6):where(:not([class~=not-prose] *)) + p {
  margin-top: var(--heading--margin-bottom);
}

strong,
b {
  font-weight: normal;
  font-variation-settings: "wght" var(--fw--bold);
}

details,
summary {
  list-style: none;
}

::-webkit-details-marker,
summary::marker {
  display: none;
}

ul,
ol {
  padding-left: 1.2em;
}

li {
  position: relative;
  margin-bottom: 0.5em;
}

li:last-child {
  margin-bottom: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
[role=list] {
  margin: 0;
  padding: 0;
  list-style: none;
}

[role=list] li {
  list-style-image: none;
  margin-bottom: 0;
}

[role=list] li::after {
  content: none;
}

button,
[type=submit] {
  font-family: var(--ff--secondary);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  appearance: none;
  padding: 0;
  cursor: pointer;
  color: currentColor;
}

svg {
  width: 100%;
  height: auto;
}

svg:where(:not(.svg--stroke)) {
  fill: currentColor;
}

:where(.svg--stroke) path {
  stroke: currentColor;
}

*:focus-visible {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}

*:focus-visible:not(:focus-visible):focus-visible, *:focus-visible:not(:focus-visible):active {
  outline-style: none;
  outline-width: 0;
}

.force-show {
  display: flex !important;
}

.force-hide {
  display: none !important;
}

.container {
  width: 100%;
  max-width: var(--container--width, var(--width--max));
  margin-inline: auto;
}

:where(.container:not(.container .container)) {
  padding-inline: var(--container--padding-inline);
}

.upsell-block, .customer-membership, .preferences-block, .account-navigation,
.has-black-background-color {
  --color--background: var(--color--black);
  background-color: var(--color--background);
  --color--foreground: var(--color--off-white);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: var(--color--off-white);
  --btn--border-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--off-white);
  --btn--border-color--hover: var(--color--off-white);
  --input--background-color: transparent;
}

.has-black-color {
  color: var(--color--black);
}

.has-white-background-color {
  --color--background: var(--color--white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--venue-accent, var(--color--black));
  --btn--color--hover: var(--color--white);
}

.has-white-color {
  color: var(--color--white);
}

.has-off-white-background-color {
  --color--background: var(--color--off-white);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --color--disabled: #898a83;
}

.has-off-white-color {
  color: var(--color--off-white);
}

.has-cream-background-color {
  --color--background: var(--color--cream);
  background-color: var(--color--background);
  --color--foreground: var(--color--black);
  --focus--color: var(--color--foreground);
  color: var(--color--foreground);
  --btn--background-color: transparent;
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.has-cream-color {
  color: var(--color--cream);
}

.upsell-block__overview-upsell, .upsell-block__orders-upsell,
.has-purple-dark-background-color {
  --color--background: var(--color--purple-dark);
  background-color: var(--color--background);
}

.has-purple-dark-color {
  color: var(--color--purple-dark);
}

.has-purple-primary-background-color {
  --color--background: var(--color--purple-primary);
  background-color: var(--color--background);
}

.has-purple-primary-color {
  color: var(--color--purple-primary);
}

.has-lilac-dark-background-color {
  --color--background: var(--color--lilac-dark);
  background-color: var(--color--background);
}

.has-lilac-dark-color {
  color: var(--color--lilac-dark);
}

.has-lilac-primary-background-color {
  --color--background: var(--color--lilac-primary);
  background-color: var(--color--background);
}

.has-lilac-primary-color {
  color: var(--color--lilac-primary);
}

.has-violet-background-color {
  --color--background: var(--color--violet);
  background-color: var(--color--background);
}

.has-violet-color {
  color: var(--color--violet);
}

.has-blue-background-color {
  --color--background: var(--color--blue);
  background-color: var(--color--background);
}

.has-blue-color {
  color: var(--color--blue);
}

.upsell-block__help-upsell, .upsell-block__preferences-upsell,
.has-cyan-background-color {
  --color--background: var(--color--cyan);
  background-color: var(--color--background);
}

.has-cyan-color {
  color: var(--color--cyan);
}

.has-pink-lighter-background-color {
  --color--background: var(--color--pink-lighter);
  background-color: var(--color--background);
}

.has-pink-lighter-color {
  color: var(--color--pink-lighter);
}

.customer-donation-history,
.has-pink-primary-background-color {
  --color--background: var(--color--pink-primary);
  background-color: var(--color--background);
}

.has-pink-primary-color {
  color: var(--color--pink-primary);
}

.personalised-offers,
.has-yellow-background-color {
  --color--background: var(--color--yellow);
  background-color: var(--color--background);
}

.has-yellow-color {
  color: var(--color--yellow);
}

.has-neutral-100-background-color {
  --color--background: var(--color--neutral-100);
  background-color: var(--color--background);
}

.has-neutral-100-color {
  color: var(--color--neutral-100);
}

.has-neutral-200-background-color {
  --color--background: var(--color--neutral-200);
  background-color: var(--color--background);
}

.has-neutral-200-color {
  color: var(--color--neutral-200);
}

.has-neutral-300-background-color {
  --color--background: var(--color--neutral-300);
  background-color: var(--color--background);
}

.has-neutral-300-color {
  color: var(--color--neutral-300);
}

.has-neutral-400-background-color {
  --color--background: var(--color--neutral-400);
  background-color: var(--color--background);
}

.has-neutral-400-color {
  color: var(--color--neutral-400);
}

.has-neutral-500-background-color {
  --color--background: var(--color--neutral-500);
  background-color: var(--color--background);
}

.has-neutral-500-color {
  color: var(--color--neutral-500);
}

.has-neutral-600-background-color {
  --color--background: var(--color--neutral-600);
  background-color: var(--color--background);
}

.has-neutral-600-color {
  color: var(--color--neutral-600);
}

.has-neutral-700-background-color {
  --color--background: var(--color--neutral-700);
  background-color: var(--color--background);
}

.has-neutral-700-color {
  color: var(--color--neutral-700);
}

.has-accent-background-color {
  --color--background: var(--color--accent);
  background-color: var(--color--background);
}

.has-accent-color {
  color: var(--color--accent);
}

.has-focus-background-color {
  --color--background: var(--color--focus);
  background-color: var(--color--background);
}

.has-focus-color {
  color: var(--color--focus);
}

.has-error-background-color {
  --color--background: var(--color--error);
  background-color: var(--color--background);
}

.has-error-color {
  color: var(--color--error);
}

.has-error-light-background-color {
  --color--background: var(--color--error-light);
  background-color: var(--color--background);
}

.has-error-light-color {
  color: var(--color--error-light);
}

.has-success-background-color {
  --color--background: var(--color--success);
  background-color: var(--color--background);
}

.has-success-color {
  color: var(--color--success);
}

.has-success-light-background-color {
  --color--background: var(--color--success-light);
  background-color: var(--color--background);
}

.has-success-light-color {
  color: var(--color--success-light);
}

.has-disabled-background-color {
  --color--background: var(--color--disabled);
  background-color: var(--color--background);
}

.has-disabled-color {
  color: var(--color--disabled);
}

.has-background-background-color {
  background-color: var(--color--background);
}

.has-background-color {
  color: var(--color--background);
}

.has-text-background-color {
  --color--background: var(--color--text);
  background-color: var(--color--background);
}

.has-text-color {
  color: var(--color--text);
}

.grid--auto,
.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr));
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}

.grid--auto {
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid--item--min-width, 21.875rem), 100%), 1fr));
}

.flex-grid {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
}

.flex-grid > *,
.flex-grid-item {
  width: calc(100% / var(--grid--columns) - var(--grid--column-gap, 0px) + var(--grid--column-gap, 0px) / var(--grid--columns));
}

.flex-list {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--grid--column-gap, 0px);
  row-gap: var(--grid--row-gap, 0px);
  align-items: center;
  justify-content: flex-start;
}

.mask-icon,
.btn--mask-icon::before,
.btn--mask-icon--after::after,
.btn--filter::after,
.btn--pill::after {
  width: var(--icon--size, 1em);
  height: var(--icon--size, 1em);
  background-color: currentColor;
  content: "";
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: var(--icon--url);
}

.img-fit {
  position: relative;
  display: block;
  overflow: hidden;
}

.img-fit > * {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: var(--img-fit--object-fit, cover);
}

.img-fit--contain {
  --img-fit--object-fit: contain;
}

.personalised-offer__introduction > *:first-child, .upsell-block__introduction > *:first-child, .push-notification__content > *:first-child, .extras-instance__header--content > *:first-child, .extras-instance__summary > *:first-child, .error-text > *:first-child,
.wysiwyg-content > *:first-child, .section > *:first-child, .section__inner > *:first-child,
.section > [class*=__inner] > *:first-child,
.margin-trim > *:first-child {
  margin-block-start: 0;
}

.personalised-offer__introduction > *:last-child, .upsell-block__introduction > *:last-child, .push-notification__content > *:last-child, .extras-instance__header--content > *:last-child, .extras-instance__summary > *:last-child, .error-text > *:last-child,
.wysiwyg-content > *:last-child, .section > *:last-child, .section__inner > *:last-child,
.section > [class*=__inner] > *:last-child,
.margin-trim > *:last-child {
  margin-block-end: 0;
}

.margin-trim-start > *:first-child {
  margin-block-start: 0;
}

.margin-trim-end > *:last-child {
  margin-block-end: 0;
}

.card-carousel > *, .top-picks__cards > *,
.discount-event-feed__cards > *,
:where(.stack) > * {
  margin-block: 0;
}

.card-carousel :where(.stack > * + *), .top-picks__cards :where(.stack > * + *),
.discount-event-feed__cards :where(.stack > * + *),
:where(.stack) :where(.stack > * + *) {
  margin-block-start: var(--space--stack);
}

.card-carousel > * + *, .top-picks__cards > * + *,
.discount-event-feed__cards > * + * {
  margin-block-start: var(--space--stack);
}

:where(.stack--xxs) > * + * {
  --space--stack: var(--space--xxs);
}

:where(.stack--xs) > * + * {
  --space--stack: var(--space--xs);
}

:where(.stack--s) > * + * {
  --space--stack: var(--space--s);
}

:where(.stack--m) > * + * {
  --space--stack: var(--space--m);
}

:where(.stack--l) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--xl) > * + * {
  --space--stack: var(--space--l);
}

:where(.stack--layout) > * + * {
  --space--stack: var(--space--layout);
}

:where(:any-link),
.link,
.btn--link,
.btn--more {
  color: var(--link--color);
  text-decoration: var(--link--text-decoration);
}

:where(:any-link):focus-visible, :where(:any-link):active,
.link:focus-visible,
.link:active,
.btn--link:focus-visible,
.btn--more:focus-visible,
.btn--link:active,
.btn--more:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
}

@media (hover: hover) {
  :where(:any-link):hover,
  .link:hover,
  .btn--link:hover,
  .btn--more:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
  }
}
.link--secondary {
  color: var(--link--color);
  text-decoration: var(--link--text-decoration);
  font-variation-settings: "wght" var(--fw--bold);
}

.link--secondary:focus-visible, .link--secondary:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
}

@media (hover: hover) {
  .link--secondary:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
  }
}
.btn--black {
  --btn--background-color: var(--color--black);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--secondary,
.btn--white {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-200);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

.btn--white-lilac {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--white);
  --btn--color: var(--color--purple-primary);
  --btn--background-color--hover: var(--color--lilac-primary);
  --btn--border-color--hover: var(--color--lilac-primary);
  --btn--color--hover: var(--color--white);
}

.btn--primary,
.btn--yellow-pink {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--pink-primary);
  --btn--border-color--hover: var(--color--pink-primary);
  --btn--color--hover: var(--color--white);
}

.btn--pink-yellow {
  --btn--background-color: var(--color--pink-primary);
  --btn--border-color: var(--color--pink-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--yellow);
  --btn--border-color--hover: var(--color--yellow);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--purpuloutline-purple {
  --btn--background-color: var(--color--white);
  --btn--border-color: var(--color--purple-dark);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--border-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
}

.btn--yellow-white {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--white);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--purple-neutral100 {
  --btn--background-color: var(--color--purple-primary);
  --btn--border-color: var(--color--purple-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--neutral-100);
  --btn--border-color--hover: var(--color--neutral-100);
  --btn--color--hover: var(--color--purple-dark);
}

.btn--cyan-purple {
  --btn--background-color: var(--color--cyan);
  --btn--border-color: var(--color--cyan);
  --btn--color: var(--color--purple-dark);
  --btn--background-color--hover: #C3E6E8;
  --btn--border-color--hover: #C3E6E8;
  --btn--color--hover: var(--color--purple-dark);
}

.btn--neutral-200 {
  --btn--background-color: var(--color--neutral-200);
  --btn--border-color: var(--color--black);
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--neutral-300);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--black);
}

p.btn {
  margin-block: 0;
  pointer-events: none;
}

.btn--filter,
.btn--pill,
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--btn--padding-block) var(--btn--padding-inline);
  gap: 0.75rem;
  min-height: 44px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: var(--btn--border-width) solid var(--btn--border-color);
  border-radius: var(--btn--border-radius, 0px);
  background-color: var(--btn--background-color);
  color: var(--btn--color);
  transition: all var(--transition--base);
  transition-property: background-color, color, border-color, box-shadow, transform;
}

.btn--filter:focus-visible,
.btn--pill:focus-visible, .btn--filter:active,
.btn--pill:active,
.btn:focus-visible,
.btn:active {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
  text-decoration: none;
}

@media (hover: hover) {
  .btn--filter:hover,
  .btn--pill:hover,
  .btn:hover {
    background-color: var(--btn--background-color--hover);
    color: var(--btn--color--hover);
    border-color: var(--btn--border-color--hover);
    text-decoration: none;
  }
}
.btn--filter svg,
.btn--pill svg,
.btn svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.coming-soon.btn--filter,
.coming-soon.btn--pill,
.btn.coming-soon {
  --btn--background-override: var(--color--yellow);
  --btn--border-color-override: var(--color--yellow);
}

.application-closed.btn--filter,
.application-closed.btn--pill,
.btn.application-closed {
  --btn--background-override: var(--color--black);
  --btn--color-override: var(--color--off-white);
  --btn--border-color-override: var(--color--off-white);
}

[type=reset].btn--filter,
[type=reset].btn--pill,
.btn[type=reset] {
  --btn--background-color: var(--color--off-white);
  --btn--color: var(--color--black);
  --btn--border-color: var(--color--off-white);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--black);
  --btn--padding-inline: 20px;
}

[type=reset][aria-hidden=true].btn--filter,
[type=reset][aria-hidden=true].btn--pill,
.btn[type=reset][aria-hidden=true] {
  display: none;
}

@media (min-width: 48em) {
  .btn--lg {
    --btn--padding-block: 18px;
    --btn--padding-inline: 30px;
    font-size: 1.5rem;
  }
}
.carousel__controls--prev__text:disabled, .carousel__controls--next__text:disabled, .btn--filter:disabled,
.btn--pill:disabled, .disabled.btn--filter,
.disabled.btn--pill,
.btn:disabled,
.btn.disabled,
.btn--disabled {
  background-color: var(--color--neutral-100);
  border-color: var(--color--neutral-100);
  color: var(--color--lilac-primary);
  pointer-events: none;
}

.btn--more,
.btn--link {
  --btn--icon-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-variation-settings: "wght" var(--fw--bold);
  background-color: unset;
  padding: unset;
  text-align: inherit;
  border: 0;
  border-radius: 0;
  transition: none;
  text-decoration: var(--link--text-decoration);
}

.btn--more svg,
.btn--link svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.btn--more:focus-visible,
.btn--more:active,
.btn--link:focus-visible,
.btn--link:active {
  color: var(--link--color--hover);
  text-decoration: var(--link--text-decoration--hover);
  background-color: unset;
}

@media (hover: hover) {
  .btn--more:hover,
  .btn--link:hover {
    color: var(--link--color--hover);
    text-decoration: var(--link--text-decoration--hover);
    background-color: unset;
  }
}
.btn--more {
  --link--text-decoration: 'none';
  font-variation-settings: "wght" var(--fw--medium);
  font-weight: var(--fw--medium);
  font-size: inherit;
  font-family: inherit;
}

.donation-slider > .btn, .btn--remove, .btn--play,
.btn--square {
  padding: 0 0.3em;
  min-width: var(--btn--size, 2.75rem);
  min-height: var(--btn--size, 2.75rem);
  z-index: 1;
  border-radius: var(--btn--border-radius, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.donation-slider > .btn svg, .btn--remove svg, .btn--play svg,
.btn--square svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.btn--play {
  --btn--icon-size: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color--white);
  border: 1px solid var(--color--white);
  transition: background-color var(--transition--base);
}

.btn--play:hover, .btn--play:focus-visible {
  background-color: var(--color--black);
}

.btn--mask-icon {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}

.btn--filter,
.btn--pill,
.btn--mask-icon--after {
  --icon--size: var(--btn--icon-size, 1em);
  position: relative;
  overflow: hidden;
}

.carousel__controls--prev, .carousel__controls--next,
[data-control-prev],
[data-control-next] {
  --space--gap: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--btn--border-color, var(--color--black));
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
  transition: all var(--transition--base);
}

.carousel__controls--prev svg, .carousel__controls--next svg,
[data-control-prev] svg,
[data-control-next] svg {
  width: calc(var(--btn--size) / 2.5);
}

.carousel__controls--prev:disabled, .carousel__controls--next:disabled,
[data-control-prev]:disabled,
[data-control-next]:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.carousel__controls--prev:disabled:hover, .carousel__controls--next:disabled:hover, .carousel__controls--prev:disabled:focus-visible, .carousel__controls--next:disabled:focus-visible,
[data-control-prev]:disabled:hover,
[data-control-prev]:disabled:focus-visible,
[data-control-next]:disabled:hover,
[data-control-next]:disabled:focus-visible {
  background-color: var(--btn--background-color, transparent);
  color: var(--btn--color, var(--color--black));
}

.carousel__controls--prev:hover, .carousel__controls--next:hover, .carousel__controls--prev:focus-visible, .carousel__controls--next:focus-visible,
[data-control-prev]:hover,
[data-control-prev]:focus-visible,
[data-control-next]:hover,
[data-control-next]:focus-visible {
  background-color: var(--btn--background-color--hover, transparent);
  color: var(--btn--color--hover, var(--color--black));
}

.carousel__controls--prev, .carousel__controls--prev__text,
[data-control-prev] {
  transform: translateX(calc((var(--btn--size) / 2 + var(--space--gap) / 2) * -1));
}

.carousel__controls--prev svg, .carousel__controls--prev__text svg,
[data-control-prev] svg {
  transform: rotate(-90deg);
}

.carousel__controls--next, .carousel__controls--next__text,
[data-control-next] {
  transform: translateX(calc(var(--btn--size) / 2 + var(--space--gap) / 2));
}

.carousel__controls--next svg, .carousel__controls--next__text svg,
[data-control-next] svg {
  transform: rotate(90deg);
}

.btn--cross {
  width: var(--btn--size);
  height: var(--btn--size);
}

.btn--cross svg {
  transform: rotate(45deg);
}

.btn--ticket,
.btn--icon {
  --btn--icon-size: 1.3em;
}

.btn--ticket svg,
.btn--icon svg {
  width: auto;
  transform: translateY(-2px);
  flex-shrink: 0;
}

.btn--ticket {
  --btn--icon-size: 1em;
}

.btn--ticket svg {
  transform: rotate(30deg) translateY(-2px);
}

.btn--search .icon--arrow svg {
  transform: rotate(-90deg);
}

.btn--search[aria-expanded=false] .icon--arrow {
  display: none;
}

.btn--search[aria-expanded=true] .icon--magnify {
  display: none;
}

.btn--search[aria-expanded=false] .icon--magnify {
  animation: fade-in 0.2s linear forwards;
}

.btn--search[aria-expanded=true] .icon--arrow {
  animation: fade-in 0.3s linear forwards;
}

.btn--play-pause .pause-icon {
  display: none;
}

.btn--play-pause svg {
  height: 16px;
  width: auto;
}

.btn--play-pause.playing .play-icon {
  display: none;
}

.btn--play-pause.playing .pause-icon {
  display: block;
}

.btn--primary-cta {
  --btn--background-color: var(--venue-accent, transparent);
  --btn--border-color: var(--venue-accent, var(--color--white));
}

[type=radio]:has(~ .btn--checkbox), [type=radio]:has(~ .btn--pill),
[type=checkbox]:has(~ .btn--checkbox),
[type=checkbox]:has(~ .btn--pill) {
  position: absolute;
  top: 0;
  right: 100vw;
  height: 0;
  width: 0;
  opacity: 0;
}

[type=radio]:checked ~ .btn--checkbox,
[type=radio]:checked ~ .btn--pill,
[type=checkbox]:checked ~ .btn--checkbox,
[type=checkbox]:checked ~ .btn--pill {
  background-color: var(--btn--background-color--hover);
  color: var(--btn--color--hover);
  border-color: var(--btn--border-color--hover);
}

.btn--filter,
.btn--pill {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
  --btn--border-color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
  --btn--border-color--hover: var(--color--purple-dark);
  --icon--url: var(--uri-cross);
  --btn--border-width: 1px;
  --icon--size: 18px;
  padding: 12px 19px;
  gap: 8px;
  line-height: 1;
  font-weight: var(--fw--bold);
}

.btn--filter::after,
.btn--pill::after {
  transform: translateY(-1px);
}

.btn--filter[aria-selected=false]::after,
.btn--pill[aria-selected=false]::after {
  display: none;
}

.btn--filter[name=reset],
.btn--pill[name=reset] {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--purple-dark);
}

.btn--remove {
  --btn--size: 24px;
  --btn--icon-size: 0.8em;
  padding: 0;
  border: 0;
}

@media (min-width: 48em) {
  .btn--remove {
    margin-top: 10px;
  }
}
.btn--remove svg {
  transform: rotate(45deg);
}

.btn--success {
  --btn--background-color: var(--color--pink-primary);
  --btn--border-color: var(--color--pink-primary);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1em;
}

.btn--success svg {
  transform: translateY(-1px);
}

.cog-select {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0.5em 2em 0.5em 1em;
  border: var(--input--border-width, 1px) solid var(--input--border-color, #ccc);
  border-radius: var(--input--border-radius, 4px);
  background: var(--input--background-color, #fff);
  color: var(--input--color, #000);
  font-family: inherit;
  font-size: 1rem;
  line-height: inherit;
  box-shadow: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382823 0.817787C-0.0565166 1.25713 -0.0565165 1.96944 0.382823 2.40878L5.15579 7.18175C5.59513 7.62109 6.30744 7.62109 6.74678 7.18175C7.18612 6.74241 7.18612 6.0301 6.74678 5.59076L1.97381 0.817787C1.53447 0.378447 0.822163 0.378447 0.382823 0.817787Z' fill='black'/%3E%3Cpath d='M11.617 0.817819C11.1777 0.378479 10.4654 0.378479 10.026 0.817819L5.25307 5.59079C4.81373 6.03013 4.81373 6.74244 5.25307 7.18178C5.69241 7.62112 6.40472 7.62112 6.84406 7.18178L11.617 2.40881C12.0564 1.96947 12.0564 1.25716 11.617 0.817819Z' fill='black'/%3E%3C/svg%3E");
  background-position: right 1em top 50%;
  background-repeat: no-repeat;
  background-size: 0.8em auto;
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
}

.access-item-wrapper--booking .access-item,
.access-item-wrapper--basket .access-item {
  display: flex;
  gap: 8px;
  color: var(--color--black);
  letter-spacing: 0;
  line-height: 1.5;
  cursor: pointer;
}

.access-item-wrapper--booking .access-item svg,
.access-item-wrapper--basket .access-item svg {
  width: 24px;
  height: 24px;
  margin: 0;
}

.access-item-wrapper--booking:hover .info-circle--simple, .access-item-wrapper--booking.open .info-circle--simple,
.access-item-wrapper--basket:hover .info-circle--simple,
.access-item-wrapper--basket.open .info-circle--simple {
  display: none;
}

.access-item-wrapper--booking:hover .info-circle--full, .access-item-wrapper--booking.open .info-circle--full,
.access-item-wrapper--basket:hover .info-circle--full,
.access-item-wrapper--basket.open .info-circle--full {
  display: block;
}

.access-item-wrapper--booking .tooltiptext,
.access-item-wrapper--basket .tooltiptext {
  bottom: auto;
  top: 33px;
  width: 150px;
  display: flex;
  gap: 8px;
  padding: 9px 12px;
}

@media (min-width: 48em) {
  .access-item-wrapper--booking .tooltiptext,
  .access-item-wrapper--basket .tooltiptext {
    width: 250px;
  }
}
.access-item-wrapper--booking .tooltiptext:after,
.access-item-wrapper--basket .tooltiptext:after {
  top: -8px;
  bottom: auto;
  border-width: 11px;
  border-bottom-color: #F4F2F5;
  border-top: transparent;
}

.access-item-wrapper--booking .tooltiptext .info-circle,
.access-item-wrapper--basket .tooltiptext .info-circle {
  margin: 0;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.access-item-wrapper--booking .tooltiptext p,
.access-item-wrapper--basket .tooltiptext p {
  margin: 0;
}

.basket-summary__item--primary .access-item-wrapper--booking .tooltiptext:after,
.basket-summary__item--primary .access-item-wrapper--basket .tooltiptext:after {
  right: 74px !important;
  left: auto !important;
}

.basket-item__ticket-list--area .access-item-wrapper--booking .tooltiptext,
.basket-item__ticket-list--area .access-item-wrapper--basket .tooltiptext {
  left: -11px !important;
  right: auto !important;
  z-index: 3;
}

.info-circle--simple {
  display: block;
}

.info-circle--full {
  display: none;
}

.select-ticket-type--select select {
  padding: 7px 32px 7px 16px;
  background-size: 0.85em auto;
  font-weight: var(--fw--normal);
  color: var(--color--purple-dark);
  border-color: var(--color--purple-dark);
}

.section {
  margin-block-end: var(--section--margin-block);
}

.section__heading {
  margin: 0 0 var(--heading--margin-bottom, 0px);
}

.section__heading p {
  margin: 0;
}

.section__header {
  margin-bottom: var(--space--base);
}

@media (min-width: 48em) {
  .section__header:where(:has(.section__header--button)) {
    display: flex;
    align-items: flex-start;
  }
}
.section__header--text-content {
  flex: 1;
}

.section__header--button {
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  min-height: var(--btn--size);
}

.section__header--button svg {
  height: 0.9em;
  width: auto;
  transform: rotate(90deg) translateX(-6px);
}

@media (min-width: 48em) {
  .section__header--button svg {
    display: none;
  }
}
.section.has-background {
  padding-block: var(--section--padding-block);
}

:where(.section:not(:first-child)) {
  margin-block-start: var(--section--margin-block);
}

.theme-kings {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yello);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.theme-kings .section__heading {
  color: var(--color--yello);
}

.theme-festival {
  --btn--background-color: var(--color--blue);
  --btn--border-color: var(--color--blue);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.theme-festival .section__heading {
  color: var(--color--blue);
}

.theme-studio {
  --btn--background-color: var(--color--yellow);
  --btn--border-color: var(--color--yellow);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--black);
  --btn--border-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
}

.theme-studio .section__heading {
  color: var(--color--yellow);
}

.table {
  border-collapse: collapse;
  width: 100%;
  line-height: inherit;
}

.table th,
.table td {
  padding: var(--table--row--padding-block) var(--table--row--padding-inline);
}

.table th {
  height: var(--table--header--height);
  background-color: var(--table--header--background-color);
  border-bottom: var(--table--header--border);
  font-variation-settings: "wght" var(--fw--bold);
  text-align: left;
}

.table td {
  height: var(--table--row--height);
}

.table td:first-child {
  text-align: left;
}

.table tr:nth-child(even) {
  background-color: var(--table--row--background-color--even);
}

.table tr:nth-child(odd) {
  background-color: var(--table--row--background-color--odd);
}

.table tfoot::before {
  content: "";
  display: block;
  height: var(--space--layout);
}

.table tfoot tr:first-of-type {
  border-top: var(--border--1);
}

.table tfoot .label {
  font-variation-settings: "wght" var(--fw--bold);
}

.table tfoot .grand-total td {
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}

.responsive-table {
  overflow-x: scroll;
  overflow-y: hidden;
}

.responsive-table > table {
  margin-block: 0;
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea, select {
  display: block;
  width: 100%;
  padding-top: calc(var(--input--padding-block) + 1px);
  padding-bottom: calc(var(--input--padding-block) - 1px);
  padding-inline: var(--input--padding-inline);
  border: var(--input--border-width) solid var(--input--border-color);
  border-radius: var(--input--border-radius);
  background: var(--input--background-color);
  box-shadow: none;
  color: var(--input--color);
  font-family: inherit;
  line-height: inherit;
}

select {
  position: relative;
  min-width: 6em;
  max-width: 100%;
}

select:not([multiple]) {
  padding-right: 2em;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.382823 0.817787C-0.0565166 1.25713 -0.0565165 1.96944 0.382823 2.40878L5.15579 7.18175C5.59513 7.62109 6.30744 7.62109 6.74678 7.18175C7.18612 6.74241 7.18612 6.0301 6.74678 5.59076L1.97381 0.817787C1.53447 0.378447 0.822163 0.378447 0.382823 0.817787Z' fill='black'/%3E%3Cpath d='M11.617 0.817819C11.1777 0.378479 10.4654 0.378479 10.026 0.817819L5.25307 5.59079C4.81373 6.03013 4.81373 6.74244 5.25307 7.18178C5.69241 7.62112 6.40472 7.62112 6.84406 7.18178L11.617 2.40881C12.0564 1.96947 12.0564 1.25716 11.617 0.817819Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 0.6875em auto;
  cursor: pointer;
}

select:not([multiple]):focus-visible, select:not([multiple]):active {
  background-color: transparent;
}

.form-grid {
  display: grid;
  grid-auto-flow: row;
  column-gap: var(--form--row-gap);
  row-gap: var(--form--row-gap);
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "left left left right right right";
}

.form-grid > * {
  grid-column: 1/-1;
}

@media (min-width: 36em) {
  .form-item--left {
    grid-column: left;
  }
}
@media (min-width: 36em) {
  .form-item--right {
    grid-column: right;
  }
}
.form-field--compound {
  display: flex;
  flex-flow: row wrap;
  gap: var(--space--s);
  align-items: flex-start;
}

.form-field--compound label,
.form-field--compound .label {
  width: 100%;
}

::placeholder {
  color: var(--input--placeholder-color);
  opacity: 1;
}

fieldset {
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0;
}

fieldset + fieldset {
  margin-top: var(--form--row-gap);
}

label,
.label,
legend {
  display: inline-block;
  cursor: pointer;
  margin-bottom: var(--form--label-spacing);
  padding: 0;
}

.form-field__label {
  margin-top: var(--form--row-gap);
  margin-bottom: 8px;
}

textarea {
  resize: vertical;
}

input.datepicker {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 18'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4.8.6c.2 0 .4.2.4.4v1.2h5.6V1a.4.4 0 0 1 .8 0v1.2H13c.4 0 .7.1 1 .3.6.3 1 .7 1.3 1.2l.3 1.1v10c0 .4-.1.7-.3 1-.3.6-.7 1-1.2 1.3l-1.1.3H3c-.4 0-.7-.1-1-.3-.6-.3-1-.7-1.3-1.2l-.3-1.1v-10c0-.4.1-.7.3-1 .3-.6.7-1 1.2-1.3L3 2.2h1.4V1c0-.2.2-.4.4-.4ZM4.4 3H3.1l-.8.2a2 2 0 0 0-.9.9l-.2.8V7h13.6V5l-.2-.8a2 2 0 0 0-.9-.9L13 3h-1.3v1.2a.4.4 0 1 1-.8 0V3H5.2v1.2a.4.4 0 1 1-.8 0V3Zm10.4 4.8H1.2v6.9l.2.8c.2.4.5.7.9.9l.8.2h9.8l.8-.2c.4-.2.7-.5.9-.9l.2-.8V7.8Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-position: right var(--input--padding-block) top 50%;
  background-repeat: no-repeat;
  background-size: 1.3em auto;
}

.form-field--checkbox-radio,
.form-field--radio,
.form-field--checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  padding-top: 3px;
  font-variation-settings: "wght" var(--fw--normal);
}

.form-field--checkbox-radio + .form-field--checkbox,
.form-field--checkbox-radio + .form-field--radio,
.form-field--radio + .form-field--checkbox,
.form-field--checkbox + .form-field--checkbox,
.form-field--radio + .form-field--radio,
.form-field--checkbox + .form-field--radio {
  margin-top: 20px;
}

.form-field--checkbox-radio > *,
.form-field--radio > *,
.form-field--checkbox > * {
  grid-column: label;
  justify-self: flex-start;
}

.form-field--checkbox-radio [type=checkbox],
.form-field--checkbox-radio [type=radio],
.form-field--checkbox-radio .input,
.form-field--radio [type=checkbox],
.form-field--checkbox [type=checkbox],
.form-field--radio [type=radio],
.form-field--checkbox [type=radio],
.form-field--radio .input,
.form-field--checkbox .input {
  grid-area: input;
}

.form-field--checkbox-radio [role=tab],
.form-field--radio [role=tab],
.form-field--checkbox [role=tab] {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "input label";
  column-gap: var(--input--gap);
  row-gap: var(--space--xxs);
  align-items: center;
}

.form-field--checkbox-radio [role=tab][aria-selected=true] .input::before, .form-field--checkbox-radio [role=tab][aria-selected=true] .input::after,
.form-field--radio [role=tab][aria-selected=true] .input::before,
.form-field--checkbox [role=tab][aria-selected=true] .input::before,
.form-field--radio [role=tab][aria-selected=true] .input::after,
.form-field--checkbox [role=tab][aria-selected=true] .input::after {
  opacity: 1;
}

.form-field--checkbox-radio:where(:has([role=tab])),
.form-field--radio:where(:has([role=tab])),
.form-field--checkbox:where(:has([role=tab])) {
  display: block;
}

.form-field--checkbox-radio label,
.form-field--checkbox-radio .label,
.form-field--radio label,
.form-field--checkbox label,
.form-field--radio .label,
.form-field--checkbox .label {
  line-height: 1;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}

[type=checkbox],
[type=radio],
.form-field--radio [role=tab] .input {
  position: relative;
  appearance: none;
  background-color: var(--checkbox--input--background-color);
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: currentColor;
  width: var(--checkbox--size);
  height: var(--checkbox--size);
  border: var(--input--border-width) solid var(--input--border-color);
  transform: translateY(-6px);
}

[type=checkbox]::before,
[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: var(--checkbox--check-size);
  height: var(--checkbox--check-size);
  opacity: 0;
  background-color: var(--color--accent);
}

[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  --color--accent: var(--color--neutral-400);
  color: var(--color--disabled);
  cursor: not-allowed;
}

[type=checkbox]:disabled ~ label,
[type=checkbox]:disabled .label,
[type=radio]:disabled ~ label,
[type=radio]:disabled .label,
.form-field--radio [role=tab] .input:disabled ~ label,
.form-field--radio [role=tab] .input:disabled .label {
  color: var(--color--disabled);
  cursor: not-allowed;
}

[type=checkbox] ~ label:where(:not(.btn--pill)),
[type=checkbox] .label,
[type=radio] ~ label:where(:not(.btn--pill)),
[type=radio] .label,
.form-field--radio [role=tab] .input ~ label:where(:not(.btn--pill)),
.form-field--radio [role=tab] .input .label {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  margin-bottom: 0;
}

[type=checkbox]:where(:not(:checked)) ~ .btn--pill::after,
[type=radio]:where(:not(:checked)) ~ .btn--pill::after,
.form-field--radio [role=tab] .input:where(:not(:checked)) ~ .btn--pill::after {
  display: none;
}

[type=checkbox]:disabled,
[type=radio]:disabled,
.form-field--radio [role=tab] .input:disabled {
  color: var(--color--neutral-600);
}

[type=checkbox]:checked::before, [type=checkbox]:checked::after,
[type=radio]:checked::before,
[type=radio]:checked::after,
.form-field--radio [role=tab] .input:checked::before,
.form-field--radio [role=tab] .input:checked::after {
  opacity: 1;
}

[type=checkbox] {
  border-radius: var(--input--border-radius);
}

[type=checkbox]::before, [type=checkbox]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[type=checkbox]::before {
  background-color: transparent;
  transition: all var(--transition--base);
  transition-property: background-color;
}

[type=checkbox]::after {
  content: "";
  width: var(--checkbox--checkmark-size);
  height: var(--checkbox--checkmark-size);
  mask-image: var(--uri-tick);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  background-color: currentColor;
  opacity: 0;
  transition: all var(--transition--base);
  transition-property: background-color;
}

[type=radio],
.form-field--radio [role=tab] .input {
  --check-scale: 1;
  border-radius: 50%;
}

[type=radio]::before,
.form-field--radio [role=tab] .input::before {
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(var(--check-scale, 0));
}

.width--xs {
  max-width: var(--width--xs);
}

.width--s {
  max-width: var(--width--s);
}

.width--m {
  max-width: var(--width--m);
}

.width--l {
  max-width: var(--width--l);
}

.width--xl {
  max-width: var(--width--xl);
}

.width--max {
  max-width: var(--width--max);
}

.width--fluid-min {
  max-width: var(--width--fluid-min);
}

.width--fluid-max {
  max-width: var(--width--fluid-max);
}

.width--full {
  max-width: 100%;
}

.width--full--padded {
  max-width: var(--width--full--padded);
}

.wysiwyg-content {
  --heading--margin-top: 12px;
  --heading--margin-bottom: 24px;
}

.wysiwyg-content figure {
  max-width: 100% !important;
}

.small {
  font-size: 0.875rem;
}

.wp-caption {
  position: relative;
}

.wp-caption .wp-caption-text {
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--color--white);
  font-size: 0.875rem;
  padding: 8px var(--container--padding-inline);
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 62em) {
  .wp-caption .wp-caption-text {
    padding-inline: 12px;
  }
}
.error-block {
  padding: var(--space--m);
  border: 1px solid var(--color--error);
  background-color: var(--color--error-light);
  color: var(--color--black);
  margin-bottom: var(--space--m);
  outline: 0;
}

.error-block h2,
.error-block h3,
.error-block h4,
.error-block h5 {
  margin: 0;
  text-transform: none;
}

.error-block:empty {
  display: none;
}

dialog,
.dialog-container {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0);
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
}

dialog::-webkit-scrollbar,
.dialog-container::-webkit-scrollbar {
  display: none;
}

.dialog-container {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-behavior: smooth;
  background-color: var(--dialog--background-color, var(--color--black));
  color: var(--dialog--color, var(--color--white));
  padding: calc(var(--btn--size) + 24px) var(--container--padding-inline) var(--section--margin-inline);
}

.dialog-container[aria-hidden=true] {
  visibility: hidden;
}

[data-dialog-close].btn--cross,
.btn--dialog-close {
  position: absolute;
  top: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  right: var(--container--padding-inline);
  z-index: 20;
}

.dialog-overlay {
  background-color: rgba(0, 0, 0, 0.95);
}

.dialog-content {
  margin: auto;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}

.dialog-content > .btn {
  --btn--backgorund-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--border-color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
  margin-top: 24px;
  max-width: 220px;
  margin-inline: auto;
}

.dialog-content:has(> .btn:last-child) {
  padding-bottom: 64px;
}

.date-picker .flatpickr-calendar {
  width: 100%;
  border: 1px solid var(--color--black);
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  max-height: 100% !important;
}

@media (min-width: 75em) {
  .date-picker .flatpickr-calendar {
    max-height: 640px !important;
  }
}
.date-picker .flatpickr-calendar.arrowTop::after, .date-picker .flatpickr-calendar.arrowTop::before {
  content: none;
}

.date-picker .flatpickr-months {
  border-bottom: 1px solid var(--color--black);
  padding: 12px;
}

.date-picker .flatpickr-months .flatpickr-current-month {
  font-size: 1rem;
  height: 50px;
}

.date-picker .flatpickr-months .flatpickr-current-month .cur-year,
.date-picker .flatpickr-months .flatpickr-current-month .cur-month {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

.date-picker .flatpickr-months .flatpickr-month {
  padding: 0;
}

.date-picker .flatpickr-months .flatpickr-prev-month,
.date-picker .flatpickr-months .flatpickr-next-month {
  height: 60px;
  display: flex;
  align-items: center;
}

.date-picker .flatpickr-months .flatpickr-prev-month:hover svg,
.date-picker .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--color--pink-primary);
}

.date-picker .flatpickr-innerContainer, .date-picker .flatpickr-rContainer, .date-picker .flatpickr-days,
.date-picker .flatpickr .dayContainer {
  width: 100%;
}

.date-picker .flatpickr-innerContainer {
  padding: 8px;
}

.date-picker .flatpickr-innerContainer .flatpickr-rContainer,
.date-picker .flatpickr-innerContainer .flatpickr-days,
.date-picker .flatpickr-innerContainer .dayContainer {
  width: 100%;
  max-width: 100%;
}

.date-picker .flatpickr-innerContainer .flatpickr-day {
  width: 14.2857142857%;
  max-width: 100%;
}

.date-picker .flatpickr-innerContainer .flatpickr-weekdays {
  height: auto;
}

.date-picker .flatpickr-innerContainer .flatpickr-day,
.date-picker .flatpickr-innerContainer .flatpickr-weekday {
  color: var(--color--black);
  font-size: 0.875rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

.date-picker .flatpickr-innerContainer .flatpickr-day.flatpickr-disabled,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.flatpickr-disabled {
  opacity: 0.4;
  color: var(--color--black);
}

.date-picker .flatpickr-innerContainer .flatpickr-day.today,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.today {
  background: var(--color--lilac-primary);
  border: 0;
  color: var(--color--black);
}

.date-picker .flatpickr-innerContainer .flatpickr-day.selected, .date-picker .flatpickr-innerContainer .flatpickr-day.startRange, .date-picker .flatpickr-innerContainer .flatpickr-day.endRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.selected,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.startRange,
.date-picker .flatpickr-innerContainer .flatpickr-weekday.endRange {
  background-color: var(--color--purple-primary);
  color: var(--color--white);
  border-color: var(--color--purple-primary);
}

.breadcrumbs {
  padding-block: var(--space--l) var(--space--m);
  display: none;
  margin: 0;
  color: var(--color--purple-dark);
  background: var(--color--neutral-100);
  position: relative;
  z-index: 2;
}

.breadcrumbs:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  content: "";
  background: var(--color--neutral-100);
  z-index: 0;
}

@media (min-width: 48em) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.breadcrumbs li {
  position: relative;
  margin: 0;
  padding-block: 1px 15px;
}

.breadcrumbs li:after {
  background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41406 13.4142L7.41406 7.41422L1.41406 1.41422" stroke="%232B0539" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/></svg>') no-repeat 50%/cover;
  width: 9px;
  height: 15px;
  content: "";
  display: inline-block;
  margin: -1px 30px 1px 31px;
}

.breadcrumbs li:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 70px;
  content: "";
  height: 3px;
  background: var(--color--pink-primary);
  opacity: 0;
}

.breadcrumbs li:last-child:after {
  display: none;
}

.breadcrumbs li:last-child:before {
  right: 0;
}

.breadcrumbs li.active:before {
  opacity: 1;
}

.details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  gap: 5px;
  color: var(--color--purple-dark);
  text-decoration: underline;
}

.details summary::-webkit-details-marker {
  display: none;
}

.details summary svg {
  transition: transform 0.2s ease;
  width: 9px;
  margin-top: 1px;
}

.details--basket {
  margin-top: -8px;
  padding: 8px 0 16px;
  position: relative;
  background: var(--color--neutral-100);
  z-index: 2;
}

.details--basket:before {
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: 0;
  bottom: 0;
  content: "";
  background: var(--color--neutral-100);
  z-index: 0;
}

.details--basket .btn {
  background: var(--color--neutral-100);
}

.details--basket summary {
  margin: 0 0 0 calc(34.4% + 16px);
}

.details--basket > * {
  position: relative;
  z-index: 2;
}

.details--basket[open] summary svg {
  transform: rotate(180deg);
}

.details--basket .basket-summary__items {
  margin: 0;
}

.details--accessibility-key {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: var(--color--white);
  border: 1px solid var(--color--purple-dark);
  padding: 11px 12px;
}

.details--accessibility-key summary {
  font-size: 14px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  color: var(--color--purple-dark);
  text-decoration: none;
}

.details--accessibility-key summary svg {
  margin: 0;
  width: 13px;
}

.details--accessibility-key[open] {
  padding: 16px;
  left: 16px;
}

.details--accessibility-key[open] summary {
  margin: 0 0 16px;
}

.details--accessibility-key[open] summary svg {
  transform: rotate(45deg);
  width: 16px;
}

.details--accessibility-key .accessibility-key {
  padding: 0;
  border: 0;
  margin: 0;
}

.read-more {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
}

.read-more > * {
  margin: 0;
}

.read-more .btn--more {
  margin-right: auto;
}

.booking-pathway__ticket-donations__header .read-more {
  margin-bottom: var(--space--l);
}

.no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}

.sr-only,
.sr-text,
.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only:active, .sr-only:focus,
.sr-text:active,
.sr-text:focus,
.screen-reader-text:active,
.screen-reader-text:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: fixed;
  top: 30px;
  left: 20px;
  white-space: normal;
  width: auto;
}

.d-none {
  display: none;
}

@media (min-width: 22.5em) {
  .xxs\:d-none {
    display: none;
  }
}
@media (min-width: 25em) {
  .xs\:d-none {
    display: none;
  }
}
@media (min-width: 36em) {
  .s\:d-none {
    display: none;
  }
}
@media (min-width: 48em) {
  .m\:d-none {
    display: none;
  }
}
@media (min-width: 62em) {
  .l\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .xl\:d-none {
    display: none;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-none {
    display: none;
  }
}
@media (min-width: 75em) {
  .menu\:d-none {
    display: none;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-none {
    display: none;
  }
}
.d-block {
  display: block;
}

@media (min-width: 22.5em) {
  .xxs\:d-block {
    display: block;
  }
}
@media (min-width: 25em) {
  .xs\:d-block {
    display: block;
  }
}
@media (min-width: 36em) {
  .s\:d-block {
    display: block;
  }
}
@media (min-width: 48em) {
  .m\:d-block {
    display: block;
  }
}
@media (min-width: 62em) {
  .l\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .xl\:d-block {
    display: block;
  }
}
@media (min-width: 87.5em) {
  .xxl\:d-block {
    display: block;
  }
}
@media (min-width: 75em) {
  .menu\:d-block {
    display: block;
  }
}
@media (min-width: 65.4375em) {
  .sidebar\:d-block {
    display: block;
  }
}
.template--booking-pathway .site-main {
  overflow: hidden;
}

.template--booking-pathway > .site-header .site-header__header-menu--link,
.template--booking-pathway > .site-header .site-header__utility-menu--access,
.template--booking-pathway > .site-header .site-header__utility-menu--friend,
.template--booking-pathway > .site-header .site-header__header-menu--button-search {
  visibility: hidden;
}

#spektrixBookingPathway:empty {
  height: 100vh;
  height: calc(100vh - var(--header-height, 136px));
}

.booking-pathway {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
  --btn--border-color: var(--color--purple-dark);
  --btn--background-color--hover: var(--color--purple-dark);
  --btn--border-color--hover: var(--color--purple-dark);
  --btn--color--hover: var(--color--white);
  --btn--icon-size: 1.2em;
}

@media (min-width: 48em) {
  .booking-pathway:not(:has(.breadcrumbs)) {
    margin-top: var(--space--xl);
  }
}
.booking-pathway:has(#SpektrixAccountIFrame), .booking-pathway:has(.account-navigation) {
  margin-top: 0;
}

.booking-pathway iframe {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: auto;
  padding-bottom: 1px;
}

.booking-pathway iframe::-webkit-scrollbar {
  display: none;
}

.booking-pathway iframe {
  width: 100%;
  border: 0;
  margin: 0;
}

.booking-pathway iframe[data-visibility=hidden] {
  display: none;
}

.booking-pathway select,
.booking-pathway input,
.booking-pathway label {
  font-size: 1rem;
  color: var(--color--black);
}

.booking-pathway__container {
  padding-bottom: 32px;
}

@media (min-width: 48em) {
  .booking-pathway__container {
    padding-bottom: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr) 302px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content summary" "content content buttons" "content content message";
    column-gap: 36px;
    row-gap: 0;
  }
}
@media (min-width: 75em) {
  .booking-pathway__container {
    padding-bottom: 72px;
    grid-template-columns: repeat(3, 1fr) 302px;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "content content summary" "content content basket" "content content buttons" "content content message";
  }
}
@media (min-width: 75em) {
  .booking-pathway__container:has(.basket-summary) {
    grid-template-rows: auto auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content basket" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat {
    grid-template-columns: repeat(3, 1fr) 302px;
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "header  header  header  summary" "content content content summary" "content content content promo" "content content content buttons" "content content content message";
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat:has(.basket-summary) {
    grid-template-rows: auto auto auto auto auto 1fr;
    grid-template-areas: "header  header  header  summary" "content content content summary" "content content content basket" "content content content promo" "content content content buttons" "content content content message";
  }
}
.booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
  grid-area: header;
  padding-top: var(--space--xs);
}

@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__select-seat .booking-pathway__select-seat--header {
    padding-top: var(--space--xl);
  }
}
@media (min-width: 48em) {
  .booking-pathway__container.booking-pathway__ticket-donations {
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "content content summary" "content content basket" "content content thanks" "content content buttons" "content content message";
  }
}
@media (min-width: 75em) {
  .booking-pathway__container.booking-pathway__ticket-donations {
    grid-template-rows: auto auto auto auto 1fr;
    grid-template-areas: "content content content summary" "content content content basket" "content content content thanks" "content content content buttons" "content content content message";
  }
}
.booking-pathway__sidebar-loading {
  position: relative;
  z-index: 10;
  grid-column: 3/4;
  grid-row: 1/4;
}

@media (max-width: 47.99em) {
  .booking-pathway__sidebar-loading {
    display: none;
  }
}
.booking-pathway__sidebar-loading .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-pathway__header {
  margin-block: 0 var(--space--m);
  width: 100%;
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .booking-pathway__header {
    font-size: var(--fs--h1);
    line-height: 1.15;
    margin-bottom: var(--space--xl);
  }
}
.booking-pathway__header--aside {
  color: var(--color--purple-dark);
  padding-bottom: var(--space--m);
  margin: 0 0 var(--space--m);
  border-bottom: 1px solid var(--color--lilac-dark);
}

.booking-pathway__header svg {
  height: 1.2em;
  width: auto;
  transform: translateY(-3px);
  flex-shrink: 0;
}

.booking-pathway__header:has(svg) {
  display: flex;
  gap: 8px;
}

.booking-pathway__header p {
  margin: 0;
}

.booking-pathway__breadcrumb {
  margin-bottom: 24px;
  display: inline-block;
  font-variation-settings: "wght" var(--fw--bold);
}

.booking-pathway__main-content {
  grid-area: content;
  width: 100%;
}

@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__main-content .booking-pathway__footer .btn {
    width: auto;
    min-width: 175px;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__main-content + .confirmation-message {
    margin-top: 12px;
  }
}
.booking-pathway__main-content--seating-plan {
  position: relative;
}

.booking-pathway__footer {
  grid-area: buttons;
  margin: 20px 0;
  display: flex;
  gap: 12px;
}

@media (max-width: 47.99em) {
  .booking-pathway__footer {
    background-color: var(--color--white);
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 16px 22px;
    box-shadow: 5px -4px 15px 0px rgba(0, 0, 0, 0.1);
    margin: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer {
    flex-direction: column;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__footer:where(:not(:has(.order-summary--disclosure-button))) {
    flex-direction: row-reverse;
  }
}
.booking-pathway__footer:where(:has(.order-summary)) {
  grid-area: summary;
}

@media (min-width: 48em) {
  .booking-pathway__footer:where(:has(.order-summary)) {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__footer .order-summary {
    margin-top: 0;
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__footer .btn {
  width: 100%;
}

.booking-pathway__advisory-message {
  font-size: var(--fs--body-xs);
  grid-area: message;
  padding-block: var(--space--l) var(--space--m);
}

.booking-pathway__advisory-message b, .booking-pathway__advisory-message strong {
  font-weight: var(--fw--medium);
}

.booking-pathway__advisory-message p {
  margin: 0;
}

.booking-pathway__info-text {
  font-size: calc(12 / 16 * 1rem + (14 - 12) * var(--fluid--bp));
  margin: 12px 0 0;
}

.booking-pathway__info-text p {
  margin: 0;
}

.booking-pathway__select-quantity {
  min-height: calc(100svh - var(--header-height) - var(--section--margin-block));
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 48em) {
  .booking-pathway__select-quantity {
    display: flex;
    justify-content: center;
    min-height: calc(100svh - var(--header-height) - var(--section--margin-block) * 2);
  }
}
.booking-pathway__select-quantity .instance-event-summary {
  width: 100%;
  border: 0;
  margin-bottom: var(--section--margin-block);
}

@media (min-width: 48em) {
  .booking-pathway__select-quantity .instance-event-summary {
    display: flex;
    gap: 12px;
  }
  .booking-pathway__select-quantity .instance-event-summary > * {
    margin: 0;
    line-height: 1;
  }
}
.booking-pathway__select-quantity .instance-event-summary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200vw;
  transform: translateX(-50%);
  background: rgba(246, 249, 237, 0.5);
  z-index: -1;
}

.booking-pathway__select-quantity .instance-event-summary__title {
  font-size: 1.125rem;
}

.booking-pathway__select-quantity--content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (min-width: 48em) {
  .booking-pathway__select-quantity--content {
    max-width: 360px;
    margin-block: auto;
  }
}
.booking-pathway__select-quantity--pricelist--panel {
  margin: 0;
  padding: 12px;
  background-color: var(--color--white);
  transition: background-color var(--transition--base);
  border: 1px solid var(--color--black);
  border-top: 0;
}

.booking-pathway__select-quantity--pricelist--panel[aria-hidden=true] {
  display: none;
}

.booking-pathway__select-quantity--pricelist--panel[aria-hidden=false] {
  background-color: var(--color--off-white);
}

.booking-pathway__select-quantity--pricelist--panel .btn {
  margin-top: 12px;
  margin-bottom: 0;
}

.booking-pathway__select-quantity--price-panel {
  position: relative;
}

.booking-pathway__select-quantity--price-panel-button[aria-expanded=true] {
  background-color: var(--color--off-white);
  color: var(--color--black);
  border-bottom: 0;
}

.booking-pathway__select-quantity--price-panel .loading-indicator {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.booking-pathway__select-quantity--footer {
  flex-direction: column;
  flex: 1;
  position: static;
  box-shadow: none;
}

.booking-pathway__select-quantity--footer .btn--select-seats {
  margin-top: auto;
}

@media (min-width: 48em) {
  .booking-pathway__select-quantity--footer .btn--select-seats {
    margin-bottom: 40px;
  }
}
.booking-pathway__pricelist {
  --grid--columns: 2;
  --grid--column-gap: 16px;
  --grid--row-gap: 16px;
}

@media (min-width: 48em) {
  .booking-pathway__pricelist {
    --grid--columns: 3;
  }
}
.booking-pathway__pricelist > .form-field--radio {
  margin: 0;
}

.booking-pathway__select-seat__header {
  margin-top: 0;
}

.booking-pathway__title-row {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.booking-pathway__best-seat-link {
  color: var(--color--white);
  text-decoration: none;
  padding: 29px 8px 11px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
  letter-spacing: -0.16px;
  display: flex;
  gap: 8px;
  flex: 0 0 40%;
  max-width: 158px;
  align-self: start;
  text-align: left;
  justify-content: center;
  position: relative;
  transform: translateY(-26px) rotate(-4deg);
  font-size: 12px;
}

@media (min-width: 48em) {
  .booking-pathway__best-seat-link {
    font-size: 16px;
    text-align: center;
    transform: translateY(-43px) rotate(-6deg);
    flex: 0 0 43%;
    max-width: 214px;
    padding: 29px 15px 11px;
  }
}
.booking-pathway__best-seat-link > * {
  position: relative;
  z-index: 2;
}

.booking-pathway__best-seat-link svg {
  align-self: center;
  width: 18px;
  transform: rotate(4deg);
}

@media (min-width: 48em) {
  .booking-pathway__best-seat-link svg {
    width: 24px;
    transform: rotate(6deg);
  }
}
.booking-pathway__best-seat-link:hover:before {
  opacity: 1;
}

.booking-pathway__best-seat-link::after {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--color--pink-primary);
  z-index: 1;
}

.booking-pathway__best-seat-link:before {
  bottom: 0;
  left: 0;
  right: 0;
  height: 42px;
  content: "";
  transform: translate(6px, 6px);
  background: var(--color--purple-primary);
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: all var(--transition--base);
}

@media (min-width: 48em) {
  .booking-pathway__edit-tickets .booking-pathway__main-content {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.booking-pathway__no-results {
  --btn--background-color: transparent;
  --btn--color: var(--color--black);
  --btn--background-color--hover: var(--color--black);
  --btn--color--hover: var(--color--white);
  --space--prose: 24px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--color--black);
  max-width: var(--width--s);
}

.booking-pathway__no-results--title {
  margin-bottom: 24px;
}

.booking-pathway__no-results .btn {
  display: inline-flex;
  width: auto;
}

.booking-pathway__promo-code {
  grid-area: promo;
  padding-top: var(--space--l);
}

@media (min-width: 48em) {
  .booking-pathway__promo-code {
    padding-top: var(--space--m);
  }
}
.booking-pathway__promo-code .booking-pathway__header--aside {
  color: var(--color--purple-dark);
}

.booking-pathway__promo-code--input {
  display: flex;
  gap: 8px;
}

.booking-pathway__promo-code--input [type=text] {
  height: 44px;
  background: var(--color--neutral-100);
  margin: 0 0 var(--space--xs);
  flex: 1;
  border-color: transparent;
}

.booking-pathway__promo-code--input .btn {
  --btn--icon-size: var(--space--l);
  flex-shrink: 0;
  height: 44px;
  padding: 10px;
  flex: 0 0 56px;
  justify-content: center;
  margin: 0 0 var(--space--xs);
}

.booking-pathway__basket .booking-pathway__main-content, .booking-pathway__login .booking-pathway__main-content, .booking-pathway__create-account .booking-pathway__main-content, .booking-pathway__checkout .booking-pathway__main-content, .booking-pathway__order-confirmation .booking-pathway__main-content, .booking-pathway__ticket-donations .booking-pathway__main-content, .booking-pathway__extras .booking-pathway__main-content {
  padding-top: var(--space--xs);
}

@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content, .booking-pathway__login .booking-pathway__main-content, .booking-pathway__create-account .booking-pathway__main-content, .booking-pathway__checkout .booking-pathway__main-content, .booking-pathway__order-confirmation .booking-pathway__main-content, .booking-pathway__ticket-donations .booking-pathway__main-content, .booking-pathway__extras .booking-pathway__main-content {
    padding-top: var(--space--xl);
  }
}
@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__login .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__create-account .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__checkout .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__order-confirmation .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__ticket-donations .booking-pathway__main-content > .booking-pathway__header, .booking-pathway__extras .booking-pathway__main-content > .booking-pathway__header {
    margin-bottom: 16px;
  }
}
.booking-pathway__extras .booking-pathway__main-content > .booking-pathway__header {
  margin-bottom: 16px;
}

@media (min-width: 48em) {
  .booking-pathway__extras .booking-pathway__main-content > .booking-pathway__header {
    margin-bottom: 32px;
  }
}
.booking-pathway__ticket-donations .view-alternative-dates__button,
.booking-pathway__ticket-donations .basket-summary__item--ticket-type-button, .booking-pathway__extras .view-alternative-dates__button,
.booking-pathway__extras .basket-summary__item--ticket-type-button {
  display: none;
}

@media (max-width: 47.99em) {
  .booking-pathway__create-account .booking-pathway__main-content .booking-pathway__footer, .booking-pathway__checkout .booking-pathway__main-content .booking-pathway__footer {
    display: none;
  }
}
@media (min-width: 48em) {
  .booking-pathway__create-account > .booking-pathway__footer .btn--primary, .booking-pathway__checkout > .booking-pathway__footer .btn--primary {
    display: none;
  }
}
.booking-pathway__delivery-options {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
  margin-top: 24px;
}

@media (min-width: 48em) {
  .booking-pathway__delivery-options {
    margin-top: 48px;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.booking-pathway__preferences--form legend {
  margin-bottom: 16px;
  grid-column: span 2;
}

@media (min-width: 48em) {
  .booking-pathway__preferences--form fieldset {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .booking-pathway__preferences--tags {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .booking-pathway__preferences--tags .form-field--checkbox {
    margin-top: 0;
  }
}
.booking-pathway__order-confirmation .booking-pathway__header {
  max-width: 760px;
}

.booking-pathway__order-confirmation--images {
  margin-block: calc(24 / 16 * 1rem + (48 - 24) * var(--fluid--bp));
}

.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) {
  display: flex;
  gap: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
}

.booking-pathway__order-confirmation--images:where(:has(img:nth-child(2))) img {
  flex: 1;
  aspect-ratio: 1/1;
  object-fit: cover;
}

@media (min-width: 48em) {
  .booking-pathway__order-confirmation--button .btn {
    display: inline-flex;
    width: auto;
    margin-top: 24px;
  }
}
.booking-pathway__basket .top-picks__account {
  display: none;
}

@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__main-content .booking-pathway__header {
    margin: 0 0 var(--space--xl);
  }
}
.booking-pathway__basket .booking-pathway__header {
  color: var(--color--white);
  position: relative;
  padding: 0 24px;
}

@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__header {
    color: var(--color--purple-dark);
    padding: 0;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__basket .booking-pathway__header:before {
    position: absolute;
    top: 0;
    left: -9999px;
    right: -9999px;
    bottom: 0;
    content: "";
    background: var(--color--purple-dark);
    z-index: 0;
  }
}
.booking-pathway__thanks-message {
  grid-area: thanks;
  color: var(--color--white);
  background: var(--color--pink-primary);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.booking-pathway__thanks-message > * {
  margin: 0;
}

.ticket-card {
  --grid--columns: 3;
  display: block;
  grid-template-columns: repeat(var(--grid--columns), 1fr);
  grid-template-areas: "img sum sum";
  border: 1px solid #000;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .ticket-card {
    padding: 24px;
    display: grid;
    gap: 24px;
  }
}
.ticket-card > .btn {
  grid-column: span var(--grid--columns);
}

.ticket-card .instance-event-summary {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  height: 100%;
}

@media (min-width: 48em) {
  .ticket-card .instance-event-summary {
    margin-top: 0;
  }
}
.ticket-card .instance-event-summary__venue {
  margin-bottom: 0px;
  margin-top: 0;
}

.ticket-card .instance-event-summary__date {
  margin-bottom: 16px;
}

.ticket-card .instance-event-summary .btn {
  max-width: 170px;
  width: 100%;
}

@media (min-width: 62em) {
  .ticket-card .instance-event-summary .btn {
    max-width: 250px;
  }
}
.ticket-card .instance-event-summary__button__flex {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  align-items: center;
  gap: 24px;
}

.ticket-card .instance-event-summary__button__flex svg {
  height: 44px;
  fill: var(--venue-logo-fill, var(--color--yellow));
}

.ticket-card .instance-event-summary__button__flex svg.festival {
  fill: var(--venue-logo-fill, var(--color--blue));
}

.ticket-card img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.confirmed-order {
  background-color: var(--color--off-white);
  padding: 16px;
}

.confirmed-order__header {
  margin-top: 0;
  margin-bottom: 8px;
}

.confirmed-order p {
  margin-block: 8px;
}

.confirmed-order .btn {
  width: 100%;
}

.form-field--radio.is-loading,
.form-field--checkbox.is-loading {
  --spinner--size: 1em;
  pointer-events: none;
}

.form-field--radio.is-loading input,
.form-field--radio.is-loading label,
.form-field--checkbox.is-loading input,
.form-field--checkbox.is-loading label {
  grid-row: 1;
  opacity: 0.3;
}

.form-field--radio .loading-indicator,
.form-field--checkbox .loading-indicator {
  align-items: flex-start;
  grid-row: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.booking-pathway__ticket-donations {
  --ticket-width: 20.625rem;
}

@media (min-width: 48em) {
  .booking-pathway__ticket-donations--header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .booking-pathway__ticket-donations--header > * {
    margin-top: 0;
    flex-shrink: 0;
    width: auto;
  }
}
.booking-pathway__ticket-donations__header {
  display: flex;
  gap: 16px;
  flex-direction: column;
  color: var(--color--purple-dark);
  margin: 0 0 var(--space--xs);
}

@media (min-width: 48em) {
  .booking-pathway__ticket-donations__header {
    margin: 0 0 var(--space--xl);
  }
}
.booking-pathway__ticket-donations__header > * {
  margin: 0;
}

.booking-pathway__ticket-donations__content {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.booking-pathway__ticket-donations__content > * {
  margin: 0;
}

.donate-per-ticket {
  max-width: var(--ticket-width);
  box-shadow: 0px 3.843px 3.843px 0px rgba(0, 0, 0, 0.25), 0px 1.922px 1.922px 0px rgba(0, 0, 0, 0.25), 0px 3.843px 11.53px 0px rgba(0, 0, 0, 0.25);
  border: 0.961px solid rgba(0, 0, 0, 0.2);
  border-radius: 24.982px;
  padding: 24px;
  margin-bottom: 12px;
  background-color: var(--color--white);
  transition: transform var(--transition--base);
}

.donate-per-ticket__carousel {
  overflow: hidden;
}

.donate-per-ticket__carousel .carousel {
  max-width: var(--ticket-width);
  margin-inline: auto;
  overflow: visible;
}

.donate-per-ticket__carousel .carousel--slider .donate-per-ticket {
  transform: scale(0.8);
}

.donate-per-ticket__carousel .carousel--slider .carousel__slide--active .donate-per-ticket {
  transform: scale(1);
}

.donate-per-ticket__heading {
  border-bottom: 0.961px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 12px;
}

.donate-per-ticket__heading span {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}

.donate-per-ticket__heading span > * {
  margin: 0;
}

.donate-per-ticket__heading--info {
  flex-shrink: 0;
}

.donate-per-ticket__heading--date {
  font-size: 0.875rem;
  font-variation-settings: "wght" var(--fw--normal);
}

.donate-per-ticket__heading--secondary {
  margin-top: 4px;
}

.donate-per-ticket__summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}

.donate-per-ticket__summary--total {
  line-height: 1;
}

.donate-per-ticket__summary--total span {
  font-size: var(--fs--xxl);
}

.donate-per-ticket__slider {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  grid-template-areas: "input input input" "minus label plus";
  margin-top: -30px;
}

.donate-per-ticket__slider--label {
  grid-area: label;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.donate-per-ticket__slider--input {
  grid-area: input;
  position: relative;
}

.donate-per-ticket__slider--input input {
  position: absolute;
  top: 0;
  right: 7%;
  bottom: 0;
  left: 7%;
  opacity: 0;
  margin: 0;
  cursor: grab;
}

.donate-per-ticket__slider--input input:active {
  cursor: grabbing;
}

.donate-per-ticket__slider--input:has(input:focus-visible) {
  outline: 3px dotted var(--color--focus);
  outline-offset: 3px;
}

.donate-per-ticket__slider--increment {
  grid-area: plus;
}

.donate-per-ticket__slider--decrement {
  grid-area: minus;
}

.donate-per-ticket__slider--arc {
  fill: none;
}

.donate-per-ticket__slider--arc .ball {
  transform-origin: center;
}

.donate-per-ticket__footer {
  margin-top: 32px;
}

.donate-per-ticket__footer .btn {
  width: 100%;
}

.donate-per-ticket__footer .form-field--checkbox {
  margin-top: 16px;
}

.donate-per-ticket__footer .form-field--checkbox input {
  transform: translateY(0);
}

.donate-per-ticket__footer .form-field--checkbox label {
  font-size: 0.875rem;
  line-height: 1.4;
}

.booking-pathway__summary {
  grid-area: summary;
}

@media (min-width: 48em) {
  .booking-pathway__summary {
    border-top: 1px solid var(--color--lilac-dark);
    padding-top: var(--space--m);
    margin-top: 110px;
  }
}
.booking-pathway__summary > *:where(:not(:first-child)) {
  margin-top: 24px;
}

.booking-pathway__summary .basket-summary {
  margin-top: 24px;
  border-top: 1px solid var(--color--lilac-dark);
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.booking-pathway__summary .basket-summary > p {
  margin: 0;
  font-style: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  border: 0;
  padding: 0;
}

.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__label {
  display: none;
}

.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__header--aside {
  padding: 0;
  border: 0;
}

.booking-pathway__summary .booking-pathway__promo-code .btn,
.booking-pathway__summary .booking-pathway__promo-code input {
  margin: 0;
}

.booking-pathway__summary .booking-pathway__promo-code .booking-pathway__header--aside {
  color: var(--color--black);
  font-size: 18px;
  margin: 0 0 8px;
}

.booking-pathway__summary .booking-pathway__advisory-message {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 40px;
  padding: 16px 0 0;
}

@media (min-width: 48em) {
  .booking-pathway__basket .booking-pathway__footer {
    margin-top: 40px;
  }
}
.instance-event-summary > * {
  margin: 0;
}

.instance-event-summary__header {
  grid-area: summary;
  position: relative;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 34.4% auto;
  gap: 0 16px;
}

@media (min-width: 48em) {
  .instance-event-summary__header {
    margin: 0;
    display: block;
    padding: 32px 0 0;
  }
}
@media (max-width: 47.99em) {
  .instance-event-summary__header > * {
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 47.99em) {
  .instance-event-summary__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200vw;
    transform: translateX(-50%);
    background: var(--color--neutral-100);
    z-index: 0;
  }
}
.instance-event-summary__image {
  overflow: hidden;
  aspect-ratio: 16/9;
}

@media (min-width: 48em) {
  .instance-event-summary__image {
    height: 170px;
    margin: 0 0 var(--space--l);
    aspect-ratio: auto;
  }
}
.instance-event-summary__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.instance-event-summary__title {
  margin: 2px 0 8px;
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .instance-event-summary__title {
    font-size: var(--fs--h4);
    line-height: 1.25;
    margin: 0 0 var(--space--l);
  }
}
.instance-event-summary__date {
  color: var(--color--purple-dark);
  font-size: 12px;
  font-weight: var(--fs--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

@media (min-width: 48em) {
  .instance-event-summary__date {
    font-family: var(--ff--secondary);
    font-variation-settings: "wght" var(--fw--bold);
    font-weight: var(--fw--bold);
    font-size: var(--fs--h6);
    line-height: 1.2;
  }
}
.instance-event-summary__venue {
  font-size: 1rem;
}

.instance-event-summary + .order-summary__item {
  padding-top: 0;
}

.basket-summary,
.order-summary {
  --spinner--size: 1em;
  margin-top: 8px;
  font-size: 1rem;
}

.basket-summary__item, .basket-summary__total,
.order-summary__item,
.order-summary__total {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 8px;
}

.basket-summary__item svg, .basket-summary__total svg,
.order-summary__item svg,
.order-summary__total svg {
  display: inline-block;
  height: 1em;
  width: auto;
  margin-right: 4px;
  margin-bottom: 4px;
}

.basket-summary__item span:last-child, .basket-summary__total span:last-child,
.order-summary__item span:last-child,
.order-summary__total span:last-child {
  flex-shrink: 0;
}

.basket-summary__item--total, .basket-summary__total,
.order-summary__item--total,
.order-summary__total {
  font-variation-settings: "wght" var(--fw--bold);
}

.basket-summary .loading-indicator,
.order-summary .loading-indicator {
  margin-inline: auto;
}

.basket-summary {
  grid-area: basket;
  margin-top: 16px;
}

@media (min-width: 48em) {
  .basket-summary {
    margin-top: 24px;
  }
}
.basket-summary__items {
  margin-bottom: 9px;
}

.basket-summary__total .basket-summary__item--primary {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}

.basket-summary__total .basket-summary__item--plan-name {
  font-weight: var(--fw--bold);
}

.basket-summary__item {
  border-bottom: 1px solid var(--color--lilac-dark);
  padding: 16px 0;
  gap: 8px;
  flex-direction: column;
}

.basket-summary__item:first-child {
  padding-top: 0;
}

.basket-summary__item:last-child {
  padding-bottom: 10px;
  border: 0;
}

.basket-summary__item--seats {
  border-top: 0;
  padding-top: 0;
}

.basket-summary__item--seats:last-child {
  padding-bottom: 0;
}

.basket-summary__item--primary {
  display: flex;
  gap: var(--space--xs);
  justify-content: space-between;
  align-items: center;
}

.basket-summary__item--primary-info {
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: var(--space--xs);
  min-width: 6.25rem;
}

.basket-summary__item--plan-name {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  min-width: 3.125rem;
}

.basket-summary__item--seat-name {
  flex: 1;
}

.basket-summary__item--secondary {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.basket-summary__item--donation .basket-summary__item--primary-info, .basket-summary__item--supplementary .basket-summary__item--primary-info {
  flex: 1;
}

.basket-summary__item--ticket-type {
  margin: 0;
  flex: auto;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.basket-summary__item--ticket-type-button {
  text-decoration: underline;
  color: var(--color--purple-primary);
}

.basket-summary__item .btn--remove {
  flex-shrink: 0;
  margin: 0;
}

.basket-summary__item .btn--remove svg {
  margin: 0;
  height: 1.1em;
}

.basket-summary > p {
  margin-block: var(--space--m);
  font-style: italic;
}

.basket-summary .select-ticket-type--select {
  width: 100%;
}

.order-summary .booking-pathway__header {
  margin-bottom: 16px;
}

@media (min-width: 48em) {
  .order-summary .booking-pathway__header {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .order-summary .booking-pathway__header:active, .order-summary .booking-pathway__header:focus-visible {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 30px;
    left: 20px;
    white-space: normal;
    width: auto;
  }
}
.order-summary__list > *:where(:not(:first-child)) {
  border-top: 1px solid var(--color--black);
  padding-top: 12px;
}

@media (min-width: 48em) {
  .order-summary__disclosure-button {
    display: none;
  }
}
@media (max-width: 47.99em) {
  .order-summary__disclosure-button + .order-summary {
    background-color: var(--color--off-white);
    padding: 16px var(--container--padding-inline);
    box-shadow: 5px -4px 15px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(101%);
    z-index: 10;
  }
  .order-summary__disclosure-button + .order-summary[aria-hidden=false] {
    animation: slide-up var(--transition--base) forwards;
  }
}
.order-summary__disclosure-button--hide {
  max-width: calc(50% - 8px);
  margin-top: 16px;
}

@media (min-width: 48em) {
  .order-summary__disclosure-button--hide {
    display: none;
  }
}
.order-summary__item--discount {
  margin: 0;
  padding-top: 0;
  border: 0;
}

.extras-group {
  display: flex;
  flex-direction: column;
  gap: var(--space--l);
}

.extras-group__title {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: var(--fs--h1);
}

.extras-instance {
  --space--stack: 12px;
  --img-size: 96px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: var(--img-size) 1fr;
  column-gap: 12px;
  grid-template-areas: "img header" "summary summary" "footer footer";
}

@media (min-width: 75em) {
  .extras-instance {
    --img-size: 220px;
    display: grid;
    grid-template-columns: var(--img-size) 1fr;
    grid-template-rows: auto 1fr auto;
    column-gap: 24px;
    grid-template-areas: "img header" "img summary" "img footer";
  }
}
.extras-instance__header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  grid-area: header;
  margin-top: 0;
}

.extras-instance__header--content {
  flex: 1;
}

.extras-instance__image {
  max-width: var(--img-size);
  flex-shrink: 0;
  grid-area: img;
}

.extras-instance__title {
  margin: 0;
}

.extras-instance__price {
  margin-top: 8px;
}

.extras-instance__summary {
  grid-area: summary;
}

.extras-instance__footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  grid-area: footer;
}

.extras-instance__footer .error-message {
  margin: 0;
}

.extras-instance__buttons {
  display: flex;
  gap: 12px;
}

.extras-instance .ticket-quantity-buttons,
.extras-instance .extras-instance__buttons {
  gap: 12px;
  justify-content: flex-start;
}

.extras-instance .ticket-quantity-buttons__counter,
.extras-instance .extras-instance__buttons__counter {
  min-width: 64px;
  line-height: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--color--black);
}

.extras-instance .confirmation-message {
  margin-block: 12px;
  width: 100%;
  grid-column: span 2;
}

@media (max-width: 74.99em) {
  .extras-instance__additional-donation {
    display: flex;
    flex-direction: column;
  }
  .extras-instance__additional-donation .extras-instance__image {
    margin-top: var(--space--stack);
    order: 3;
    max-width: 100%;
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons {
    width: 100%;
  }
  .extras-instance__additional-donation .extras-instance__buttons > * {
    flex: 1;
  }
  .extras-instance__additional-donation .extras-instance__footer {
    flex-wrap: wrap;
  }
  .extras-instance__additional-donation .extras-instance__footer .btn--primary {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .extras-instance__additional-donation .extras-instance__summary {
    font-size: var(--fs--body-l);
    margin-top: 0;
  }
}
.ticket-quantity-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ticket-quantity-buttons__counter {
  order: 2;
  font-size: 7.5rem;
  min-width: 120px;
  text-align: center;
  background-color: var(--color--white);
}

.ticket-quantity-buttons__increment {
  order: 3;
}

.ticket-quantity-buttons__decrement {
  order: 1;
}

.booking-pathway__filters {
  grid-area: filters;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

@media (min-width: 48em) {
  .booking-pathway__filters {
    flex-direction: row;
    column-gap: var(--space--l);
    justify-content: space-between;
    margin-bottom: var(--space--m);
  }
}
.booking-pathway__filters .booking-pathway__header {
  margin-bottom: 16px;
  line-height: 1;
}

.booking-pathway__filters--header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.booking-pathway__filters--header .btn--link {
  font-size: 0.875rem;
  font-family: var(--ff-secondary);
  font-weight: var(--fw--normal);
  font-variation-settings: "wght" var(--fw--normal);
  flex-shrink: 0;
  line-height: 1;
}

.booking-pathway__filters--button {
  width: 100%;
}

.booking-pathway__filters--button[aria-selected=true] {
  --btn--background-color: var(--color--purple-dark);
  --btn--color: var(--color--white);
}

.booking-pathway__filters--button:focus-visible {
  --btn--background-color: var(--color--white);
  --btn--color: var(--color--purple-dark);
}

.booking-pathway__filters--button-icon {
  width: 18px;
  height: 18px;
  background: rgb(from var(--circle--color) r g b/40%);
  display: inline-block;
  border-radius: 50%;
  border: 2px solid var(--circle--color);
}

.booking-pathway__filters .form-field--radio {
  margin: 0;
}

.booking-pathway__filters .loading-indicator {
  margin-inline: auto;
}

.booking-pathway__filter-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.booking-pathway__filter-list > * {
  flex-shrink: 0;
}

.basket-items {
  margin: 0 0 32px;
}

@media (min-width: 48em) {
  .basket-items {
    margin: 0 0 10px;
  }
}
.basket-item__groupe {
  padding: 16px 0 0;
}

@media (min-width: 48em) {
  .basket-item__groupe {
    padding: 10px 0 24px;
  }
}
@media (min-width: 48em) {
  .basket-item__groupe:first-child {
    padding-top: 16px;
    border-top: 1px solid var(--color--lilac-dark);
  }
}
.basket-item__groupe--extra {
  padding: 0;
}

@media (min-width: 48em) {
  .basket-item__groupe--extra {
    padding: 0 0 24px;
    border: 0;
  }
}
.basket-item__groupe-title {
  margin: 0 0 var(--space--m);
  color: var(--color--purple-dark);
}

.basket-item__groupe--donation, .basket-item__groupe--membership {
  padding: 32px 0 0;
}

@media (min-width: 48em) {
  .basket-item__groupe--donation, .basket-item__groupe--membership {
    padding: 10px 0 24px;
  }
}
.basket-item__groupe--donation .basket-item__groupe-title, .basket-item__groupe--membership .basket-item__groupe-title {
  font-size: var(--fs--h3);
  margin: 0 0 10px;
}

@media (min-width: 48em) {
  .basket-item__groupe--donation .basket-item__groupe-title, .basket-item__groupe--membership .basket-item__groupe-title {
    margin: 0;
    font-size: var(--fs--h4);
  }
}
.basket-item__groupe--donation .basket-item__ticket-list--item, .basket-item__groupe--membership .basket-item__ticket-list--item {
  margin-top: 0;
}

.basket-item__groupe--donation:not(:has(.basket-item__ticket-list--item)) {
  display: none;
}

.basket-item {
  --spinner--size: 1em;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "img" "sum" "list";
  gap: 16px;
}

@media (min-width: 48em) {
  .basket-item {
    --img--width: 181px;
    gap: 24px;
    grid-template-columns: var(--img--width) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "img sum" "list list";
  }
}
.basket-item:not(:has(.basket-item__summary)) {
  grid-template-areas: "list";
}

@media (min-width: 48em) {
  .basket-item:not(:has(.basket-item__summary)) {
    grid-template-rows: 1fr;
    grid-template-areas: "list list";
  }
}
.basket-item:first-child .instance-event-summary {
  border: 0;
  padding-top: 0;
}

.basket-item select {
  max-width: 14em;
}

.basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding-top: 24px;
  border-top: 1px solid;
}

@media (min-width: 48em) {
  .basket-item__membership, .basket-item__donation, .basket-item__gift-voucher {
    padding-top: 0px;
    border-top: none;
  }
}
.basket-item__title {
  width: 100%;
  margin: 0;
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .basket-item__title {
    font-size: var(--fs--h4);
  }
}
.basket-item__date, .basket-item__venue {
  margin: 0;
}

@media (min-width: 48em) {
  .basket-item__date, .basket-item__venue {
    font-size: var(--fs--body-l);
  }
}
.basket-item__info {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 0;
}

.basket-item__info .btn--remove {
  flex-shrink: 0;
}

.basket-item__info p {
  margin: 0;
}

.basket-item__info--breakdown span {
  display: block;
  font-variation-settings: "wght" var(--fw--normal);
  font-size: 1rem;
  margin-bottom: 2px;
}

.basket-item__info .form-field--checkbox {
  margin-top: 8px;
}

.basket-item__image {
  grid-area: img;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
}

.basket-item__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}

.basket-item__summary {
  grid-area: sum;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 48em) {
  .basket-item__summary {
    gap: 8px;
    padding: 3px 0;
  }
}
.basket-item__ticket-list {
  grid-area: list;
}

@media (min-width: 48em) {
  .basket-item__ticket-list {
    margin-top: -4px;
  }
}
.basket-item__ticket-list--item {
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--color--lilac-dark);
  min-height: 62px;
  padding: 16px 0 22px;
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 10% minmax(80px, 20%);
  grid-template-rows: auto auto;
  grid-template-areas: "area amount price" "amend amend amend";
}

@media (min-width: 48em) {
  .basket-item__ticket-list--item {
    padding: 16px 0 8px;
    gap: 16px;
    grid-template-columns: 1fr 10% 20% auto;
    grid-template-rows: 1fr;
    grid-template-areas: "area amount price amend";
  }
}
@media (min-width: 48em) {
  .basket-item__ticket-list--item:first-child {
    padding-top: 0;
  }
}
.basket-item__ticket-list--item > * {
  margin: 0;
  line-height: 1.1;
}

@media (min-width: 48em) {
  .basket-item__ticket-list--item > * {
    flex: 1;
  }
}
.basket-item__ticket-list--item .select-ticket-type--select {
  margin-right: auto;
  max-width: 100%;
}

.basket-item__ticket-list--item .select-ticket-type--select select {
  max-width: 17em;
}

.basket-item__groupe--extra .basket-item__ticket-list--item {
  min-height: 42px;
}

.basket-item__ticket-list--amount {
  text-align: center;
  grid-area: amount;
  padding-top: 4px;
}

@media (min-width: 48em) {
  .basket-item__ticket-list--amount {
    padding: 0;
    text-align: left;
  }
}
.basket-item__ticket-list--seat {
  max-width: 2.5rem;
}

.basket-item__ticket-list--price {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  grid-area: price;
  padding-top: 4px;
}

@media (min-width: 48em) {
  .basket-item__ticket-list--price {
    text-align: left;
    padding: 0;
  }
}
.basket-item__ticket-list--price__discount {
  color: var(--color--purple-primary);
}

.basket-item__ticket-list--price:has(.basket-item__ticket-list--price__discount) .basket-item__ticket-list--price__full {
  text-decoration: line-through;
}

.basket-item__ticket-list--amend-ticket {
  display: flex;
  gap: 16px;
  grid-area: amend;
}

@media (min-width: 48em) {
  .basket-item__ticket-list--amend-ticket {
    flex-direction: column;
    gap: 6px;
  }
}
.basket-item__ticket-list--amend-ticket .btn--edit,
.basket-item__ticket-list--amend-ticket .btn--remove {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  color: var(--color--purple-dark);
  text-decoration: underline;
  min-height: 10px;
  margin: 0;
  text-align: left;
  font-family: var(--ff--secondary);
}

@media (min-width: 48em) {
  .basket-item__ticket-list--amend-ticket .btn--edit,
  .basket-item__ticket-list--amend-ticket .btn--remove {
    font-weight: var(--fw--bold);
    font-variation-settings: "wght" var(--fw--bold);
  }
}
.basket-item__ticket-list--amend-ticket .btn--edit:hover,
.basket-item__ticket-list--amend-ticket .btn--remove:hover {
  text-decoration: none;
  background: none;
}

.basket-item__ticket-list--area {
  font-weight: var(--fw--bold);
  display: inline-flex;
  align-items: center;
  gap: 4px 12px;
  flex-wrap: wrap;
  grid-area: area;
}

@media (min-width: 48em) {
  .basket-item__ticket-list--area {
    gap: 8px 12px;
  }
}
.basket-item__ticket-list--area .access-item-wrapper {
  font-weight: var(--fw--normal);
}

.basket-item__ticket-list--area .basket-item__ticket-list--type {
  width: 100%;
  font-weight: var(--fw--normal);
  min-height: 32px;
  align-items: center;
  display: inline-flex;
}

.basket-item__ticket-list--area .select-ticket-type--select {
  width: 100%;
}

.basket-item .btn--edit {
  text-decoration: underline;
}

.basket-item .btn--remove {
  margin: 0;
}

.basket-item img {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.basket-top-picks {
  border: none;
}

@media (min-width: 48em) {
  .basket-top-picks {
    border-top: none;
  }
}
.basket-top-picks .booking-pathway__header {
  width: 70%;
}

@media (min-width: 48em) {
  .basket-top-picks .booking-pathway__header {
    width: 100%;
  }
}
.carousel {
  position: relative;
  overflow: hidden;
}

.carousel__track {
  display: flex;
  transition: transform var(--transition--base);
}

.carousel__track--stacked {
  position: relative;
  display: block;
  transform: none !important;
}

.carousel__slide {
  min-width: 100%;
  transition: transform var(--transition--base), opacity var(--transition--base);
  will-change: transform, opacity;
}

.carousel__slide--stacked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.carousel__slide--active {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate(0, 0);
}

.carousel__slide:not(.carousel__slide--active) {
  opacity: 0.5;
}

.carousel__slide[aria-hidden=true] {
  pointer-events: none;
}

.carousel__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
}

.carousel__controls--prev, .carousel__controls--next {
  position: relative;
  transform: none;
  margin: 0;
}

.carousel__controls--prev__text, .carousel__controls--next__text {
  display: flex;
  gap: 8px;
  font-variation-settings: "wght" var(--fw--bold);
}

.carousel__controls--prev__text svg, .carousel__controls--next__text svg {
  height: 0.8em;
  width: auto;
  margin-top: 4px;
}

.carousel__controls--prev__text:hover, .carousel__controls--prev__text:focus-visible, .carousel__controls--next__text:hover, .carousel__controls--next__text:focus-visible {
  text-decoration: underline;
}

.prompt {
  --r: 32px;
  --bg-color: var(--color--cyan);
  padding: 49px 39px;
  display: grid;
  gap: 16px;
  position: relative;
  background: var(--bg-color);
  mask: radial-gradient(circle at top left, transparent var(--r), black calc(var(--r) + 1px)) top left, radial-gradient(circle at top right, transparent var(--r), black calc(var(--r) + 1px)) top right, radial-gradient(circle at bottom left, transparent var(--r), black calc(var(--r) + 1px)) bottom left, radial-gradient(circle at bottom right, transparent var(--r), black calc(var(--r) + 1px)) bottom right;
  mask-size: 51% 51%;
  mask-repeat: no-repeat;
}

@media (min-width: 62em) {
  .prompt {
    --r: 53px;
    padding: 79px 83px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 34px;
  }
}
.prompt:before, .prompt:after {
  --inner-offset: 16px;
  position: absolute;
  inset: var(--inner-offset);
  content: "";
  background: var(--color--white);
  mask: radial-gradient(circle at top left, transparent var(--r), black calc(var(--r) + 1px)) top left, radial-gradient(circle at top right, transparent var(--r), black calc(var(--r) + 1px)) top right, radial-gradient(circle at bottom left, transparent var(--r), black calc(var(--r) + 1px)) bottom left, radial-gradient(circle at bottom right, transparent var(--r), black calc(var(--r) + 1px)) bottom right;
  mask-size: 51% 51%;
  mask-repeat: no-repeat;
  z-index: 1;
}

@media (min-width: 48em) {
  .prompt:before, .prompt:after {
    --inner-offset: 18px;
  }
}
.prompt:after {
  --inner-offset: 18px;
  background: var(--bg-color);
}

@media (min-width: 48em) {
  .prompt:after {
    --inner-offset: 20px;
  }
}
.prompt > * {
  position: relative;
  z-index: 2;
}

.prompt--membership {
  --bg-color: var(--color--pink-primary);
  color: var(--color--white);
}

.prompt--membership .prompt__header {
  color: currentColor;
}

.prompt__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--color--purple-dark);
  font-size: calc(16 / 16 * 1rem + (20 - 16) * var(--fluid--bp));
}

.prompt__header > * {
  margin: 0;
}

@media (min-width: 62em) {
  .prompt__button {
    order: 2;
  }
}
.prompt__button > * + * {
  margin: 8px 0 0;
}

.prompt__button-text {
  font-size: var(--fs--body-xs);
  line-height: 1;
}

.prompt__button .btn {
  display: inline-flex;
}

@media (min-width: 62em) {
  .prompt__content {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.prompt__content p {
  margin: 0;
}

.prompt__content p + * {
  margin: 16px 0 0;
}

.prompt__content a {
  color: var(--color--purple-primary);
  text-decoration: underline;
}

.membership-prompt,
.donation-prompt {
  margin: 0 0 32px;
}

.membership-prompt--inner,
.donation-prompt--inner {
  padding: 16px;
  background-color: var(--color--purple-dark);
  color: var(--color--white);
}

.membership-prompt .booking-pathway__header,
.donation-prompt .booking-pathway__header {
  margin-bottom: 8px;
}

.membership-prompt--description,
.donation-prompt--description {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}

.membership-prompt--description p,
.donation-prompt--description p {
  margin: 0;
}

.membership-prompt .btn,
.donation-prompt .btn {
  margin-top: 12px;
}

.membership-prompt__title,
.donation-prompt__title {
  margin: 0;
  color: var(--color--purple-dark);
}

.membership-prompt__title + .booking-pathway__promo-code,
.donation-prompt__title + .booking-pathway__promo-code {
  padding-top: var(--space--m);
}

.donation-prompt--button {
  font-variation-settings: "wght" var(--fw--bold);
  text-decoration: underline;
}

.donation-prompt--detail {
  display: flex;
  justify-content: space-between;
  margin-block: 16px;
}

.donation-prompt--detail.donation-removed {
  color: var(--color--neutral-500);
  text-decoration: line-through;
}

.donation-prompt--detail span:last-child {
  font-variation-settings: "wght" var(--fw--bold);
}

.booking-pathway__additional-donation--amount.active {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
}

@media (max-width: 47.99em) {
  .booking-pathway__additional-donation .booking-pathway__header {
    margin-bottom: 8px;
  }
}
.seating-plan {
  --seating-plan--color--available: #095aaf;
  --seating-plan--color--unavailable: #ccc;
  --seating-plan--color--info: #ebdc08;
  width: 100%;
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid var(--color--black);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 75em) {
  .seating-plan {
    aspect-ratio: 4/3;
  }
}
.seating-plan .loading-indicator {
  position: relative;
  aspect-ratio: 16/9;
}

.seating-plan__plan {
  container: seating-plan;
  margin: auto;
  position: relative;
}

.seating-plan__plan img {
  max-width: none;
  max-height: none;
  animation: fade-in 500ms ease-out forwards;
}

.seating-plan__plan--studio-auditorium .seating-plan__seat, .seating-plan__plan--studio-theatre .seating-plan__seat {
  width: 3%;
}

.seating-plan .is-available {
  --seating-plan--color: var(--seating-plan--color--available);
}

.seating-plan .is-unavailable {
  --seating-plan--color: var(--seating-plan--color--unavailable);
}

.seating-plan .is-info {
  --seating-plan--color: var(--seating-plan--color--info);
}

.seating-plan .is-widow {
  animation: pulse 2s infinite;
  background-color: #0f0;
  color: var(--color--black);
  border: 1px solid var(--color--black);
}

@keyframes pulse {
  0% {
    transform: scale(1);
    background-color: #0f0;
  }
  50% {
    transform: scale(1.2);
    background-color: #000;
  }
  100% {
    transform: scale(1);
    background-color: #0f0;
  }
}
.seating-plan__seat {
  position: absolute;
  width: 1%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  text-align: center;
  line-height: 0;
  font-size: 10px;
  color: var(--color--white);
  font-family: var(--ff--primary);
  font-weight: var(--fw--black);
  background-color: var(--seating-plan--color, var(--seating-plan--color--available));
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color var(--transition--base);
  animation: bounce 1000ms ease-out forwards;
}

.seating-plan__seat.disabled {
  background-color: var(--seating-plan--color--unavailable) !important;
}

.seating-plan__seat.disabled .seating-plan__more-info {
  display: none;
}

.seating-plan__seat svg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: var(--color--white);
}

.seating-plan__seat[aria-selected=true] svg {
  display: block;
}

.seating-plan__seat[aria-selected=true] .seating-plan__more-info {
  display: none;
}

.seating-plan__seat .seating-plan__more-info svg {
  display: block;
  aspect-ratio: 1/1;
  background-color: transparent;
  fill: var(--color--white);
  border-radius: 500px;
}

.seating-plan__seat .seating-plan__more-info .info-circle .circle {
  display: none;
}

.seating-plan__seat .seating-plan__more-info .info-circle .info {
  transform: scale(1.5);
  transform-origin: center;
}

.seating-plan__controls {
  --btn--size: 42px;
  --btn--icon-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.seating-plan__controls button {
  width: var(--btn--size);
  height: var(--btn--size);
  border: 1px solid var(--color--purple-dark);
  color: var(--color--purple-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--white);
}

.seating-plan .error-message {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  margin: 0;
  z-index: 100;
  animation: slide-up var(--transition--base) forwards;
}

.seating-plan .error-message + .error-message {
  transform: translateY(-110%);
}

.seating-plan__video {
  position: absolute;
  left: 16px;
  bottom: 16px;
}

.seating-plan__video-btn {
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--purple-dark);
  padding: 16px 8px 16px 16px;
  border-radius: 32px 32px 32px 0;
  border-width: 1px;
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  overflow: hidden;
}

.seating-plan__video-btn-inner {
  display: flex;
}

.seating-plan__video-btn-inner > span {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.6s cubic-bezier(0.65, 0, 0.35, 1), padding 0.6s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.3s ease 0.2s;
}

.seating-plan__video-btn:hover .seating-plan__video-btn-inner span {
  opacity: 1;
  max-width: 260px;
  padding-right: 8px;
}

.seating-plan__video-btn svg {
  flex: 1 0 24px;
  width: 24px;
  margin: 0 8px 0 0;
}

@keyframes bounce-up {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes bounce-down {
  0% {
    transform: translateY(-200%);
  }
  70% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
.push-notification {
  --color-error: var(--color-black);
  --color-error-light: #d62d40;
  position: fixed;
  bottom: 16px;
  right: 16px;
  left: 16px;
  margin: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  animation: bounce-up 200ms ease-out forwards;
}

@media (min-width: 48em) {
  .push-notification {
    max-width: 600px;
    width: 100%;
    left: auto;
  }
}
.push-notification em {
  display: block;
}

.push-notification__content {
  flex: 1;
}

.push-notification .btn--cross svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
}

.push-notification.notification {
  --color-error-light: #f3d00f;
  color: var(--color-black);
}

.printable-ticket {
  padding-inline: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.printable-ticket__image {
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color--neutral-100);
}

.printable-ticket__image img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.printable-ticket__image svg {
  width: 30%;
  color: var(--color--neutral-300);
}

.printable-ticket__list {
  --grid--columns: 1;
}

@media (min-width: 75em) {
  .printable-ticket__list {
    --grid--columns: 2;
    --grid--column-gap: 48px;
  }
}
.printable-ticket__header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  row-gap: 8px;
  margin-top: 16px;
}

.printable-ticket__title {
  grid-column: span 2;
  margin: 0;
  font-size: 1.5rem;
}

.printable-ticket__info {
  display: block;
  padding-top: 13px;
  padding-bottom: 11px;
  border-bottom: 1px dashed var(--color--black);
  margin: 0;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}

.printable-ticket__info--date {
  font-variation-settings: "wght" var(--fw--bold);
}

.printable-ticket__info--price--total {
  font-variation-settings: "wght" var(--fw--bold);
}

.printable-ticket__seat-info {
  font-variation-settings: "wght" var(--fw--bold);
  margin: 0;
}

.printable-ticket__seat-info span {
  display: block;
}

.printable-ticket__content {
  margin-bottom: 16px;
}

.printable-ticket__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
}

.printable-ticket .venue-logo svg {
  height: 45px;
  width: auto;
}

.ticket-border {
  --box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
  --circle--size: 30px;
  --circle--size-offset: 31px;
  position: relative;
  border-radius: var(--circle--size);
  filter: drop-shadow(var(--box-shadow));
}

.ticket-border > * {
  mask-image: radial-gradient(circle var(--circle--size) at center top, transparent var(--circle--size), black var(--circle--size-offset)), radial-gradient(circle var(--circle--size) at center bottom, transparent var(--circle--size), black var(--circle--size-offset));
  mask-repeat: no-repeat;
  mask-size: 100% 70%;
  mask-position: center -5%, center 105%;
  background: white;
  padding-block: var(--circle--size);
  border-radius: calc(var(--circle--size) / 2);
}

.upcoming-tickets,
.top-picks {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}

@media (min-width: 62em) {
  .upcoming-tickets,
  .top-picks {
    padding-top: 0;
  }
}
@media (min-width: 75em) {
  .card-carousel.not-carousel {
    column-gap: var(--grid--column-gap, 0px);
    row-gap: var(--grid--row-gap, 0px);
  }
  .card-carousel.not-carousel > * {
    margin-top: 0;
  }
}
.card-carousel .slick-slider, .card-carousel.slick-slider,
.top-picks .slick-slider,
.top-picks.slick-slider,
.discount-event-feed .slick-slider,
.discount-event-feed.slick-slider {
  display: block;
  margin-right: calc(var(--grid--column-gap, 0px) * -1);
}

.card-carousel .slick-slider .top-picks__cards--item,
.card-carousel .slick-slider .card-carousel__item,
.card-carousel .slick-slider .discount-event-feed__cards--item, .card-carousel.slick-slider .top-picks__cards--item,
.card-carousel.slick-slider .card-carousel__item,
.card-carousel.slick-slider .discount-event-feed__cards--item,
.top-picks .slick-slider .top-picks__cards--item,
.top-picks .slick-slider .card-carousel__item,
.top-picks .slick-slider .discount-event-feed__cards--item,
.top-picks.slick-slider .top-picks__cards--item,
.top-picks.slick-slider .card-carousel__item,
.top-picks.slick-slider .discount-event-feed__cards--item,
.discount-event-feed .slick-slider .top-picks__cards--item,
.discount-event-feed .slick-slider .card-carousel__item,
.discount-event-feed .slick-slider .discount-event-feed__cards--item,
.discount-event-feed.slick-slider .top-picks__cards--item,
.discount-event-feed.slick-slider .card-carousel__item,
.discount-event-feed.slick-slider .discount-event-feed__cards--item {
  padding-right: var(--grid--column-gap, 0px);
}

.card-carousel [data-control-prev],
.card-carousel [data-control-next],
.top-picks [data-control-prev],
.top-picks [data-control-next],
.discount-event-feed [data-control-prev],
.discount-event-feed [data-control-next] {
  left: auto;
  right: var(--grid--column-gap, 0px);
  bottom: calc(100% + 24px);
}

.card-carousel [data-control-next],
.top-picks [data-control-next],
.discount-event-feed [data-control-next] {
  transform: none;
}

.card-carousel [data-control-prev],
.top-picks [data-control-prev],
.discount-event-feed [data-control-prev] {
  transform: translateX(calc((var(--btn--size) + 16px) * -1));
}

@media (min-width: 75em) {
  .card-carousel__container:has(.btn) .booking-pathway__header, .card-carousel__container:has([data-control-prev]) .booking-pathway__header,
  .top-picks:has(.btn) .booking-pathway__header,
  .top-picks:has([data-control-prev]) .booking-pathway__header,
  .discount-event-feed:has(.btn) .booking-pathway__header,
  .discount-event-feed:has([data-control-prev]) .booking-pathway__header {
    min-height: var(--btn--size);
    padding-right: 300px;
  }
}
.top-picks__account,
.discount-event-feed,
.top-picks__basket {
  background-color: var(--color--off-white);
  color: var(--color--black);
  padding-block: 24px;
}

@media (max-width: 47.99em) {
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .top-picks__account::after,
  .discount-event-feed::after,
  .top-picks__basket::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .top-picks__account,
  .discount-event-feed,
  .top-picks__basket {
    padding-inline: 24px;
  }
}
.top-picks__account .section,
.discount-event-feed .section,
.top-picks__basket .section {
  margin: 0;
}

.top-picks__account::after,
.discount-event-feed::after,
.top-picks__basket::after {
  background-color: var(--color--off-white);
}

.top-picks__account .ticket-card,
.discount-event-feed .ticket-card,
.top-picks__basket .ticket-card {
  padding: 0;
  border: none;
  display: flex;
  gap: 16px;
}

.top-picks__account .ticket-card .instance-event-summary__date,
.top-picks__account .ticket-card .card__genre,
.top-picks__account .ticket-card .instance-event-summary__venue,
.discount-event-feed .ticket-card .instance-event-summary__date,
.discount-event-feed .ticket-card .card__genre,
.discount-event-feed .ticket-card .instance-event-summary__venue,
.top-picks__basket .ticket-card .instance-event-summary__date,
.top-picks__basket .ticket-card .card__genre,
.top-picks__basket .ticket-card .instance-event-summary__venue {
  margin: 0;
}

.top-picks__account .ticket-card .card__genre,
.discount-event-feed .ticket-card .card__genre,
.top-picks__basket .ticket-card .card__genre {
  margin-top: 4px;
}

.top-picks__account .ticket-card .instance-event-summary,
.discount-event-feed .ticket-card .instance-event-summary,
.top-picks__basket .ticket-card .instance-event-summary {
  margin-top: 0;
}

.top-picks__account .ticket-card .instance-event-summary__button__flex,
.discount-event-feed .ticket-card .instance-event-summary__button__flex,
.top-picks__basket .ticket-card .instance-event-summary__button__flex {
  align-items: flex-start;
}

.top-picks__account .ticket-card .btn,
.discount-event-feed .ticket-card .btn,
.top-picks__basket .ticket-card .btn {
  margin-top: 16px;
  max-width: none;
}

@media (min-width: 75em) {
  .top-picks__cards,
  .discount-event-feed__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid--column-gap);
  }
  .top-picks__cards > *,
  .discount-event-feed__cards > * {
    margin-top: 0;
  }
}
.top-picks:has([data-control-prev]) .top-picks__header .btn,
.top-picks:has([data-control-prev]) .discount-event-feed__header .btn,
.discount-event-feed:has([data-control-prev]) .top-picks__header .btn,
.discount-event-feed:has([data-control-prev]) .discount-event-feed__header .btn {
  right: calc(var(--btn--size) * 2 + 32px);
}

.top-picks__header,
.discount-event-feed__header {
  position: relative;
}

.top-picks__header .btn,
.discount-event-feed__header .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (max-width: 74.99em) {
  .top-picks__header .btn,
  .discount-event-feed__header .btn {
    display: none;
  }
}
@media (max-width: 74.99em) {
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item {
    border-top: 1px solid var(--color--neutral-500);
    padding-top: 24px;
  }
  .discount-event-feed:where(:not(:has(.slick-slider))) .discount-event-feed__cards--item:first-child {
    border: 0;
    padding-top: 0;
  }
}
.view-alternative-dates__dialog,
.seat-info-dialog,
.seating-plan__video-dialog {
  height: 100vh;
  height: 100svh;
  border: 0;
}

@media (min-width: 48em) {
  .view-alternative-dates__dialog,
  .seat-info-dialog,
  .seating-plan__video-dialog {
    height: fit-content;
  }
}
.view-alternative-dates__dialog .dialog-container,
.seat-info-dialog .dialog-container,
.seating-plan__video-dialog .dialog-container {
  background-color: var(--color--white);
  color: var(--color--black);
  padding: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  height: 100vh;
  height: 100svh;
  width: 100%;
  margin: auto;
  max-height: 100vh;
  overflow: auto;
}

@media (min-width: 48em) {
  .view-alternative-dates__dialog .dialog-container,
  .seat-info-dialog .dialog-container,
  .seating-plan__video-dialog .dialog-container {
    height: fit-content;
    max-width: 25.3125rem;
  }
}
.view-alternative-dates__dialog::backdrop,
.seat-info-dialog::backdrop,
.seating-plan__video-dialog::backdrop {
  background-color: rgba(38, 38, 38, 0.6);
}

.view-alternative-dates__dialog .btn--dialog-close,
.seat-info-dialog .btn--dialog-close,
.seating-plan__video-dialog .btn--dialog-close {
  top: calc(8 / 16 * 1rem + (12 - 8) * var(--fluid--bp));
  right: calc(0 / 16 * 1rem + (8 - 0) * var(--fluid--bp));
}

.view-alternative-dates__dialog .booking-pathway__header,
.seat-info-dialog .booking-pathway__header,
.seating-plan__video-dialog .booking-pathway__header {
  padding: 0 20px;
  margin: 0;
  color: var(--color--black);
}

.view-alternative-dates__dialog .type-input-label,
.seat-info-dialog .type-input-label,
.seating-plan__video-dialog .type-input-label {
  margin-bottom: 12px;
}

.view-alternative-dates__dialog select,
.seat-info-dialog select,
.seating-plan__video-dialog select {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

.seat-info-dialog__header, .seat-info-dialog__seat-name {
  margin: 0;
}

.seat-info-dialog__image {
  margin-top: 16px;
}

.seat-info-dialog__image--info {
  margin: 8px 0 0;
  font-size: 0.75rem;
}

.view-alternative-dates {
  --btn--background-color: var(--color--black);
  --btn--color: var(--color--white);
  --btn--background-color--hover: var(--color--white);
  --btn--color--hover: var(--color--black);
}

.view-alternative-dates__title-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: var(--space--xs);
  margin-bottom: var(--space--xs);
  border-bottom: 1px solid var(--color--lilac-dark);
  font-size: 12px;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}

@media (min-width: 48em) {
  .view-alternative-dates__title-row {
    gap: 8px;
    font-size: 16px;
    padding-bottom: var(--space--m);
    margin-bottom: var(--space--m);
    font-weight: var(--fw--normal);
    font-variation-settings: "wght" var(--fw--normal);
  }
}
.view-alternative-dates__title {
  color: var(--color--purple-dark);
  margin: 0;
  font-weight: var(--fw--bold);
  font-variation-settings: "wght" var(--fw--bold);
}

.view-alternative-dates__details {
  flex: auto;
  font-size: var(--fs--body-xs);
}

@media (min-width: 48em) {
  .view-alternative-dates__details {
    font-size: var(--fs--body);
  }
}
.view-alternative-dates__details-date {
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
}

.view-alternative-dates__details > * {
  margin: 0;
}

.view-alternative-dates__button {
  text-decoration: underline;
}

@media (min-width: 48em) {
  .view-alternative-dates__button {
    font-family: var(--ff--primary);
  }
}
.view-alternative-dates__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.view-alternative-dates__paginate {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-start;
}

.view-alternative-dates__paginate .view-alternative-dates__button {
  flex: 0 0 24px;
  margin-top: -1px;
}

.view-alternative-dates__paginate .view-alternative-dates__button svg {
  width: auto;
  transform: translateY(1px);
}

.view-alternative-dates__picker-input {
  display: none;
}

.view-alternative-dates__performances {
  margin-top: 16px;
}

.view-alternative-dates__performances .btn {
  margin-top: 16px;
}

.view-alternative-dates .dialog-content .btn {
  max-width: 100%;
}

.seating-plan__video-dialog {
  --btn--size: 32px;
}

.seating-plan__video-dialog .btn--dialog-close {
  top: 24px;
  right: 16px;
}

@media (min-width: 48em) {
  .seating-plan__video-dialog .btn--dialog-close {
    top: 38px;
    right: 23px;
  }
}
.seating-plan__video-dialog .booking-pathway__header {
  padding: 0 20px 0 0;
  margin: 0 0 16px;
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .seating-plan__video-dialog .booking-pathway__header {
    margin: 0 0 28px;
  }
}
.seating-plan__video-dialog .dialog-container {
  max-width: 787px;
  border-radius: 8px;
  padding: 24px 16px 32px;
  max-width: 90vw;
  height: fit-content;
}

@media (min-width: 48em) {
  .seating-plan__video-dialog .dialog-container {
    max-width: 787px;
    padding: 32px;
  }
}
.seating-plan__video-dialog .dialog-content__video {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}

.seating-plan__video-dialog .dialog-content__video .btn--play {
  --btn--icon-size: 104px;
  background: none;
  position: absolute;
  inset: 0;
}

.select-ticket-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-block: 16px;
  border-bottom: 1px solid var(--color--neutral-400);
}

.select-ticket-type .confirmation-message {
  width: 100%;
}

.select-ticket-type .btn--remove {
  margin: 0;
}

.select-ticket-type__list > *:first-child .select-ticket-type {
  padding-top: 0;
}

.select-ticket-type__list > *:last-child .select-ticket-type {
  border: 0;
}

.select-ticket-type__header {
  width: 100%;
  flex-shrink: 0;
  font-size: calc(14 / 16 * 1rem + (16 - 14) * var(--fluid--bp));
}

@media (min-width: 75em) {
  .select-ticket-type__header {
    flex: 1;
    width: auto;
  }
}
.select-ticket-type__select {
  --spinner--size: 1em;
  flex: 1;
  max-width: 300px;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.select-ticket-type--select {
  margin: 0;
}

.select-ticket-type__title, .select-ticket-type__name {
  margin: 0;
  font-variation-settings: "wght" var(--fw--bold);
}

.select-ticket-type__seat-info {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--color--error);
  font-size: 0.875rem;
  line-height: 1.2;
  width: 100%;
  margin: 0;
}

p.select-ticket-type__seat-info {
  margin-top: 4px;
}

.select-ticket-type__seat-info svg {
  height: 1.2em;
  width: auto;
  margin: 0;
}

.select-ticket-type__view-button {
  text-align: left;
  text-decoration: underline;
  margin-top: 4px;
  font-size: 0.875rem;
}

.select-ticket-type .loading-indicator {
  height: 1em;
  display: inline-block;
}

.donation-slider {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  order: -1;
  padding: 0 36px 0 0;
  position: relative;
}

@media (min-width: 62em) {
  .donation-slider {
    margin: 0 auto;
    order: 1;
    padding: 0;
  }
}
.donation-slider-block {
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
}

.donation-slider-block__title {
  margin: 0 0 var(--space--xs);
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .donation-slider-block__title {
    font-size: var(--fs--h3);
  }
}
.donation-slider > .btn {
  --btn--size: 28px;
  padding: 2px;
  border: 0;
  margin: 0 0 0 102px;
  width: var(--btn--size);
}

.donation-slider > .btn svg {
  width: 100%;
}

.donation-slider > .btn:nth-of-type(1) {
  order: -1;
}

.donation-slider > .btn:nth-of-type(2) {
  margin-top: -26px;
}

.donation-slider > .btn:disabled {
  background: none;
}

.donation-slider__result {
  margin: 0 auto;
  max-width: 486px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

@media (min-width: 62em) {
  .donation-slider__result {
    flex-direction: row;
  }
}
.donation-slider__result-value {
  display: flex;
  gap: 5px;
}

@media (min-width: 48em) {
  .donation-slider__result-value {
    gap: 10px;
  }
}
.donation-slider__result-row {
  align-self: center;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 62em) {
  .donation-slider__result-row {
    padding: 36px 0 0;
    gap: var(--space--xl);
    width: 288px;
    margin: 0;
  }
}
.donation-slider__result-row .btn {
  margin: 24px auto 0;
  padding: 10px 12px;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 62em) {
  .donation-slider__result-row .btn {
    max-width: 226px;
    margin: 0 auto 0 44px;
  }
}
.donation-slider__result-currency {
  color: var(--color--purple-dark);
  font: var(--fw--bold) 31px/1.2 var(--ff--secondary);
  width: 20px;
  align-self: flex-end;
  padding: 0 0 5px;
}

@media (min-width: 48em) {
  .donation-slider__result-currency {
    font-size: 54px;
    padding: 0 0 10px;
    width: 34px;
  }
}
.donation-slider__result input[type=number] {
  padding: 5px 14px;
  border-color: #cecece;
  color: var(--color--lilac-dark) !important;
  font: var(--fw--bold) 42px/1 var(--ff--secondary);
  letter-spacing: -2px;
  text-align: center;
  margin: 0;
  height: 54px;
  width: 141px;
}

@media (min-width: 48em) {
  .donation-slider__result input[type=number] {
    text-align: left;
    font-size: 72px;
    height: 94px;
    width: 244px;
  }
}
.donation-slider__range {
  width: 174px;
  cursor: pointer;
  position: relative;
}

.donation-slider__range-mask,
.donation-slider__range input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.donation-slider__range input {
  height: 24px;
  margin: 0;
  outline: none;
  appearance: none;
  pointer-events: none;
  opacity: 0;
}

.donation-slider__range-mask {
  cursor: grab;
  height: 100%;
}

.donation-slider__range svg {
  overflow: visible;
}

.donation-slider__animation {
  position: absolute;
  bottom: -9%;
  left: 50%;
  transform: translateX(-47%);
  width: 400%;
  z-index: -1;
}

.accessibility-key {
  width: 100%;
  border: 1px solid var(--color--black);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--space--m);
  padding: var(--space--m) var(--space--l);
  margin-top: var(--space--m);
}

.accessibility-key__title {
  margin: 0;
  color: var(--color--purple-dark);
}

.accessibility-key__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  font-size: var(--fs--body-xs);
}

.accessibility-key__list-item {
  display: flex;
  gap: var(--space--xs);
  font-weight: var(--fw--medium);
  font-variation-settings: "wght" var(--fw--medium);
  align-items: center;
}

.accessibility-key__icon {
  flex: 0 0 20px;
  align-self: flex-start;
}

.accessibility-key__message {
  font-size: var(--fs--body-xs);
  color: var(--color--purple-dark);
}

@media (min-width: 48em) {
  .accessibility-key__message {
    font-size: var(--fs--body-s);
  }
}
.accessibility-key__message p {
  margin: 0;
}

.booking-pathway__tickets-header {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  margin-bottom: 24px;
  min-height: 48px;
}

.booking-pathway__tickets-header h1 {
  font-size: var(--fs--h2);
}

@media (min-width: 48em) {
  .booking-pathway__tickets-header h1 {
    align-self: center;
    margin: 0;
  }
}
.booking-pathway__tickets-header button {
  width: 50%;
  min-height: 48px;
  padding-block: 5px;
  max-width: 358px;
}

@media (max-width: 47.99em) {
  .booking-pathway__tickets-header button {
    display: none;
  }
}
.booking-pathway__tickets-header button svg {
  transition: stroke 0.2s;
}

.booking-pathway__tickets-header button svg [stroke] {
  stroke: currentColor;
}

.booking-pathway__tickets-header button:hover svg, .booking-pathway__tickets-header button:focus-visible svg {
  stroke: #fff;
}

.booking-pathway__account.booking-pathway__container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "content content summary" "content content buttons";
}

.booking-pathway__account h1.booking-pathway__header {
  font-size: var(--fs--h1);
  font-weight: var(--fw--black);
}

@media (max-width: 47.99em) {
  .booking-pathway__account h1.booking-pathway__header {
    margin-top: 24px;
  }
}
.booking-pathway__account .booking-pathway__header {
  font-size: var(--fs--h2);
}

.booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
  position: relative;
}

@media (max-width: 47.99em) {
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block))::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .booking-pathway__account .booking-pathway__header:where(:has(+ .preferences-block)) {
    padding-block: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 47.99em) {
  .booking-pathway__account--overview h1.booking-pathway__header {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .booking-pathway__account--overview h1.booking-pathway__header::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .booking-pathway__account--overview h1.booking-pathway__header {
    padding-block: 24px;
    margin: 0;
  }
}
.booking-pathway__account--overview .card-carousel__container {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}

.booking-pathway__account--overview .card-carousel__container .booking-pathway__header {
  width: 70%;
}

@media (min-width: 48em) {
  .booking-pathway__account--overview .card-carousel__container .booking-pathway__header {
    width: 100%;
  }
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item {
  display: flex !important;
  height: 100%;
  flex-direction: column;
}

@media (min-width: 62em) {
  .booking-pathway__account--overview .card-carousel__container .card-carousel__item,
  .booking-pathway__account--overview .card-carousel__container .top-picks__cards--item {
    flex-direction: row;
  }
}
.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card {
  display: flex;
}

.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}

.booking-pathway__account--overview .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--overview .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}

.booking-pathway__account--overview .card-carousel__container .slick-track {
  display: flex;
}

.booking-pathway__account--overview .card-carousel__container .slick-slide {
  height: inherit;
}

.booking-pathway__account--overview .card-carousel__container .slick-slide > * {
  height: 100%;
}

.booking-pathway__account--overview .card-carousel__container .not-carousel .card-carousel__item {
  gap: 24px;
}

@media (min-width: 62em) {
  .booking-pathway__account--overview .card-carousel__container .not-carousel .card-carousel__item .ticket-card {
    width: 50%;
  }
}
.booking-pathway__account--orders .card-carousel__container {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}

.booking-pathway__account--orders .card-carousel__container .booking-pathway__header {
  width: 70%;
}

@media (min-width: 48em) {
  .booking-pathway__account--orders .card-carousel__container .booking-pathway__header {
    width: 100%;
  }
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item {
  display: flex !important;
  height: 100%;
  flex-direction: column;
}

@media (min-width: 62em) {
  .booking-pathway__account--orders .card-carousel__container .card-carousel__item,
  .booking-pathway__account--orders .card-carousel__container .top-picks__cards--item {
    flex-direction: row;
  }
}
.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card {
  display: flex;
}

.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}

.booking-pathway__account--orders .card-carousel__container .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--orders .card-carousel__container .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}

.booking-pathway__account--orders .card-carousel__container .slick-track {
  display: flex;
}

.booking-pathway__account--orders .card-carousel__container .slick-slide {
  height: inherit;
}

.booking-pathway__account--orders .card-carousel__container .slick-slide > * {
  height: 100%;
}

.booking-pathway__account--orders .not-carousel .card-carousel__item {
  gap: 24px;
}

@media (min-width: 62em) {
  .booking-pathway__account--orders .not-carousel .card-carousel__item .ticket-card {
    width: 50%;
  }
}
.booking-pathway__account--details--form + .booking-pathway__account--details--form {
  margin-top: 48px;
}

.booking-pathway__account--details--form .form-field--group.form-field--group__name {
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 48em) {
  .booking-pathway__account--details--form .form-field--group.form-field--group__name {
    grid-template-columns: repeat(2, 1fr);
  }
}
.booking-pathway__account--memberships .memberships .two-col .card--membership {
  max-width: unset;
  width: 100%;
}

.booking-pathway__account--memberships .card-carousel__item,
.booking-pathway__account--memberships .top-picks__cards--item,
.booking-pathway__account--memberships .discount-event-feed__cards--item {
  display: flex !important;
  height: 100%;
}

.booking-pathway__account--memberships .card-carousel__item .ticket-card,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card {
  display: flex;
}

.booking-pathway__account--memberships .card-carousel__item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card .instance-event-summary .btn,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card .instance-event-summary .btn {
  max-width: none;
}

.booking-pathway__account--memberships .card-carousel__item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--memberships .top-picks__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn,
.booking-pathway__account--memberships .discount-event-feed__cards--item .ticket-card .instance-event-summary__button__flex.has-studio .btn {
  width: 50%;
}

.booking-pathway__account--memberships .slick-track {
  display: flex;
}

.booking-pathway__account--memberships .slick-slide {
  height: inherit;
}

.booking-pathway__account--memberships .slick-slide > * {
  height: 100%;
}

.booking-pathway__account .booking-pathway__footer {
  grid-area: summary;
}

@media (min-width: 48em) {
  .booking-pathway__account .booking-pathway__footer {
    margin-top: 0;
  }
}
@media (max-width: 74.99em) {
  .booking-pathway__account .booking-pathway__footer .btn--logout {
    display: none;
  }
}
.account-navigation {
  --btn--color: var(--color--foreground);
  position: relative;
}

@media (min-width: 48em) {
  .account-navigation {
    margin-bottom: 24px;
  }
}
.account-navigation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--color--black);
  z-index: -1;
}

.account-navigation__disclosure-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: calc(var(--btn--padding-block) + 2px);
  padding-bottom: var(--btn--padding-block);
  width: 100%;
}

@media (min-width: 75em) {
  .account-navigation__disclosure-button {
    display: none;
  }
}
.account-navigation__disclosure-button::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background-color: var(--color--off-white);
}

.account-navigation__disclosure-button svg {
  width: var(--btn--icon-size, 1em);
  height: var(--btn--icon-size, 1em);
  transform: rotate(180deg);
}

.account-navigation__disclosure-panel {
  --btn--background-color: transparent;
  --btn--border-color: var(--color--foreground);
  --btn--color: var(--color--foreground);
  padding-bottom: 16px;
}

@media (min-width: 75em) {
  .account-navigation__disclosure-panel {
    padding-block: 0;
  }
}
.account-navigation__disclosure-panel .btn {
  width: 100%;
}

@media (min-width: 75em) {
  .account-navigation__disclosure-panel .btn {
    display: none;
  }
}
.account-navigation__list {
  padding-block: 8px;
}

@media (min-width: 75em) {
  .account-navigation__list {
    display: flex;
    padding-block: 0;
  }
}
.account-navigation__list a {
  display: block;
  padding-block: 8px;
  text-decoration: none;
}

@media (min-width: 75em) {
  .account-navigation__list a {
    padding: 16px 24px;
  }
}
.account-navigation__list a:hover {
  text-decoration: underline;
}

@media (min-width: 75em) {
  .account-navigation__list a:hover {
    text-decoration: none;
  }
}
.account-navigation__list a.active {
  text-decoration: underline;
}

@media (min-width: 75em) {
  .account-navigation__list a.active {
    background-color: var(--color--white);
    color: var(--color--black);
    text-decoration: none;
  }
}
.account-overview-navigation {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}

@media (min-width: 75em) {
  .account-overview-navigation {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
@media (min-width: 48em) {
  .account-overview-navigation__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.account-overview-navigation__list--header {
  margin-bottom: 4px;
}

.account-overview-navigation__list--link {
  --icon--size: 52px;
  padding: 24px 16px;
  display: flex;
  gap: 24px;
  text-decoration: none;
  border-bottom: 1px solid var(--color--black);
  transition: all var(--transition--base);
}

@media (min-width: 48em) {
  .account-overview-navigation__list--link {
    border: 1px solid var(--color--black);
  }
}
.account-overview-navigation__list--link svg {
  width: var(--icon--size);
  height: auto;
  flex-shrink: 0;
  flex-grow: 0;
}

.account-overview-navigation__list--link span {
  display: block;
}

.account-overview-navigation__list--link:hover, .account-overview-navigation__list--link:focus-visible {
  background-color: var(--color--purple-dark);
  color: var(--color--white);
}

.preferences-block {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
  margin-bottom: 24px;
}

@media (max-width: 47.99em) {
  .preferences-block {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .preferences-block::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .preferences-block {
    padding: 24px;
  }
}
.preferences-block--form-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.preferences-block [type=submit] {
  margin-top: 32px;
  width: 100%;
}

@media (min-width: 48em) {
  .preferences-block [type=submit] {
    margin-top: 24px;
    max-width: 175px;
  }
}
.preferences-block .btn--pill {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border-color: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  margin: 0;
}

.preferences-block .booking-pathway__header {
  font-size: var(--fs--h2);
}

.preferences-block .booking-pathway__introduction {
  margin-bottom: 24px;
}

@media (min-width: 48em) {
  .preferences-block .booking-pathway__introduction {
    font-size: 1.25rem;
  }
}
.customer-status-blocks {
  margin-bottom: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
}

@media (min-width: 48em) {
  .customer-status-blocks {
    display: flex;
    flex-direction: column;
    gap: calc(16 / 16 * 1rem + (24 - 16) * var(--fluid--bp));
  }
}
@media (min-width: 62em) {
  .customer-status-blocks {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .customer-status-blocks > * {
    flex: 1;
    min-width: 45%;
  }
}
@media (min-width: 75em) {
  .customer-status-blocks .customer-membership:only-child {
    padding-right: 160px;
  }
  .customer-status-blocks .customer-membership:only-child .btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    max-width: 150px;
  }
  .customer-status-blocks .customer-membership:only-child .customer-membership__info {
    margin-bottom: 0;
  }
}
.customer-membership,
.customer-donation-history {
  position: relative;
  padding-top: 16px;
  padding-bottom: 32px;
}

@media (max-width: 47.99em) {
  .customer-membership,
  .customer-donation-history {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .customer-membership::after,
  .customer-donation-history::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .customer-membership,
  .customer-donation-history {
    padding: 24px;
    display: flex;
    flex-direction: column;
  }
}
.customer-membership__info,
.customer-donation-history__info {
  margin: 0;
}

.customer-membership__info:has(+ .btn),
.customer-donation-history__info:has(+ .btn) {
  margin-bottom: 16px;
}

@media (min-width: 48em) {
  .customer-membership__info:has(+ .btn),
  .customer-donation-history__info:has(+ .btn) {
    margin-bottom: 24px;
  }
}
.customer-membership .btn,
.customer-donation-history .btn {
  --btn--background-color: transparent;
  --btn--color: var(--color--foreground);
  --btn--border: var(--color--foreground);
  --btn--background-color--hover: var(--color--foreground);
  --btn--color--hover: var(--color--black);
  width: 100%;
  margin-top: auto;
}

.customer-membership .booking-pathway__header,
.customer-donation-history .booking-pathway__header {
  font-size: var(--fs--h2);
  margin: 0;
  font-weight: 900;
}

@media (min-width: 48em) {
  .customer-membership .booking-pathway__header,
  .customer-donation-history .booking-pathway__header {
    margin-bottom: 8px;
  }
}
@media (min-width: 48em) {
  .customer-membership {
    --color--background: var(--color--purple-dark);
  }
}
.customer-membership__info {
  font-variation-settings: "wght" var(--fw--bold);
}

.customer-donation-history {
  --space--prose: 8px;
  --color--background: var(--color--pink-primary);
  background-color: var(--color--pink-primary);
  padding-bottom: 16px;
}

.customer-donation-history::after {
  background-color: var(--color--pink-primary);
}

.customer-donation-history p {
  margin: 0;
}

.customer-donation-history__donation-amount {
  display: block;
}

.upsell-block {
  width: 100%;
}

@media (min-width: 75em) {
  .upsell-block {
    display: flex;
    flex-direction: column-reverse;
  }
}
.upsell-block img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.upsell-block__content {
  padding: 16px 16px 24px;
}

@media (min-width: 75em) {
  .upsell-block__content {
    padding: 24px;
  }
}
.upsell-block__header {
  margin: 0 0 16px;
  font-size: var(--fs--h3);
}

@media (min-width: 75em) {
  .upsell-block__header {
    font-size: var(--fs--h2);
  }
}
.upsell-block__button {
  margin-top: 24px;
}

.orders__extras {
  margin-block: calc(24 / 16 * 1rem + (32 - 24) * var(--fluid--bp));
  padding-block: 24px;
}

@media (max-width: 47.99em) {
  .orders__extras {
    position: relative;
    color: var(--color--white);
    background-color: var(--color--black);
  }
  .orders__extras::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1;
    background-color: var(--color--black);
  }
  .orders__extras {
    background-color: var(--color--off-white);
    color: var(--color--black);
  }
}
@media (min-width: 48em) {
  .orders__extras {
    border-top: 1px solid var(--color--black);
    padding-bottom: 0;
  }
}
.orders__extras::after {
  background-color: var(--color--off-white);
}

.orders__extras--select {
  background-color: var(--color--white);
}

.orders__extras--select, .orders__extras--date {
  font-variation-settings: "wght" var(--fw--bold);
  margin-block: 8px;
  flex-shrink: 0;
}

@media (min-width: 75em) {
  .orders__extras--select, .orders__extras--date {
    margin: 0;
  }
}
@media (min-width: 75em) {
  .orders__extras--header {
    margin-bottom: 8px;
    align-items: flex-start;
    column-gap: 16px;
  }
}
.orders__extras--header .booking-pathway__header {
  margin-bottom: 16px;
}

@media (min-width: 75em) {
  .orders__extras--header .booking-pathway__header {
    min-height: var(--btn--size);
  }
}
.orders__extras--header select {
  margin-bottom: 24px;
}

@media (min-width: 75em) {
  .orders__extras--header select {
    max-width: 50%;
  }
}
.orders__extras .extras-group {
  border: 0;
  padding: 0;
}

.orders__extras .extras-instance:where(:not(:first-child)) {
  border-top: 1px solid var(--color--disabled);
  padding-top: 24px;
}

.past-orders-header {
  border-top: 1px solid var(--color--black);
  padding-top: 24px;
}

.past-orders .accordion-item__heading {
  font-size: 1rem;
  font-weight: var(--fs--normal);
  font-variation-settings: "wght" var(--fw--normal);
  text-decoration: underline;
  min-width: 60%;
  display: flex;
  gap: 8px;
}

.past-orders .accordion-item__heading > * {
  flex: 1;
}

.past-orders .order-content {
  --space--prose: 8px;
}

.past-orders .order-content__header {
  margin: 0 0 24px;
}

.past-orders .order-content__list span {
  display: block;
}

.past-orders .order-content__list > li {
  border-bottom: solid 1px var(--color--black);
}

.past-orders .order-content__list-item--title {
  font-variation-settings: "wght" var(--fw--bold);
}

.past-orders .order-content__list-item--group {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.past-orders .order-content__list-item--total {
  font-variation-settings: "wght" var(--fw--bold);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}

.past-orders .order-content__section + .order-content__section {
  margin-top: 32px;
  padding-top: 14px;
  border-top: 1px solid var(--color--black);
}

.save-to-wallet {
  display: none;
}

@media (max-width: 47.99em) {
  .save-to-wallet {
    display: flex;
    justify-content: space-evenly;
    margin-top: var(--space--m);
  }
  .save-to-wallet a {
    padding: 0 0.5rem;
    display: flex;
  }
  .save-to-wallet a svg path {
    stroke: unset;
  }
}
@media (min-width: 75em) {
  .contact-preferences {
    border-top: 1px solid var(--color--black);
    padding-top: 24px;
  }
}
.contact-preferences__static {
  --space--prose: 8px;
  margin-bottom: 24px;
}

.contact-preferences .contact-preferences__form .btn {
  margin-top: 24px;
}

.contact-preferences .booking-pathway__introduction {
  max-width: 41.25rem;
}

.contact-preferences .btn {
  min-width: 175px;
  margin-top: 12px;
}

@media (max-width: 47.99em) {
  .contact-preferences .btn {
    width: 100%;
  }
}
.personalised-offers {
  padding: 24px 16px;
}

.personalised-offers .booking-pathway__header {
  font-size: var(--fs--h2);
}

.personalised-offer {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color--off-white);
}

@media (min-width: 75em) {
  .personalised-offer {
    display: flex;
    gap: 16px;
  }
}
.personalised-offer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.personalised-offer__title {
  margin: 0 0 4px;
  font-size: 24px;
}

.personalised-offer__introduction {
  margin-bottom: 16px;
}

@media (min-width: 75em) {
  .personalised-offer__introduction {
    margin-bottom: 0;
  }
}
.personalised-offer__content {
  flex: 1;
}