/* http://meyerweb.com/eric/tools/css/reset/
v2.0b1 | 201101
NOTE: WORK IN PROGRESS
USE WITH CAUTION AND TEST WITH ABANDON */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
border: 0;
outline: 0; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
body {
line-height: 1; }
ol,
ul {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
/* remember to define visible focus styles!
:focus {
outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins {
text-decoration: none; }
del {
text-decoration: line-through; }
table {
border-spacing: 0;
border-collapse: collapse; }
*,
* + *,
*:before,
*:after {
box-sizing: inherit;
box-sizing: content-box; }
html,
body {
margin: 0;
font-size: 62.5%;
background: #000; }
body {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
overflow-y: scroll;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
color: #fff;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%; }
main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
@media (max-width: 768px) {
main {
-webkit-flex-grow: initial;
-ms-flex-positive: initial;
flex-grow: initial; } }
img, svg, use {
max-width: 100%;
height: auto; }
img.lazyload, svg.lazyload, use.lazyload {
transition: .7s;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(50px);
filter: blur(50px);
-webkit-filter: blur(5rem);
filter: blur(5rem); }
img.lazyloaded, svg.lazyloaded, use.lazyloaded {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: blur(0);
filter: blur(0); }
a:link,
a:active,
a:hover,
a:visited,
a:focus {
color: currentColor;
-ms-touch-action: manipulation;
touch-action: manipulation; }
a:link,
a:visited {
text-decoration: none;
text-decoration: underline;
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink; }
.skip {
position: absolute;
z-index: -999;
top: auto;
left: -999px;
overflow: hidden;
width: 1px;
height: 1px; }
.skip:hover,
.skip:focus,
.skip:active {
z-index: 999;
top: auto;
left: auto;
overflow: auto;
width: auto;
height: auto;
text-align: center; }
button {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
cursor: pointer;
transition: .2s;
font-size: inherit;
font-weight: 100;
color: #2a348f;
border: none;
border-radius: 0;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
button:hover {
opacity: .8; }
input,
button,
textarea,
select {
overflow: visible;
height: 25px;
height: 2.5rem;
margin: 0;
padding: 0;
line-height: inherit;
vertical-align: bottom;
border: none;
border-radius: 0;
outline: none;
background: none;
box-shadow: none; }
input,
textarea,
select {
border: 1px solid currentColor; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background: #fff !important;
box-shadow: 0 0 0 1000px #fff inset;
text-fill-color: currentColor;
-webkit-text-fill-color: currentColor; }
button::-moz-focus-inner,
input:-moz-focus-inner,
select:-moz-focus-inner,
*:focus-inner {
padding: 0;
border: none; }
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
position: relative; }
.flickity-enabled:focus {
outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%; }
.flickity-slider {
position: absolute;
width: 100%;
height: 100%; }
/* draggable */
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing; }
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255, 255, 255, .75);
cursor: pointer;
/* vertically center */
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.flickity-prev-next-button:hover {
background: white; }
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F; }
.flickity-prev-next-button:active {
opacity: 0.6; }
.flickity-prev-next-button.previous {
left: 10px; }
.flickity-prev-next-button.next {
right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px; }
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px; }
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto; }
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%; }
.flickity-prev-next-button .arrow {
fill: #333; }
/* ---- page dots ---- */
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1; }
.flickity-rtl .flickity-page-dots {
direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer; }
.flickity-page-dots .dot.is-selected {
opacity: 1; }
@font-face {
font-family: 'AvantGarde-Book';
src: url("../../../public/ui/fonts/itcavantgarde/AvantGarBoo.eot"); }
@font-face {
font-family: 'AvantGarde-Book';
src: url("../../../public/ui/fonts/itcavantgarde/AvantGarBoo.woff") format("woff"), url("../../../public/ui/fonts/itcavantgarde/AvantGarBoo.svg#AvantGarde-Book") format("svg"); }
@font-face {
font-family: 'AvantGarde-Bold';
src: url("../../../public/ui/fonts/itcavantgarde/AvantGarBol.eot"); }
@font-face {
font-family: 'AvantGarde-Bold';
src: url("../../../public/ui/fonts/itcavantgarde/AvantGarBol.woff") format("woff"), url("../../../public/ui/fonts/itcavantgarde/AvantGarBol.svg#AvantGarde-Bold") format("svg"); }
html {
font-size: 10px; }
@media (min-width: 1024px) and (max-width: 1950px) {
html {
font-size: calc(10px + 5 * ((100vw - 1024px) / 926)); } }
@media (min-width: 1950px) {
html {
font-size: 15px; } }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-family: Helvetica, 'Avant Garde', 'Avantgarde', 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
font-style: normal;
line-height: 1.5em;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
text-size-adjust: 100% !important; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; }
h1,
.h1 {
margin-top: 15px;
margin-top: 1.5rem;
margin-top: 0;
margin-bottom: 15px;
margin-bottom: 1.5rem;
font-size: 42.5px;
font-size: 4.25rem;
line-height: 1.5em; }
h2,
.h2 {
margin-top: 15px;
margin-top: 1.5rem;
margin-top: 0;
margin-bottom: 15px;
margin-bottom: 1.5rem;
font-size: 26.25px;
font-size: 2.625rem;
line-height: 1.5em; }
h3,
.h3 {
margin-top: 15px;
margin-top: 1.5rem;
margin-top: 0;
margin-bottom: 0px;
margin-bottom: 0rem;
font-size: 16.25px;
font-size: 1.625rem;
line-height: 1.5em; }
h4,
.h4 {
margin-top: 15px;
margin-top: 1.5rem;
margin-top: 0;
margin-bottom: 0px;
margin-bottom: 0rem;
font-size: 10px;
font-size: 1rem;
line-height: 1.5em; }
h5,
.h5 {
margin-top: 0;
margin-top: 15px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem;
font-size: 10px;
font-size: 1rem;
line-height: 1.5em; }
p,
ul,
ol,
pre,
table,
blockquote {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 3em;
line-height: 1.5em; }
ul ul,
ol ol,
ul ol,
ol ul {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem; }
li {
font-size: inherit;
line-height: 1.5em; }
/* Let's make sure all's aligned */
hr,
.hr {
margin: -1px 0;
border: 1px solid; }
a,
b,
i,
strong,
em,
small,
code {
line-height: 15px;
line-height: 1.5rem; }
sub,
sup {
position: relative;
line-height: 0;
vertical-align: baseline; }
sup {
top: -.5em; }
sub {
bottom: -.25em; }
strong {
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; }
.Btn, .Calendar .ticket-link a,
.calendar-view .ticket-link a, .More, body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url,
a.Btn,
.Calendar .ticket-link a,
.calendar-view .ticket-link a,
a.More,
body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url,
.event-info .ticket-price a {
position: relative;
display: inline-block;
overflow: hidden;
height: auto;
padding: 5px 22px;
padding: .5rem 2.2rem;
transition: .2s;
font-family: Helvetica, "Avant Garde", "Avantgarde", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform; }
.Btn + .Btn, .Calendar .ticket-link a + .Btn,
.calendar-view .ticket-link a + .Btn, .More + .Btn, body:not(.home) .list-view-item a.tickets + .Btn,
body:not(.home) .list-view-item a.url + .Btn, .Calendar .ticket-link .Btn + a, .Calendar .ticket-link a + a, .Calendar .ticket-link .More + a, body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a, .Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a, .Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link .Btn + a, .calendar-view .ticket-link a + a,
.calendar-view .ticket-link .More + a, body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a, .Btn + .More, .Calendar .ticket-link a + .More,
.calendar-view .ticket-link a + .More, .More + .More, body:not(.home) .list-view-item a.tickets + .More,
body:not(.home) .list-view-item a.url + .More, body:not(.home) .list-view-item .Btn + a.tickets, .Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets, body:not(.home) .list-view-item .More + a.tickets, body:not(.home) .list-view-item a.tickets + a.tickets, body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item .Btn + a.url, .Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item .More + a.url, body:not(.home) .list-view-item a.tickets + a.url, body:not(.home) .list-view-item a.url + a.url,
a.Btn + .Btn, .Calendar .ticket-link a + .Btn,
.calendar-view .ticket-link a + .Btn, a.More + .Btn, body:not(.home) .list-view-item a.tickets + .Btn,
body:not(.home) .list-view-item a.url + .Btn, .Calendar .ticket-link a + a, body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a, .Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a, .Calendar .ticket-link
body:not(.home) .list-view-item a.url + a, .calendar-view .ticket-link a + a, body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
a.Btn + .More, .Calendar .ticket-link a + .More,
.calendar-view .ticket-link a + .More, a.More + .More, body:not(.home) .list-view-item a.tickets + .More,
body:not(.home) .list-view-item a.url + .More, body:not(.home) .list-view-item
a.Btn + a.tickets, .Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets, body:not(.home) .list-view-item a.More + a.tickets, body:not(.home) .list-view-item a.tickets + a.tickets, body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item
a.Btn + a.url, .Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item a.More + a.url, body:not(.home) .list-view-item a.tickets + a.url, body:not(.home) .list-view-item a.url + a.url,
.event-info .ticket-price a + .Btn,
.event-info .ticket-price .Calendar .ticket-link a + a, .Calendar .ticket-link
.event-info .ticket-price a + a,
.event-info .ticket-price
.calendar-view .ticket-link a + a,
.calendar-view .ticket-link
.event-info .ticket-price a + a,
.event-info .ticket-price a + .More,
.event-info .ticket-price body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item
.event-info .ticket-price a + a.tickets,
.event-info .ticket-price
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.event-info .ticket-price a + a.url,
.Btn +
a.Btn,
.More +
a.Btn,
body:not(.home) .list-view-item a.tickets +
a.Btn,
body:not(.home) .list-view-item a.url +
a.Btn,
.Calendar .ticket-link .Btn + a,
.Calendar .ticket-link a + a,
.Calendar .ticket-link .More + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a,
.Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a,
.Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link .Btn + a,
.calendar-view .ticket-link a + a,
.calendar-view .ticket-link .More + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
.Btn + a.More,
.More + a.More,
body:not(.home) .list-view-item a.tickets + a.More,
body:not(.home) .list-view-item a.url + a.More,
body:not(.home) .list-view-item .Btn + a.tickets,
.Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets,
body:not(.home) .list-view-item .More + a.tickets,
body:not(.home) .list-view-item a.tickets + a.tickets,
body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item .Btn + a.url,
.Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item .More + a.url,
body:not(.home) .list-view-item a.tickets + a.url,
body:not(.home) .list-view-item a.url + a.url,
a.Btn +
a.Btn,
a.More +
a.Btn,
body:not(.home) .list-view-item a.tickets +
a.Btn,
body:not(.home) .list-view-item a.url +
a.Btn,
.Calendar .ticket-link a + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a,
.Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a,
.Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link a + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
a.Btn + a.More,
a.More + a.More,
body:not(.home) .list-view-item a.tickets + a.More,
body:not(.home) .list-view-item a.url + a.More,
body:not(.home) .list-view-item
a.Btn + a.tickets,
.Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets,
body:not(.home) .list-view-item a.More + a.tickets,
body:not(.home) .list-view-item a.tickets + a.tickets,
body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item
a.Btn + a.url,
.Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item a.More + a.url,
body:not(.home) .list-view-item a.tickets + a.url,
body:not(.home) .list-view-item a.url + a.url,
.event-info .ticket-price a +
a.Btn,
.event-info .ticket-price .Calendar .ticket-link a + a,
.Calendar .ticket-link
.event-info .ticket-price a + a,
.event-info .ticket-price
.calendar-view .ticket-link a + a,
.calendar-view .ticket-link
.event-info .ticket-price a + a,
.event-info .ticket-price a + a.More,
.event-info .ticket-price body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item
.event-info .ticket-price a + a.tickets,
.event-info .ticket-price
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.event-info .ticket-price a + a.url, .Btn +
.event-info .ticket-price a, .Calendar .ticket-link a +
.event-info .ticket-price a,
.calendar-view .ticket-link a +
.event-info .ticket-price a, .More +
.event-info .ticket-price a, body:not(.home) .list-view-item a.tickets +
.event-info .ticket-price a,
body:not(.home) .list-view-item a.url +
.event-info .ticket-price a,
a.Btn +
.event-info .ticket-price a, .Calendar .ticket-link a +
.event-info .ticket-price a,
.calendar-view .ticket-link a +
.event-info .ticket-price a, a.More +
.event-info .ticket-price a, body:not(.home) .list-view-item a.tickets +
.event-info .ticket-price a,
body:not(.home) .list-view-item a.url +
.event-info .ticket-price a,
.event-info .ticket-price a +
.event-info .ticket-price a {
margin-left: 20px;
margin-left: 2rem; }
.Btn:hover, .Calendar .ticket-link a:hover,
.calendar-view .ticket-link a:hover, .More:hover, body:not(.home) .list-view-item a.tickets:hover,
body:not(.home) .list-view-item a.url:hover, .Btn:focus, .Calendar .ticket-link a:focus,
.calendar-view .ticket-link a:focus, .More:focus, body:not(.home) .list-view-item a.tickets:focus,
body:not(.home) .list-view-item a.url:focus, .Btn.active, .Calendar .ticket-link a.active,
.calendar-view .ticket-link a.active, .active.More, body:not(.home) .list-view-item a.active.tickets,
body:not(.home) .list-view-item a.active.url,
a.Btn:hover,
.Calendar .ticket-link a:hover,
.calendar-view .ticket-link a:hover,
a.More:hover,
body:not(.home) .list-view-item a.tickets:hover,
body:not(.home) .list-view-item a.url:hover,
a.Btn:focus,
.Calendar .ticket-link a:focus,
.calendar-view .ticket-link a:focus,
a.More:focus,
body:not(.home) .list-view-item a.tickets:focus,
body:not(.home) .list-view-item a.url:focus,
a.Btn.active,
.Calendar .ticket-link a.active,
.calendar-view .ticket-link a.active,
a.active.More,
body:not(.home) .list-view-item a.active.tickets,
body:not(.home) .list-view-item a.active.url,
.event-info .ticket-price a:hover,
.event-info .ticket-price a:focus,
.event-info .ticket-price a.active {
color: #fff;
background-color: #555555; }
.Btn:active, .Calendar .ticket-link a:active,
.calendar-view .ticket-link a:active, .More:active, body:not(.home) .list-view-item a.tickets:active,
body:not(.home) .list-view-item a.url:active,
a.Btn:active,
.Calendar .ticket-link a:active,
.calendar-view .ticket-link a:active,
a.More:active,
body:not(.home) .list-view-item a.tickets:active,
body:not(.home) .list-view-item a.url:active,
.event-info .ticket-price a:active {
color: #000;
background-color: #fff; }
.Btn:active:before, .Calendar .ticket-link a:active:before,
.calendar-view .ticket-link a:active:before, .More:active:before, body:not(.home) .list-view-item a.tickets:active:before,
body:not(.home) .list-view-item a.url:active:before,
a.Btn:active:before,
.Calendar .ticket-link a:active:before,
.calendar-view .ticket-link a:active:before,
a.More:active:before,
body:not(.home) .list-view-item a.tickets:active:before,
body:not(.home) .list-view-item a.url:active:before,
.event-info .ticket-price a:active:before {
background-color: #fff; }
@media (max-width: 700px) {
.Btn, .Calendar .ticket-link a,
.calendar-view .ticket-link a, .More, body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url,
a.Btn,
.Calendar .ticket-link a,
.calendar-view .ticket-link a,
a.More,
body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url {
display: block;
margin: 0 auto 20px;
margin: 0 auto 2rem;
text-align: center; }
.Btn + .Btn, .Calendar .ticket-link a + .Btn,
.calendar-view .ticket-link a + .Btn, .More + .Btn, body:not(.home) .list-view-item a.tickets + .Btn,
body:not(.home) .list-view-item a.url + .Btn, .Calendar .ticket-link .Btn + a, .Calendar .ticket-link a + a, .Calendar .ticket-link .More + a, body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a, .Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a, .Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link .Btn + a, .calendar-view .ticket-link a + a,
.calendar-view .ticket-link .More + a, body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a, .Btn + .More, .Calendar .ticket-link a + .More,
.calendar-view .ticket-link a + .More, .More + .More, body:not(.home) .list-view-item a.tickets + .More,
body:not(.home) .list-view-item a.url + .More, body:not(.home) .list-view-item .Btn + a.tickets, .Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets, body:not(.home) .list-view-item .More + a.tickets, body:not(.home) .list-view-item a.tickets + a.tickets, body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item .Btn + a.url, .Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item .More + a.url, body:not(.home) .list-view-item a.tickets + a.url, body:not(.home) .list-view-item a.url + a.url,
a.Btn + .Btn, .Calendar .ticket-link a + .Btn,
.calendar-view .ticket-link a + .Btn, a.More + .Btn, body:not(.home) .list-view-item a.tickets + .Btn,
body:not(.home) .list-view-item a.url + .Btn, .Calendar .ticket-link a + a, body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a, .Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a, .Calendar .ticket-link
body:not(.home) .list-view-item a.url + a, .calendar-view .ticket-link a + a, body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
a.Btn + .More, .Calendar .ticket-link a + .More,
.calendar-view .ticket-link a + .More, a.More + .More, body:not(.home) .list-view-item a.tickets + .More,
body:not(.home) .list-view-item a.url + .More, body:not(.home) .list-view-item
a.Btn + a.tickets, .Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets, body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets, body:not(.home) .list-view-item a.More + a.tickets, body:not(.home) .list-view-item a.tickets + a.tickets, body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item
a.Btn + a.url, .Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item a.More + a.url, body:not(.home) .list-view-item a.tickets + a.url, body:not(.home) .list-view-item a.url + a.url,
.Btn +
a.Btn,
.More +
a.Btn,
body:not(.home) .list-view-item a.tickets +
a.Btn,
body:not(.home) .list-view-item a.url +
a.Btn,
.Calendar .ticket-link .Btn + a,
.Calendar .ticket-link a + a,
.Calendar .ticket-link .More + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a,
.Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a,
.Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link .Btn + a,
.calendar-view .ticket-link a + a,
.calendar-view .ticket-link .More + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
.Btn + a.More,
.More + a.More,
body:not(.home) .list-view-item a.tickets + a.More,
body:not(.home) .list-view-item a.url + a.More,
body:not(.home) .list-view-item .Btn + a.tickets,
.Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets,
body:not(.home) .list-view-item .More + a.tickets,
body:not(.home) .list-view-item a.tickets + a.tickets,
body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item .Btn + a.url,
.Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item .More + a.url,
body:not(.home) .list-view-item a.tickets + a.url,
body:not(.home) .list-view-item a.url + a.url,
a.Btn +
a.Btn,
a.More +
a.Btn,
body:not(.home) .list-view-item a.tickets +
a.Btn,
body:not(.home) .list-view-item a.url +
a.Btn,
.Calendar .ticket-link a + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.tickets + a,
.Calendar .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item .Calendar .ticket-link a.url + a,
.Calendar .ticket-link
body:not(.home) .list-view-item a.url + a,
.calendar-view .ticket-link a + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.tickets + a,
.calendar-view .ticket-link body:not(.home) .list-view-item a.tickets + a,
body:not(.home) .list-view-item
.calendar-view .ticket-link a.url + a,
.calendar-view .ticket-link
body:not(.home) .list-view-item a.url + a,
a.Btn + a.More,
a.More + a.More,
body:not(.home) .list-view-item a.tickets + a.More,
body:not(.home) .list-view-item a.url + a.More,
body:not(.home) .list-view-item
a.Btn + a.tickets,
.Calendar .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.tickets,
.calendar-view .ticket-link body:not(.home) .list-view-item a + a.tickets,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.tickets,
body:not(.home) .list-view-item a.More + a.tickets,
body:not(.home) .list-view-item a.tickets + a.tickets,
body:not(.home) .list-view-item a.url + a.tickets,
body:not(.home) .list-view-item
a.Btn + a.url,
.Calendar .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item .Calendar .ticket-link a + a.url,
.calendar-view .ticket-link
body:not(.home) .list-view-item a + a.url,
body:not(.home) .list-view-item
.calendar-view .ticket-link a + a.url,
body:not(.home) .list-view-item a.More + a.url,
body:not(.home) .list-view-item a.tickets + a.url,
body:not(.home) .list-view-item a.url + a.url {
margin-left: auto; } }
.Header {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
width: 100%;
max-width: 1820px;
margin: 20px auto 50px;
margin: 2rem auto 5rem;
padding: 10px 30px;
padding: 1rem 3rem; }
.Header__logo {
display: block;
margin: 0;
padding: 0;
width: 120px;
width: 12rem;
height: 35.8px;
height: 3.58rem;
line-height: auto;
transition: .2s;
z-index: 1;
mix-blend-mode: difference; }
.Header__logo a {
display: block; }
.Header__logo:hover {
opacity: .7; }
.Nav {
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
letter-spacing: -.05em; }
.Nav ul {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: none;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
transition: .4s;
font-size: 30px;
font-size: 3rem;
text-align: center;
opacity: 0;
background-color: #000000;
background-color: rgba(0, 0, 0, .9); }
.Nav ul a {
transition: .2s;
text-decoration: none; }
.Nav ul a:hover {
opacity: .5; }
.Nav__fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
box-sizing: border-box;
width: 100%;
max-width: 1820px;
margin: 20px auto 50px;
margin: 2rem auto 5rem;
padding: 10px 30px;
padding: 1rem 3rem;
z-index: 2000; }
.Nav__toggle {
position: absolute;
top: 10px;
top: 1rem;
right: 30px;
right: 3rem;
left: auto;
width: auto;
height: auto;
background-color: #000000;
background-color: rgba(0, 0, 0, .7); }
.Nav__hamburger {
position: relative;
top: -1px;
display: inline-block;
width: 22px;
width: 2.2rem;
height: 2px;
margin: 20px 14px;
margin: 2rem 1.4rem;
transition: .3s;
transition-property: background, top, bottom, opacity, -webkit-transform;
transition-property: background, top, bottom, transform, opacity;
transition-property: background, top, bottom, transform, opacity, -webkit-transform;
vertical-align: middle;
background: #fff; }
.Nav__hamburger:before, .Nav__hamburger:after {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 2px;
content: '';
transition-delay: .2s, 0s;
transition-duration: .2s, .2s;
background-color: #fff; }
.Nav__hamburger:before {
top: -8px;
top: -.8rem;
transition-property: top, -webkit-transform;
transition-property: top, transform;
transition-property: top, transform, -webkit-transform; }
.Nav__hamburger:after {
bottom: -8px;
bottom: -.8rem;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform; }
.Nav__hamburger:hover {
cursor: pointer;
opacity: .7; }
.Nav--ison .Nav__hamburger {
background: none; }
.Nav--ison .Nav__hamburger:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.Nav--ison .Nav__hamburger:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.Nav--ison .Nav__hamburger:before, .Nav--ison .Nav__hamburger:after {
transition-delay: 0s, .3s; }
.Nav--ison ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.Nav--isactive ul {
transition: .4s;
opacity: 1; }
.Hero {
height: 100%;
margin: -126px 0 100px;
margin: -12.6rem 0 10rem; }
.Hero img {
display: block;
overflow: hidden;
width: 100%;
min-width: 100%;
max-width: unset;
height: 100%;
min-height: 100%;
max-height: unset;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
object-fit: cover;
object-position: center center; }
.Hero__image {
width: 100%;
min-height: 400px;
min-height: 40rem;
height: 90vh;
max-height: 800px;
max-height: 80rem; }
@media (max-width: 768px) {
.Hero__image {
min-height: 300px;
min-height: 30rem;
height: 70vh; } }
.Images {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
width: 100%;
max-width: 1920px;
margin: 20px auto 50px;
margin: 2rem auto 5rem;
text-align: center; }
.Images div {
display: block;
width: auto;
min-width: 20%;
max-width: 80%;
height: auto;
margin: 0 20px 20px;
margin: 0 2rem 2rem; }
@media (max-width: 768px) {
.Images {
display: block;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.Images div {
max-width: 100%; } }
.Gallery {
max-width: 925px;
max-width: 92.5rem;
margin: 20px auto 50px;
margin: 2rem auto 5rem;
text-align: center;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
-webkit-column-gap: 4rem;
-moz-column-gap: 4rem;
column-gap: 4rem;
padding: 0 20px;
padding: 0 2rem; }
.Gallery a {
display: block;
position: relative;
top: 0;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.Gallery img {
border-bottom: 43px solid transparent;
border-bottom: 4.3rem solid transparent;
display: block; }
@media (max-width: 1000px) {
.Gallery {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
max-width: 800px;
max-width: 80rem; } }
.Lightbox {
position: fixed;
z-index: 3;
top: 0;
left: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
cursor: pointer;
transition: 1s;
opacity: 0;
background: #000000;
background: rgba(0, 0, 0, .93); }
.Lightbox--active {
opacity: 1; }
.Lightbox__wrapper {
max-width: 95vw;
max-height: 95vh;
cursor: pointer; }
.Lightbox__wrapper img {
width: auto;
max-width: 95vw;
height: auto;
max-height: 95vh; }
.Lightbox__loader, .Lightbox__loader:after {
width: 20px;
width: 2rem;
height: 20px;
height: 2rem;
border-radius: 50%; }
.Lightbox__loader {
position: relative;
margin: 60px auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
font-size: 10px;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, .2);
border-top: 0.2rem solid rgba(255, 255, 255, .2);
border-right: 2px solid rgba(255, 255, 255, .2);
border-right: 0.2rem solid rgba(255, 255, 255, .2);
border-bottom: 2px solid rgba(255, 255, 255, .2);
border-bottom: 0.2rem solid rgba(255, 255, 255, .2);
border-left: 2px solid #fff;
border-left: .2rem solid #fff; }
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.Content, .post-55 {
max-width: 800px;
max-width: 80rem;
margin: 0 auto 80px;
margin: 0 auto 8rem;
padding: 0 20px;
padding: 0 2rem;
text-align: center; }
.Content--cols, .Content .entry-content, .post-55--cols, .post-55 .entry-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 800px;
max-width: 80rem;
padding: 0; }
.Content h2, .post-55 h2 {
font-size: 28px;
font-size: 2.8rem; }
.Content .Content__col, .post-55 .Content__col {
padding: 0 20px;
padding: 0 2rem;
-webkit-flex-basis: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
text-align: left; }
body:not(.home) .entry-header {
max-width: 1000px;
max-width: 100rem;
margin: 0 auto 50px;
margin: 0 auto 5rem;
padding: 0 20px;
padding: 0 2rem; }
body:not(.home) .entry-content {
max-width: 1000px;
max-width: 100rem;
margin: 0 auto 50px;
margin: 0 auto 5rem;
padding: 0 20px;
padding: 0 2rem; }
#post-51 .entry-content {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important; }
@media (max-width: 700px) {
.Content--cols {
display: block; } }
.Grid,
.home .list-view {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-width: 1820px;
margin: 0 auto 50px;
margin: 0 auto 5rem; }
.Grid a,
.home .list-view a {
text-decoration: none; }
.Grid img,
.home .list-view img {
transition: -webkit-filter .3s;
transition: filter .3s;
transition: filter .3s, -webkit-filter .3s;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: saturate(80%);
filter: saturate(80%); }
.Grid__large,
.Grid .list-view-item,
.home .list-view__large,
.home .list-view .list-view-item {
position: relative;
overflow: hidden;
width: 75%;
height: 25vw;
background-color: #000;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.Grid__large:hover,
.Grid .list-view-item:hover,
.home .list-view__large:hover,
.home .list-view .list-view-item:hover {
color: #000; }
.Grid__large:hover img,
.Grid .list-view-item:hover img,
.home .list-view__large:hover img,
.home .list-view .list-view-item:hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: saturate(100%);
filter: saturate(100%); }
.Grid__small,
.home .list-view__small {
position: relative;
width: 25%;
height: 25%;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.Grid__small:hover img,
.home .list-view__small:hover img {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: saturate(100%);
filter: saturate(100%); }
.Grid__info,
.Grid .list-view-details,
.home .list-view__info,
.home .list-view .list-view-details {
position: absolute;
z-index: 1;
top: 0;
left: 66.66667%;
display: block;
overflow: hidden;
box-sizing: border-box;
width: 33.33333%;
height: 100%;
padding: 18px;
padding: 1.8rem;
transition: color .4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform; }
.Grid__info:after,
.Grid .list-view-details:after,
.home .list-view__info:after,
.home .list-view .list-view-details:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 200%;
height: 300%;
content: '';
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
-webkit-transform: translateX(-100%) translateY(-100%) rotate(-45deg);
-ms-transform: translateX(-100%) translateY(-100%) rotate(-45deg);
transform: translateX(-100%) translateY(-100%) rotate(-45deg);
background: #fff; }
.Grid__small:hover .Grid__info,
.Grid__large:hover .Grid__info,
.Grid .list-view-item:hover .list-view-details,
.home .list-view__small:hover .Grid__info,
.home .list-view__large:hover .Grid__info,
.home .list-view .list-view-item:hover .list-view-details, .Grid__small:hover
.home .list-view__info,
.Grid__large:hover
.home .list-view__info,
.home .list-view__small:hover
.home .list-view__info,
.home .list-view__large:hover
.home .list-view__info {
color: #000; }
.Grid__small:hover .Grid__info:after,
.Grid__large:hover .Grid__info:after,
.Grid .list-view-item:hover .list-view-details:after,
.home .list-view__small:hover .Grid__info:after,
.home .list-view__large:hover .Grid__info:after,
.home .list-view .list-view-item:hover .list-view-details:after, .Grid__small:hover
.home .list-view__info:after,
.Grid__large:hover
.home .list-view__info:after,
.home .list-view__small:hover
.home .list-view__info:after,
.home .list-view__large:hover
.home .list-view__info:after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.Grid__small:hover .Grid__info,
.home .list-view__small:hover .Grid__info, .Grid__small:hover
.home .list-view__info,
.home .list-view__small:hover
.home .list-view__info {
color: #2a348f; }
.Grid__small:hover .Grid__icon .on,
.home .list-view__small:hover .Grid__icon .on, .Grid__small:hover
.home .list-view__icon .on,
.home .list-view__small:hover
.home .list-view__icon .on {
display: block; }
.Grid__small:hover .Grid__icon .off,
.home .list-view__small:hover .Grid__icon .off, .Grid__small:hover
.home .list-view__icon .off,
.home .list-view__small:hover
.home .list-view__icon .off {
display: none; }
.Grid__image,
.Grid .list-view-item > a,
.home .list-view__image,
.home .list-view .list-view-item > a {
position: absolute;
top: 0;
display: block;
overflow: hidden;
width: 66.66667%;
height: 100%; }
.Grid__image img,
.Grid .list-view-item > a img,
.home .list-view__image img,
.home .list-view .list-view-item > a img {
width: 100%;
min-height: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
object-fit: cover;
object-position: center center;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.Grid__small .Grid__image,
.home .list-view__small .Grid__image, .Grid__small
.home .list-view__image,
.home .list-view__small
.home .list-view__image {
width: 100%; }
.Grid__small .Grid__info,
.home .list-view__small .Grid__info, .Grid__small
.home .list-view__info,
.home .list-view__small
.home .list-view__info {
left: 0;
width: 100%;
background-color: #2a348f; }
.Grid__type,
.Grid .topline-info,
.home .list-view__type,
.home .list-view .topline-info {
display: block;
margin-bottom: 10px;
margin-bottom: 1rem;
font-family: Helvetica, "Avant Garde", "Avantgarde", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 10px;
font-size: 1rem;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform; }
.Grid__date,
.Grid .dates,
.home .list-view__date,
.home .list-view .dates {
position: relative;
z-index: 1;
top: 0;
margin-bottom: 0;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 1em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.Grid h1,
.home .list-view h1 {
position: relative;
z-index: 1;
display: inline;
margin-bottom: 0;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.2em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.Grid h1 a,
.home .list-view h1 a {
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.Grid h2,
.home .list-view h2 {
position: relative;
display: inline;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
font-size: 10px;
font-size: 1rem;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.Grid__link,
.Grid .ticket-link a,
.home .list-view__link,
.home .list-view .ticket-link a {
position: absolute;
z-index: 5;
bottom: 18px;
bottom: 1.8rem;
left: calc(66.666666% + 1.8rem);
display: inline-block;
overflow: hidden;
margin: 0;
padding: 5px 10px;
padding: .5rem 1rem;
font-family: Helvetica, "Avant Garde", "Avantgarde", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 11px;
font-size: 1.1rem;
line-height: 1em;
text-decoration: none;
text-transform: uppercase;
border: 1px solid currentColor;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform; }
.Grid__link:before,
.Grid .ticket-link a:before,
.home .list-view__link:before,
.home .list-view .ticket-link a:before {
position: relative;
left: 1px;
left: .1rem;
display: inline-block;
margin-right: 5px;
margin-right: .5rem;
content: '\2190';
transition: left .4s;
font-family: 'Helvetica'; }
.Grid__link:hover:before,
.Grid .ticket-link a:hover:before,
.home .list-view__link:hover:before,
.home .list-view .ticket-link a:hover:before {
left: -4px;
left: -.4rem; }
.Grid__link:active,
.Grid .ticket-link a:active,
.home .list-view__link:active,
.home .list-view .ticket-link a:active {
color: #fff;
background-color: #000; }
.Grid__link,
.home .list-view__link {
left: 18px;
left: 1.8rem; }
.Grid__icon,
.home .list-view__icon {
position: absolute;
z-index: 5;
bottom: 18px;
bottom: 1.8rem;
left: 18px;
left: 1.8rem;
display: block;
max-width: 30px;
max-width: 3rem;
max-height: 30px;
max-height: 3rem;
padding: 5px;
padding: .5rem; }
.Grid__icon .on,
.home .list-view__icon .on {
display: none; }
.Grid .supports,
.Grid .times,
.Grid .age-restriction,
.Grid .more-info,
.Grid .end,
.Grid .price-range,
.home .list-view .supports,
.home .list-view .times,
.home .list-view .age-restriction,
.home .list-view .more-info,
.home .list-view .end,
.home .list-view .price-range {
display: none; }
@media (max-width: 1024px) {
.Grid h1,
.home .list-view h1 {
font-size: 15px;
font-size: 1.5rem; } }
@media (max-width: 768px) {
.Grid__large,
.Grid .list-view-item,
.home .list-view__large,
.home .list-view .list-view-item {
width: 100%;
height: 50vw; }
.Grid__small,
.home .list-view__small {
width: 50%;
height: 50vw; }
.Grid__info,
.Grid .list-view-details,
.home .list-view__info,
.home .list-view .list-view-details {
left: 50%;
width: 50%; }
.Grid__image,
.Grid .list-view-item > a,
.home .list-view__image,
.home .list-view .list-view-item > a {
width: 50%; }
.Grid__large:nth-child(odd) .Grid__info,
.Grid .list-view-item:nth-child(odd) .list-view-details,
.home .list-view__large:nth-child(odd) .Grid__info,
.home .list-view .list-view-item:nth-child(odd) .list-view-details, .Grid__large:nth-child(odd)
.home .list-view__info,
.home .list-view__large:nth-child(odd)
.home .list-view__info {
left: 0; }
.Grid__large:nth-child(odd) .Grid__image,
.Grid .list-view-item:nth-child(odd) > a,
.home .list-view__large:nth-child(odd) .Grid__image,
.home .list-view .list-view-item:nth-child(odd) > a, .Grid__large:nth-child(odd)
.home .list-view__image,
.home .list-view__large:nth-child(odd)
.home .list-view__image {
left: 50%; }
.Grid__large:nth-child(odd) .Grid__link,
.Grid .list-view-item:nth-child(odd) .ticket-link a,
.home .list-view__large:nth-child(odd) .Grid__link,
.home .list-view .list-view-item:nth-child(odd) .ticket-link a, .Grid__large:nth-child(odd)
.home .list-view__link,
.home .list-view__large:nth-child(odd)
.home .list-view__link {
right: 18px;
right: 1.8rem;
left: auto; }
.Grid__large:nth-child(odd) .Grid__link:before,
.Grid .list-view-item:nth-child(odd) .ticket-link a:before,
.home .list-view__large:nth-child(odd) .Grid__link:before,
.home .list-view .list-view-item:nth-child(odd) .ticket-link a:before, .Grid__large:nth-child(odd)
.home .list-view__link:before,
.home .list-view__large:nth-child(odd)
.home .list-view__link:before {
display: none; }
.Grid__large:nth-child(odd) .Grid__link:after,
.Grid .list-view-item:nth-child(odd) .ticket-link a:after,
.home .list-view__large:nth-child(odd) .Grid__link:after,
.home .list-view .list-view-item:nth-child(odd) .ticket-link a:after, .Grid__large:nth-child(odd)
.home .list-view__link:after,
.home .list-view__large:nth-child(odd)
.home .list-view__link:after {
position: relative;
right: 1px;
right: .1rem;
display: inline-block;
margin-left: 5px;
margin-left: .5rem;
content: '\2192';
transition: left .4s;
font-family: 'Helvetica'; }
.Grid__type,
.Grid .topline-info,
.home .list-view__type,
.home .list-view .topline-info {
margin-bottom: 10px;
margin-bottom: 1rem; }
.Grid h1,
.home .list-view h1 {
font-size: 2em; }
.Grid h2,
.home .list-view h2 {
display: none; } }
@media (max-width: 550px) {
.Grid h1,
.home .list-view h1 {
font-size: 1.6em; } }
@media (max-width: 450px) {
.Grid h1,
.home .list-view h1 {
font-size: 1.2em; } }
@media (max-width: 400px) {
.Grid h1,
.home .list-view h1 {
font-size: 1em; } }
.Calendar,
.calendar-view {
max-width: 1000px;
max-width: 100rem;
margin: 0 auto 50px;
margin: 0 auto 5rem; }
.Calendar a,
.calendar-view a {
text-decoration: none; }
.Calendar table,
.calendar-view table {
width: calc(100% + 2rem);
max-width: 1100px;
max-width: 110rem;
margin: 0 -10px;
margin: 0 -1rem;
table-layout: fixed;
border-spacing: 10px !important;
border-spacing: 1rem !important;
border-collapse: separate !important;
border: none !important; }
.Calendar [colspan='7'],
.calendar-view [colspan='7'] {
padding: 0 !important; }
.Calendar .calendar-sync,
.calendar-view .calendar-sync {
display: none; }
.Calendar .month,
.calendar-view .month {
text-align: center;
color: #fff;
border: none;
background-color: #555555; }
.Calendar .data,
.calendar-view .data {
padding: 0 0 20px;
padding: 0 0 2rem;
border: none !important; }
.Calendar .date,
.calendar-view .date {
margin-top: 0;
padding: 0 !important;
line-height: 20px;
line-height: 2rem;
text-align: center;
background-color: #555555; }
.Calendar .topline-info,
.calendar-view .topline-info {
font-family: unset;
font-size: 10px;
font-size: 1rem; }
.Calendar .headliners,
.calendar-view .headliners {
font-size: 12px;
font-size: 1.2rem; }
.Calendar .supports,
.Calendar .start-time,
.Calendar .age-restriction,
.Calendar .future-sale,
.Calendar .description,
.calendar-view .supports,
.calendar-view .start-time,
.calendar-view .age-restriction,
.calendar-view .future-sale,
.calendar-view .description {
display: none;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 10px;
font-size: 1rem; }
.Calendar .ticket-link,
.calendar-view .ticket-link {
text-align: center; }
.Calendar .ticket-link a,
.calendar-view .ticket-link a {
font-size: 10px;
font-size: 1rem; }
.Calendar .vevent,
.calendar-view .vevent {
width: 14.2857142857%;
margin: 0;
padding: 0 0 20px;
padding: 0 0 2rem;
table-layout: fixed;
border: 1px solid #555555 !important; }
.Calendar .one-event h1,
.Calendar .one-event h2,
.Calendar .one-event h3,
.Calendar .one-event h4,
.Calendar .one-event h5,
.Calendar .one-event span,
.calendar-view .one-event h1,
.calendar-view .one-event h2,
.calendar-view .one-event h3,
.calendar-view .one-event h4,
.calendar-view .one-event h5,
.calendar-view .one-event span {
margin: 0 10px;
margin: 0 1rem; }
.Calendar .one-event > a,
.calendar-view .one-event > a {
position: relative;
display: block;
width: 100%;
height: 0;
margin: 0 0 10px;
margin: 0 0 1rem;
padding-bottom: 100%; }
.Calendar .calendar-image,
.calendar-view .calendar-image {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
object-fit: cover;
object-position: center center;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.bt-wrapper {
color: #000; }
.View {
position: relative;
display: block;
float: right;
margin-left: 50px;
margin-left: 5rem;
margin-bottom: 50px;
margin-bottom: 5rem; }
.View:before {
position: absolute;
top: 2px;
top: .2rem;
left: -40px;
left: -4rem;
display: block;
width: 24px;
width: 2.4rem;
height: 20px;
height: 2rem;
content: '';
background-image: url("../../../public/ui/images/view_list.svg");
background-repeat: no-repeat;
background-size: contain; }
.View--calendar:before {
top: -2px;
top: -.2rem;
background-image: url("../../../public/ui/images/view_calendar.svg"); }
.richcal-more {
display: none !important; }
@media (max-width: 640px) {
.Calendar table,
.calendar-view table {
table-layout: auto; }
.Calendar .vevent,
.Calendar .data,
.calendar-view .vevent,
.calendar-view .data {
display: block;
width: 100%; }
.View {
display: none; } }
.Events {
width: 100%;
margin-bottom: 80px;
margin-bottom: 8rem; }
.Events section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
section:nth-child(even) .Events__content {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.Events h3 {
margin-bottom: 20px;
margin-bottom: 2rem;
font-size: 35px;
font-size: 3.5rem;
line-height: 1em; }
.Events p {
margin-bottom: 15px;
margin-bottom: 1.5rem; }
.Events__content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
width: 50vw;
height: 50vw;
padding: 80px;
padding: 8rem; }
.Events__content *:last-child {
margin-bottom: 0; }
.Events__gallery {
display: block;
overflow: hidden;
width: 50vw;
height: 50vw; }
.Events__image {
width: 50vw;
height: 50vw; }
.Events img {
display: block;
width: 100%;
height: 100%;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
object-fit: cover;
object-position: center center;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
@media (max-width: 1024px) {
.Events h3 {
font-size: 30px;
font-size: 3rem; }
.Events__content {
padding: 30px;
padding: 3rem; } }
@media (max-width: 820px) {
.Events section {
display: block; }
.Events__gallery {
width: 100vw;
height: 100vw; }
.Events__image {
width: 100vw;
height: 100vw; }
.Events__content {
width: 100vw;
height: auto; } }
.event-detail {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 900px;
max-width: 90rem;
margin: 0 auto; }
.event-detail > img {
display: block;
margin-bottom: 50px;
margin-bottom: 5rem; }
.event-info {
margin-bottom: 50px;
margin-bottom: 5rem;
text-align: center;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.topline-info {
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem; }
.supports {
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 16px;
font-size: 1.6rem; }
.dates {
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 16px;
font-size: 1.6rem; }
.times,
.ticket-price *,
.age-restriction,
.price-range {
margin-bottom: 15px;
margin-bottom: 1.5rem;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem; }
.ticket-link a {
display: inline-block;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
margin-bottom: 1rem; }
.tfly-more {
display: none; }
.artist-box-headliner,
.artist-box-support {
margin-top: 50px;
margin-top: 5rem;
margin-bottom: 50px;
margin-bottom: 5rem;
padding-bottom: 30px;
padding-bottom: 3rem;
border-bottom: 1px solid #555555; }
.artist-box-headliner:after,
.artist-box-support:after {
display: table;
clear: both;
content: ''; }
.links {
display: none; }
.artist-name {
float: right;
width: 60%;
width: calc(60% - 2.2rem);
margin-bottom: 20px;
margin-bottom: 2rem;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 20px;
font-size: 2rem; }
[class*='bio-image'] {
float: left;
overflow: hidden;
width: 40%;
max-height: 500px;
max-height: 50rem;
margin-bottom: 50px;
margin-bottom: 5rem;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
object-fit: cover;
object-position: center center;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.bio {
float: right;
width: calc(60% - 2.2rem); }
.Summary {
display: inline; }
.Ellip {
display: inline; }
.More {
display: block;
clear: both;
max-width: 50px;
max-width: 5rem;
margin: 20px 0;
margin: 2rem 0;
cursor: pointer; }
.Full {
display: none; }
.edit-link {
display: none; }
@media (max-width: 768px) {
.artist-name,
.bio {
float: left;
clear: right;
width: 100%; }
[class*='bio-image'] {
float: right;
margin-bottom: 15px;
margin-bottom: 1.5rem;
width: 100%; } }
body:not(.home) .list-view-item {
position: relative;
clear: both;
margin-bottom: 30px;
margin-bottom: 3rem;
padding-right: 130px;
padding-right: 13rem;
padding-bottom: 30px;
padding-bottom: 3rem;
padding-left: 100px;
padding-left: 10rem;
border-bottom: 1px solid #555555; }
body:not(.home) .list-view-item:after {
content: "";
display: table;
clear: both; }
body:not(.home) .list-view-item a {
text-decoration: none; }
body:not(.home) .list-view-item:after {
display: table;
clear: both;
content: ''; }
body:not(.home) .list-view-item > a {
display: block;
float: left;
width: 320px;
width: 32rem;
margin-right: 20px;
margin-right: 2rem; }
body:not(.home) .list-view-item h1 {
margin-bottom: 10px;
margin-bottom: 1rem;
font-size: 22px;
font-size: 2.2rem;
line-height: 1em; }
body:not(.home) .list-view-item .dates {
position: absolute;
top: 0;
left: 0;
font-size: 22px;
font-size: 2.2rem;
width: 90px;
width: 9rem; }
body:not(.home) .list-view-item .topline-info {
display: none; }
body:not(.home) .list-view-item .supports:before {
content: 'w/'; }
body:not(.home) .list-view-item .more-info {
display: none;
font-family: Helvetica, "Avant Garde", "Avantgarde", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; }
body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url {
position: absolute;
top: 0;
right: 0;
width: 70px;
width: 7rem;
margin: 0;
text-align: center; }
body:not(.home) .list-view-item a.url {
position: absolute;
top: 40px;
top: 4rem;
right: 0;
margin: 0;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem; }
body:not(.home) .list-view-item .price-range,
body:not(.home) .list-view-item .age-restriction {
display: none; }
@media (max-width: 768px) {
body:not(.home) .list-view-item {
padding: 0; }
body:not(.home) .list-view-item > a {
float: none;
width: auto;
width: 100%;
height: auto;
margin-bottom: 30px;
margin-bottom: 3rem; }
body:not(.home) .list-view-item .dates {
position: relative; }
body:not(.home) .list-view-item a.tickets,
body:not(.home) .list-view-item a.url {
position: relative;
top: 0;
left: 0;
display: block; } }
.Faq {
max-width: 1000px;
max-width: 100rem;
margin: 0 auto 80px;
margin: 0 auto 8rem;
padding: 0 20px;
padding: 0 2rem; }
.Faq * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
will-change: transform; }
.Faq h2 {
padding-bottom: 10px;
padding-bottom: 1rem;
font-size: 30px;
font-size: 3rem;
border-bottom: 8px solid #1f1f1f;
border-bottom: 0.8rem solid #1f1f1f; }
.Faq__item {
margin-bottom: 15px;
margin-bottom: 1.5rem;
border-bottom: 1px solid #555555; }
.Faq__question {
position: relative;
margin-bottom: 0;
padding-right: 30px;
padding-right: 3rem;
cursor: pointer;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 1.3em; }
.Faq__question:after {
position: absolute;
top: 0;
right: 10px;
right: 1rem;
width: 10px;
width: 1rem;
height: 10px;
height: 1rem;
content: '';
transition: .2s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 75% 75%;
-ms-transform-origin: 75% 75%;
transform-origin: 75% 75%;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff; }
.Faq--isactive .Faq__question:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.Faq__answer {
overflow: hidden;
max-width: 500px;
max-width: 50rem;
margin-top: 15px;
margin-top: 1.5rem;
transition: .5s; }
.Faq__answer *:last-child {
margin-bottom: 0; }
.Footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
max-width: 1820px;
width: 100%;
margin: 0 auto;
padding: 20px 30px 50px;
padding: 2rem 3rem 5rem;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
text-align: center; }
.Footer a {
display: inline-block;
transition: .2s; }
.Footer a:hover {
opacity: .7; }
.Footer form, .Footer .wpcf7 {
width: 100%; }
.Footer img {
height: 22px;
height: 2.2rem; }
.Footer__social {
display: inline-block;
-webkit-flex-basis: 140px;
-ms-flex-preferred-size: 140px;
flex-basis: 140px;
-webkit-flex-basis: 14rem;
-ms-flex-preferred-size: 14rem;
flex-basis: 14rem;
margin: 0;
padding: 0; }
.Footer__social li {
display: inline-block; }
.Footer__social a {
display: block;
padding: 10px;
padding: 1rem; }
.Footer__copy {
max-width: 600px;
max-width: 60rem;
margin: 0 auto;
padding: 0 20px;
padding: 0 2rem; }
.Footer__address {
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem; }
.Footer__logo {
display: inline-block;
text-align: right;
-webkit-flex-basis: 140px;
-ms-flex-preferred-size: 140px;
flex-basis: 140px;
-webkit-flex-basis: 14rem;
-ms-flex-preferred-size: 14rem;
flex-basis: 14rem; }
@media (max-width: 1024px) {
.Footer {
display: block; }
.Footer__copy {
max-width: 600px;
max-width: 60rem;
padding: 0; }
.Footer__logo {
text-align: center; } }
.Newsletter {
position: relative;
margin-bottom: 50px;
margin-bottom: 5rem;
color: #fff;
width: 100%; }
.Newsletter p {
margin-bottom: 10px;
margin-bottom: 1rem; }
.Newsletter input {
box-sizing: border-box;
width: 100%;
height: auto;
padding: 7px 50px 7px 7px;
padding: .7rem 5rem .7rem .7rem;
font-size: 12px;
font-size: 1.2rem;
line-height: 1em;
color: #fff;
border: 2px solid #fff; }
.Newsletter [type='reset'] {
position: absolute;
top: 0;
left: 0;
width: auto;
padding: 7px 8px;
padding: .7rem .8rem;
cursor: pointer;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1em;
color: #fff;
border: 2px solid transparent;
mix-blend-mode: difference; }
.Newsletter [type='submit'] {
position: absolute;
bottom: 2px;
right: 0;
width: auto;
padding: 7px;
padding: .7rem;
cursor: pointer;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1em;
text-transform: lowercase;
color: #fff;
border: none;
border: 2px solid transparent;
mix-blend-mode: difference; }
.Newsletter__wrapper {
position: relative;
display: inline-block;
width: 100%;
max-width: 250px;
max-width: 25rem; }
.flickity-page-dots {
bottom: 10px;
bottom: 1rem; }
.flickity-page-dots .dot {
background-color: #fff;
mix-blend-mode: difference; }
/* EB transition */
.list-view button.ticket-link,
.list-view .ticket-link a,
.list-view .future-sale a {
font-size: 18px;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif !important;
text-transform: uppercase !important;
color: #FFF;
font-weight: bold;
letter-spacing: 1px;
width: 12rem !important;
border: 1px solid #FFF !important;
box-sizing: border-box;
text-align: center !important;
padding: 9px 5px 8px !important;
line-height: 1 !important;
display: block !important;
height: auto;
font-stretch: 100%;
}
.list-view button.ticket-link:hover,
.list-view .ticket-link a:hover,
.list-view .future-sale a:hover {
color: #FFF;
background-color: #555;
opacity: 1;
}
.list-view .ticket-price {
position: absolute;
right: 0;
top: 0;
}
.list-view .ticket-price.no-link {
position: relative;
}
.list-view .ticket-link,
.list-view .future-sale {
}
.list-view .cancelled,
.list-view .custom,
.list-view .free,
.list-view .off-sale,
.list-view .on-sale-soon,
.list-view .postponed,
.list-view .rescheduled,
.list-view .sales-ended,
.list-view .sold-out,
.list-view .tickets-at-the-door,
.list-view .unavailable {
}
@media (max-width: 768px) {
.list-view .ticket-price {
position: relative;
}
.list-view-item {
padding-right: 0 !important;
padding-bottom: 2em !important;
}
.list-view .cancelled,
.list-view .custom,
.list-view .free,
.list-view .off-sale,
.list-view .on-sale-soon,
.list-view .postponed,
.list-view .rescheduled,
.list-view .sales-ended,
.list-view .sold-out,
.list-view .tickets-at-the-door,
.list-view .unavailable {
font-size: 16px;
margin-bottom: 1em;
display: block;
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
}
}
.ticketing-provider {
display: none;
}
.list-view .end .pages {
font-size: 1.5em;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
text-align: right;
}
.list-view .end .pages li {
display: inline-block;
margin: 0 5px;
}
.list-view .end .pages li.selected a {
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
}
.list-view .end .pages li a {
text-decoration: none;
}
.list-view .event-name {
line-height: 1.25 !important;
}
.list-view .dates {
line-height: 1.5;
}
body:not(.home) .list-view-item {
padding-right: 14rem;
}
.calendar-view .date {
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
}
.calendar-view .one-event {
margin-bottom: 1em;
}
.calendar-view .one-event .image-url {
height: auto;
padding: 0;
}
.calendar-view button.ticket-link,
.calendar-view .ticket-link a,
.calendar-view .future-sale a {
font-size: 16px;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif !important;
text-transform: uppercase !important;
color: #FFF;
font-weight: bold;
letter-spacing: 1px;
width: 85% !important;
border: 1px solid #FFF !important;
box-sizing: border-box;
text-align: center !important;
padding: 9px 5px 8px !important;
line-height: 1 !important;
display: block !important;
height: auto;
font-stretch: 100%;
margin: 0 auto !important;
}
.calendar-view button.ticket-link:hover,
.calendar-view .ticket-link a:hover,
.calendar-view .future-sale a:hover {
color: #FFF;
background-color: #555;
opacity: 1;
}
.calendar-view .future-sale {
display: block;
}
@media (max-width: 768px) {
.calendar-view .image-url img {
width: 100%;
}
.calendar-view .cancelled,
.calendar-view .custom,
.calendar-view .free,
.calendar-view .off-sale,
.calendar-view .on-sale-soon,
.calendar-view .postponed,
.calendar-view .rescheduled,
.calendar-view .sales-ended,
.calendar-view .sold-out,
.calendar-view .tickets-at-the-door,
.calendar-view .unavailable {
text-align: center;
display: block;
font-size: 16px;
}
}
/* EDP event description // IMPORTANT: keep .event-summary intact for future purposes */
.event-detail .event-description, .event-detail .event-summary {
margin: 0 auto;
display: block;
padding: 0;
clear: both;
max-width: 900px;
}
.event-detail .event-description img { float: none; width: initial; max-width: 100%; }
.event-detail .performers {
margin: 1em 0 2em;
}
.event-detail .performers .headliners {
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
line-height: 1;
margin: 8px 0;
padding: 0;
font-size: 1.5em;
}
.event-detail .performers .supports {
line-height: 1;
margin: 8px 0;
padding: 0;
}
.event-detail .price-range {
display: block;
}
.event-detail .ticket-price {
text-align: center;
}
.event-detail button.ticket-link,
.event-detail .ticket-link a,
.event-detail .future-sale a {
font-size: 18px;
font-family: "AvantGarde-Book", "Avant Garde Book", "Avantgardebook", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif !important;
text-transform: uppercase !important;
color: #FFF;
font-weight: bold;
letter-spacing: 1px;
width: 12rem !important;
border: 1px solid #FFF !important;
box-sizing: border-box;
text-align: center !important;
padding: 9px 5px 8px !important;
line-height: 1 !important;
display: block !important;
height: auto;
font-stretch: 100%;
margin: 0 auto 1em;
}
.event-detail button.ticket-link:hover,
.event-detail .ticket-link a:hover,
.event-detail .future-sale a:hover {
color: #FFF;
background-color: #555;
opacity: 1;
}
.event-detail .cancelled,
.event-detail .custom,
.event-detail .free,
.event-detail .off-sale,
.event-detail .on-sale-soon,
.event-detail .postponed,
.event-detail .rescheduled,
.event-detail .sales-ended,
.event-detail .sold-out,
.event-detail .tickets-at-the-door,
.event-detail .unavailable {
font-weight: 400;
font-family: "AvantGarde-Bold", "Avant Garde Bold", "Avantgardebold", "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
margin-bottom: 1em;
display: block;
}
.event-detail .cal-share {
margin-top: 1em;
}
.event-detail .share-button {
color: #FFF;
line-height: 1;
font-size: 1em;
border: 1px solid #FFF;
padding: 5px;
height: auto;
}
.event-detail .share-button:hover {
color: #FFF;
background-color: #555;
opacity: 1;
}
@media (max-width: 768px) {
.event-detail .event-name {
font-size: 2.5em;
line-height: 1.25;
}
}
#eb-emailform {
position: relative;
}
#eb-emailform .eb-email-address-text {
padding-right: 7rem;
}
#eb-emailform .eb-email-submit {
position: absolute;
right: 0;
bottom: 0;
}
#eb-emailform .eb-email-subscribe-submit {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 0.7em 5px;
height: auto;
}