body { }
.event {
--transition-duration: 0.5s;
--transition-easing: cubic-bezier( 0.16, 1, 0.3, 1 );
--grid-column-gap-vertical: var( --line-height--regular );
--background-color: var( --white );
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
background-color: var( --background-color );
border-radius: var( --border-radius );
border: var( --border-width ) solid currentColor;
position: relative;
height: var( --height );
}
.event[data-type="convention"] {
--background-color: var( --festival-background-color );
--button-hover-background-color: var( --white );
}
.event.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) - var( --border-width ) );
}
.event.is-filtered {
height: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
border: none;
opacity: 0;
}
.event:not( :last-child ) {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.is-loaded .event {
transition: height var( --transition-duration ) var( --transition-easing ),
opacity calc( var( --transition-duration ) * 0.25 ) linear
;
}
.event-inner {
position: relative;
height: 100%;
z-index: 10;
}
.event-part:not( :last-child ) {
margin-bottom: var( --grid-column-gap-vertical );
}
.event__topics + .event__artists {
margin-top: calc( var( --header-button-spacing ) - var( --grid-column-gap-vertical ) );
}
.event__actions {
--color: var( --white );
display: flex;
column-gap: calc( var( --filter-spacing ) * 1.5 );
align-items: center;
position: absolute;
top: var( --grid-wrap-padding-vertical );
right: var( --grid-wrap-padding-horizontal );
mix-blend-mode: difference;
pointer-events: none;
z-index: 20;
}
.event__actions .my-toggle {
width: calc( var( --toggle-size ) * 1.1 );
transform: translateY( -5% );
cursor: pointer;
pointer-events: all;
}
.event__actions .event__toggle {
pointer-events: none;
}
.event__meta,
.event__main {
position: relative;
z-index: 10;
}
.event__date,
.event__time,
.event__venue {
--line-height: 1 !important;
}
.event__content {
--grid-column-display: flex;
flex-direction: column;
}
.event__title {
display: inline-block;
}
.event__title.event-part:not( :last-child ) {
margin-bottom: calc( var( --grid-column-gap-vertical ) * 1.3 );
}
.event__title + .event__venue {
margin-top: auto;
}
.event__title h1 {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.event__description-wrap {
margin-top: auto;
}
.event__topics,
.event__artists {
overflow: hidden;
}
.event__topics-inner,
.event__artists-inner {
display: flex;
flex-wrap: wrap;
margin: 0 calc( var( --header-button-spacing ) * -0.5 ) calc( var( --header-button-spacing ) * -1 );
}
.event__topics-inner > *,
.event__artists-inner > * {
margin: 0 calc( var( --header-button-spacing ) * 0.5 ) var( --header-button-spacing );
}
.event__description-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: calc( var( --grid-wrap-padding-vertical ) * -1 );
}
.event__description-meta > * {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.event__description-meta > *:first-child:not( :last-child ) {
margin-right: auto;
}
.event__thumbnail .image,
.event__thumbnail .image-inner {
height: 100%;
}
.event__thumbnail .image__markup {
border: var( --border-width ) solid currentColor;
} @media ( max-width: 999px ) {
.event__time {
margin-top: -0.1em;
}
.event__content .event__title {
margin-bottom: 0 !important;
}
.event__content .event__title ~ .event__venue,
.event__content .event__title ~ .event__artists {
display: none;
}
.event__thumbnail .image__markup {
margin-left: calc( var( --grid-wrap-padding-horizontal ) * -1 - var( --border-width ) );
margin-right: calc( var( --grid-wrap-padding-horizontal ) * -1 - var( --border-width ) );
margin-bottom: calc( var( --grid-wrap-padding-vertical ) * -1 - var( --border-width ) );
}
} @media ( min-width: 1000px ) {
.event {
--transition-duration: 0.35s;
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.event.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.event__meta > grid-row {
height: calc( 100% + var( --grid-column-gap-vertical ) );
}
.event__meta .event__venue,
.event__meta .event__artists {
display: none;
}
.event__main > grid-row {
height: 100%;
}
.event__content {
position: relative;
}
.event__description-meta {
align-items: flex-end;
}
.event__title {
position: relative;
z-index: 20;
}
.event__thumbnail .image {
position: relative;
}
.event__thumbnail .image-inner {
position: absolute;
top: calc( ( var( --grid-wrap-padding-vertical ) + var( --border-width ) ) * -1 );
left: 0;
width: calc( 100% + ( var( --grid-wrap-padding-horizontal ) + var( --border-width ) ) * 1 );
height: calc( 100% + ( var( --grid-wrap-padding-vertical ) + var( --border-width ) ) * 2 );
}
.event__thumbnail .image__markup {
height: 100%; }
} .compact-event {
--info-spacing: 0.4em;
overflow: clip;
}
.compact-event > .button-inner {
display: block !important;
height: 100%;
}
.compact-event .button__label {
height: 100%;
max-width: 100%;
display: inline-flex;
flex-direction: column;
}
.compact-event__title {
margin-top: var( --info-spacing );
text-overflow: ellipsis;
overflow: hidden;
}
.compact-event__title:not( :last-child ) {
margin-bottom: calc( var( --info-spacing ) * 0.75 );
}
.compact-event__venue {
margin-top: auto;
text-overflow: ellipsis;
}
.compact-event .my-toggle {
position: absolute;
top: 0;
right: 0;
padding: 0.65em;
cursor: pointer;
pointer-events: all;
z-index: 20;
}
.compact-event .my-toggle svg {
height: 1em;
width: auto;
}body {
--image-border-radius: var( --border-radius );
}
.image {}
.image.is-loaded {
background: red;
}
.image:not( :last-child ) {
margin-bottom: var( --grid-column-gap-vertical );
}
.image-inner {}
.image__markup {
position: relative;
padding-top: calc( 100 / var( --image-ratio, var( --ratio ) ) * 1% );
overflow: hidden;
border-radius: var( --image-border-radius );
}
.image__markup > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image__markup > img.has-focus-point {
object-position: var( --fpx, 50% ) var( --fpy, 50% );
}
.image__caption {}body { }
.venue {
--grid-column-gap-vertical: var( --grid-wrap-padding-vertical );
--background-color: var( --white );
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
background-color: var( --background-color );
border-radius: var( --border-radius );
border: var( --border-width ) solid currentColor;
position: relative;
height: var( --height );
}
.venue.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.venue:not( :last-child ) {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.venue-inner {
overflow: hidden;
}
.venue-part:not( :last-child ) {
margin-bottom: var( --grid-column-gap-vertical );
}
.venue__toggle {
--color: var( --white );
--size: 1.5em;
position: absolute;
top: calc( var( --grid-wrap-padding-vertical ) * 0.8 );
right: var( --grid-wrap-padding-horizontal );
z-index: 20;
}
.is-ready .venue__toggle > a {
transition: all calc( var( --transition-duration ) * 0.5 ) var( --transition-easing );
}
.venue__title {
overflow: hidden;
}
.venue__title h1 {
width: 90%;
margin-bottom: -0.125em;
}
.venue__title a {
display: block;
}
.venue__information {
display: flex;
justify-content: space-between;
}
.venue__links {
flex-shrink: 0;
}
.venue__events {
--event-spacing: calc( var( --grid-column-gap-vertical ) * 0.5 );
}
.venue__events-inner {
display: flex;
flex-wrap: wrap;
margin: 0 0 calc( var( --event-spacing ) * -1 ) 0;
}
.venue__events-inner .compact-event {
margin: 0 0 var( --event-spacing ) 0;
display: block;
width: 100%;
}body { }body { }body { }body { }body { }
[data-accessibility*="grayscale"] {
-webkit-filter: grayscale( 1 );
-moz-filter: grayscale( 1 );
filter: grayscale( 1 );
}
[data-accessibility*="grayscale"],
[data-accessibility*="grayscale"] * {
--background-color: white !important; }
[data-accessibility*="underline-links"] a:not( .is-anonymous ),
[data-accessibility*="underline-links"] a.is-anonymous.a-decoration,
[data-accessibility*="underline-links"] a.is-anonymous .a-decoration {
text-decoration: underline !important;
}
[data-accessibility*="legible-font"] * {
--font-family: Verdana, sans-serif;
--font-weight: 600;
}
[data-accessibility*="legible-font"] .button.is-icon:not( .accessibility-toggle ) .button-inner {
min-width: var( --button-size );
width: auto;
}
[data-accessibility*="legible-font"] .button__label {
margin-top: 0;
} .accessibility {
--transition-duration: 0.5s;
--transition-delay: 0s;
--transition-easing: cubic-bezier( 0.16, 1, 0.3, 1 );
position: absolute;
padding-top: var( --grid-wrap-padding-vertical );
top: calc( var( --button-size ) + var( --grid-wrap-padding-vertical ) );
right: calc( var( --grid-wrap-padding-horizontal ) + var( --border-width ) );
z-index: 20;
pointer-events: auto;
}
body:not( .accessibility-is-active ) .accessibility { pointer-events: none;
}
.is-ready .accessibility {
transition: opacity calc( var( --transition-duration ) * 0.5 ) var( --transition-easing ) var( --transition-delay ),
-webkit-transform var( --transition-duration ) var( --transition-easing ),
-moz-transform var( --transition-duration ) var( --transition-easing ),
transform var( --transition-duration ) var( --transition-easing )
;
}
.accessibility-navigation {
background: var( --button-background-color, var( --background-color ) );
border: var( --border-width ) solid currentColor;
border-radius: var( --button-border-radius, var( --border-radius ) );
overflow: hidden;
padding: 0.4em 0.7em;
}
.accessibility-navigation .accessibility-item {
}
.accessibility-navigation .accessibility-item-inner {
display: inline-flex;
align-items: center;
padding: 0.125em 0;
cursor: pointer;
}
.accessibility-navigation .accessibility-item__icon {
margin-right: 0.4em;
}
.accessibility-navigation .accessibility-item__icon img {
display: block;
height: 1em;
width: auto;
} @media ( max-width: 699px ) {
body:not( .accessibility-is-active ) .accessibility {
--translateY: -100%;
-webkit-transform: translateY( var( --translateY ) );
-moz-transform: translateY( var( --translateY ) );
transform: translateY( var( --translateY ) );
opacity: 0;
}
} @media ( min-width: 700px ) {
.accessibility {
padding-top: 0;
}
.accessibility-navigation {
border: none;
background: transparent;
}
.accessibility-navigation .accessibility-item {
--translateX: 0;
-webkit-transform: translateX( var( --translateX ) );
-moz-transform: translateX( var( --translateX ) );
transform: translateX( var( --translateX ) );
}
body:not( .accessibility-is-active ) .accessibility-navigation .accessibility-item {
--translateX: 10%;
transition-delay: 0s;
opacity: 0;
}
.is-ready .accessibility-navigation .accessibility-item {
transition: opacity calc( var( --transition-duration ) * 0.5 ) var( --transition-easing ),
-webkit-transform var( --transition-duration ) var( --transition-easing ),
-moz-transform var( --transition-duration ) var( --transition-easing ),
transform var( --transition-duration ) var( --transition-easing )
;
transition-delay: calc( ( var( --index ) + 0.5 ) * 0.05s );
} .header__meta-navigation > .menu .accessibility-toggle {
--transition-duration: 0.35s;
--transition-easing: cubic-bezier( 0.16, 1, 0.3, 1 );
}
.is-ready .header__meta-navigation > .menu .accessibility-toggle {
width: calc( var( --button-size ) + var( --border-width ) * 2 );
height: calc( var( --button-size ) + var( --border-width ) * 2 );
transition: width var( --transition-duration ) var( --transition-easing ),
height var( --transition-duration ) var( --transition-easing )
;
}
body:not( .accessibility-is-active ).is-ready .header__meta-navigation > .menu .accessibility-toggle {
transition-delay: 0.05s;
}
.accessibility-is-active .header__meta-navigation > .menu .accessibility-toggle {
width: calc( var( --accessibility-width ) + var( --border-width ) * 2 );
height: calc( var( --accessibility-height ) + var( --button-size ) + var( --border-width ) );
}
}body { }
.view-venues #footer {
display: none;
}
#venues {
--spacing-top: calc( var( --header-height, 0px ) + var( --grid-wrap-padding-vertical ) );
--spacing-bottom: var( --grid-wrap-padding-vertical );
--map-height: 75vh;
--map-effective-height: calc( var( --map-height ) - var( --spacing-top ) - var( --spacing-bottom ) );
}
#venues.no-pt {
--spacing-top: calc( var( --header-height, 0px ) + var( --switch-height, 0px ) );
}
#venues slider-wrap {
overflow: visible;
}
#venues slider-slides {
overflow: hidden;
}
#venues slider-slide {
background-color: var( --background-color );
height: 100%;
}
#venues__map-inner {
height: var( --map-effective-height );
border-radius: var( --border-radius );
background: var( --background-color );
overflow: hidden;
}
.gm-style iframe + div { border: none !important; } @media ( min-width: 700px ) {
#venues {
--map-height: 100vh;
}
#venues__switch-wrap {
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
z-index: 20;
top: calc( var( --header-height, 0px ) );
}
#venues__map {
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top: var( --spacing-top );
} }body { }body { }body { }
.route__duration {
margin-top: -0.2em;
margin-bottom: calc( var( --grid-column-gap-vertical ) * 0.5 );
}
.route__events {
counter-reset: waypoint;
--indicator-size: 2.25em;
--indicator-offset: calc( var( --border-width ) * 2 + var( --indicator-size ) * 0.85 );
}
.route__events .compact-event::before {
content: counter( waypoint );
counter-increment: waypoint;
position: absolute;
z-index: 20;
left: calc( var( --indicator-offset ) * -1 - var( --border-width ) );
top: calc( 50% - var( --indicator-size ) * 0.5 );
width: var( --indicator-size );
height: var( --indicator-size );
display: flex;
justify-content: center;
align-items: center;
line-heigt: 1;
border: var( --border-width ) solid currentColor;
border-radius: var( --indicator-size );
background-color: var( --background-color );
}
.route__events .compact-event:hover::before,
.route__events .compact-event:active::before,
.route__events .compact-event.is-active::before {
background-color: var( --button-hover-background-color );
}
.route__events .compact-event {
margin-left: var( --indicator-offset ) !important;
}
.route__events .compact-event:not( :last-child )::after {
content: '';
position: absolute;
z-index: 10;
left: calc( var( --indicator-offset ) * -0.5 + var( --border-width ) * 2 );
top: calc( 50% + var( --indicator-size ) * 0.5 );
width: var( --border-width );
height: 100%;
background: currentColor;
}
.route-pin {
cursor: pointer;
}
.route-pin::before {
--size: 1em;
content: attr( data-index );
position: absolute;
z-index: 20;
color: var( --white );
font-weight: 700;
font-size: 1.15em;
top: calc( 36% - var( --size ) * 0.5 );
left: calc( 50% - var( --size ) * 0.5 );
width: var( --size );
height: var( --size );
border-radius: var( --size );
background-color: var( --black );
display: flex;
justify-content: center;
align-items: center;
line-heigt: 1;
}
.route-pin:hover::before,
.route-pin:active::before,
.route-pin.is-active::before {
color: var( --color );
background-color: var( --button-hover-background-color );
}
.route-pin:hover [class*="maps-pin-view-border"],
.route-pin:active [class*="maps-pin-view-border"],
.route-pin.is-active [class*="maps-pin-view-border"] {
fill: var( --color ) !important;
}
.route-pin:hover [class*="maps-pin-view-background"],
.route-pin:active [class*="maps-pin-view-background"],
.route-pin.is-active [class*="maps-pin-view-background"] {
fill: var( --button-hover-background-color ) !important;
}body { }
.venue {
--grid-column-gap-vertical: var( --grid-wrap-padding-vertical );
--background-color: var( --white );
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
background-color: var( --background-color );
border-radius: var( --border-radius );
border: var( --border-width ) solid currentColor;
position: relative;
height: var( --height );
}
.venue.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.venue:not( :last-child ) {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.venue-inner {
overflow: hidden;
}
.venue-part:not( :last-child ) {
margin-bottom: var( --grid-column-gap-vertical );
}
.venue__toggle {
--color: var( --white );
--size: 1.5em;
position: absolute;
top: calc( var( --grid-wrap-padding-vertical ) * 0.8 );
right: var( --grid-wrap-padding-horizontal );
z-index: 20;
}
.is-ready .venue__toggle > a {
transition: all calc( var( --transition-duration ) * 0.5 ) var( --transition-easing );
}
.venue__title {
overflow: hidden;
}
.venue__title h1 {
width: 90%;
margin-bottom: -0.125em;
}
.venue__title a {
display: block;
}
.venue__information {
display: flex;
justify-content: space-between;
}
.venue__links {
flex-shrink: 0;
}
.venue__events {
--event-spacing: calc( var( --grid-column-gap-vertical ) * 0.5 );
}
.venue__events-inner {
display: flex;
flex-wrap: wrap;
margin: 0 0 calc( var( --event-spacing ) * -1 ) 0;
}
.venue__events-inner .compact-event {
margin: 0 0 var( --event-spacing ) 0;
display: block;
width: 100%;
}body { }
.event {
--transition-duration: 0.5s;
--transition-easing: cubic-bezier( 0.16, 1, 0.3, 1 );
--grid-column-gap-vertical: var( --line-height--regular );
--background-color: var( --white );
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
background-color: var( --background-color );
border-radius: var( --border-radius );
border: var( --border-width ) solid currentColor;
position: relative;
height: var( --height );
}
.event[data-type="convention"] {
--background-color: var( --festival-background-color );
--button-hover-background-color: var( --white );
}
.event.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) - var( --border-width ) );
}
.event.is-filtered {
height: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
border: none;
opacity: 0;
}
.event:not( :last-child ) {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.is-loaded .event {
transition: height var( --transition-duration ) var( --transition-easing ),
opacity calc( var( --transition-duration ) * 0.25 ) linear
;
}
.event-inner {
position: relative;
height: 100%;
z-index: 10;
}
.event-part:not( :last-child ) {
margin-bottom: var( --grid-column-gap-vertical );
}
.event__topics + .event__artists {
margin-top: calc( var( --header-button-spacing ) - var( --grid-column-gap-vertical ) );
}
.event__actions {
--color: var( --white );
display: flex;
column-gap: calc( var( --filter-spacing ) * 1.5 );
align-items: center;
position: absolute;
top: var( --grid-wrap-padding-vertical );
right: var( --grid-wrap-padding-horizontal );
mix-blend-mode: difference;
pointer-events: none;
z-index: 20;
}
.event__actions .my-toggle {
width: calc( var( --toggle-size ) * 1.1 );
transform: translateY( -5% );
cursor: pointer;
pointer-events: all;
}
.event__actions .event__toggle {
pointer-events: none;
}
.event__meta,
.event__main {
position: relative;
z-index: 10;
}
.event__date,
.event__time,
.event__venue {
--line-height: 1 !important;
}
.event__content {
--grid-column-display: flex;
flex-direction: column;
}
.event__title {
display: inline-block;
}
.event__title.event-part:not( :last-child ) {
margin-bottom: calc( var( --grid-column-gap-vertical ) * 1.3 );
}
.event__title + .event__venue {
margin-top: auto;
}
.event__title h1 {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
.event__description-wrap {
margin-top: auto;
}
.event__topics,
.event__artists {
overflow: hidden;
}
.event__topics-inner,
.event__artists-inner {
display: flex;
flex-wrap: wrap;
margin: 0 calc( var( --header-button-spacing ) * -0.5 ) calc( var( --header-button-spacing ) * -1 );
}
.event__topics-inner > *,
.event__artists-inner > * {
margin: 0 calc( var( --header-button-spacing ) * 0.5 ) var( --header-button-spacing );
}
.event__description-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: calc( var( --grid-wrap-padding-vertical ) * -1 );
}
.event__description-meta > * {
margin-bottom: var( --grid-wrap-padding-vertical );
}
.event__description-meta > *:first-child:not( :last-child ) {
margin-right: auto;
}
.event__thumbnail .image,
.event__thumbnail .image-inner {
height: 100%;
}
.event__thumbnail .image__markup {
border: var( --border-width ) solid currentColor;
} @media ( max-width: 999px ) {
.event__time {
margin-top: -0.1em;
}
.event__content .event__title {
margin-bottom: 0 !important;
}
.event__content .event__title ~ .event__venue,
.event__content .event__title ~ .event__artists {
display: none;
}
.event__thumbnail .image__markup {
margin-left: calc( var( --grid-wrap-padding-horizontal ) * -1 - var( --border-width ) );
margin-right: calc( var( --grid-wrap-padding-horizontal ) * -1 - var( --border-width ) );
margin-bottom: calc( var( --grid-wrap-padding-vertical ) * -1 - var( --border-width ) );
}
} @media ( min-width: 1000px ) {
.event {
--transition-duration: 0.35s;
--height: calc( var( --inactive-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.event.is-active {
--height: calc( var( --active-height ) + var( --grid-wrap-padding-vertical ) * 2 );
}
.event__meta > grid-row {
height: calc( 100% + var( --grid-column-gap-vertical ) );
}
.event__meta .event__venue,
.event__meta .event__artists {
display: none;
}
.event__main > grid-row {
height: 100%;
}
.event__content {
position: relative;
}
.event__description-meta {
align-items: flex-end;
}
.event__title {
position: relative;
z-index: 20;
}
.event__thumbnail .image {
position: relative;
}
.event__thumbnail .image-inner {
position: absolute;
top: calc( ( var( --grid-wrap-padding-vertical ) + var( --border-width ) ) * -1 );
left: 0;
width: calc( 100% + ( var( --grid-wrap-padding-horizontal ) + var( --border-width ) ) * 1 );
height: calc( 100% + ( var( --grid-wrap-padding-vertical ) + var( --border-width ) ) * 2 );
}
.event__thumbnail .image__markup {
height: 100%; }
} .compact-event {
--info-spacing: 0.4em;
overflow: clip;
}
.compact-event > .button-inner {
display: block !important;
height: 100%;
}
.compact-event .button__label {
height: 100%;
max-width: 100%;
display: inline-flex;
flex-direction: column;
}
.compact-event__title {
margin-top: var( --info-spacing );
text-overflow: ellipsis;
overflow: hidden;
}
.compact-event__title:not( :last-child ) {
margin-bottom: calc( var( --info-spacing ) * 0.75 );
}
.compact-event__venue {
margin-top: auto;
text-overflow: ellipsis;
}
.compact-event .my-toggle {
position: absolute;
top: 0;
right: 0;
padding: 0.65em;
cursor: pointer;
pointer-events: all;
z-index: 20;
}
.compact-event .my-toggle svg {
height: 1em;
width: auto;
}body { }
#footer {
padding: var( --grid-wrap-padding-vertical ) var( --grid-wrap-padding-horizontal );
margin-top: var( --huge-space );
}
#footer-inner {
padding: var( --grid-wrap-padding-vertical ) var( --grid-wrap-padding-horizontal );
border-radius: var( --footer-border-radius, var( --border-radius ) );
border: var( --border-width ) solid currentColor;
overflow: hidden;
}
#footer-navigation a {
text-decoration: none;
}
#footer__ticket-button {
display: flex;
justify-content: center;
background-color: var( --background-color );
padding-top: calc( var( --grid-wrap-padding-vertical ) * 0.5 );
margin-top: calc( var( --medium-space ) - var( --grid-wrap-padding-vertical ) );
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
bottom: 0;
overflow: visible;
z-index: 50;
}
#footer__ticket-button::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: var( --medium-space );
top: calc( var( --medium-space ) * -1 );
background: linear-gradient( 0deg, var( --background-color ) 25%, transparent );
}
.view-event.is-free #footer__ticket-button {
display: none;
} @media ( max-width: 1399px ) {
#footer__ticket-button .button {
flex: 1;
}
} @media ( min-width: 1000px ) {
#footer__ticket-button {
display: none;
}
}