.ticketleo-badge {
background: var(--ticketleo-badge-bg-color, var(--wp--preset--color--contrast, #111111));
color: var(--ticketleo-badge-text-color, var(--wp--preset--color--base, #FFFFFF));
padding-block: var(--ticketleo-badge-padding-block, 0.5em);
padding-inline: var(--ticketleo-badge-padding-inline, 0.5em);
width: var(--ticketleo-badge-width, fit-content);
font-size: var(--ticketleo-badge-fontsize, 0.8em);
white-space: var(--ticketleo-badge-wrap, nowrap);
display: inline-block;
}
.ticketleo-btn__link {
display: inline-block;
font-size: var(--ticketleo-btn-fontsize, 0.9rem);
white-space: nowrap;
}
.ticketleo-btn--show .ticketleo-btn__link {
background: var(--ticketleo-btn-bg, transparent);
padding-block: var(--ticketleo-btn-padding-block, 0);
padding-inline: var(--ticketleo-btn-padding-inline, 0);
color: var(--ticketleo-btn-text-color, var(--wp--preset--color--contrast, #111111));
}
.ticketleo-btn--show .ticketleo-btn__link:is(:hover, :focus, :active) {
text-decoration: var(--ticketleo-btn-decoration, underline);
}
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-events__title span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event-timing__date span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event-timing__time span,
.ticketleo-events-table .ticketleo-event--not-bookable .ticketleo-event__status span {
opacity: var(--ticketleo-not-bookable-opacity, 0.52);
}
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-events__title,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event-timing__date,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event-timing__time,
.ticketleo-events-list .ticketleo-event--not-bookable .ticketleo-event__status,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-events__title,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event-timing__date,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event-timing__time,
.ticketleo-events-grid .ticketleo-event--not-bookable .ticketleo-event__status {
opacity: var(--ticketleo-not-bookable-opacity, 0.52);
}
.ticketleo-event__header {
max-width: 100%;
position: relative;
}
.ticketleo-event__header img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
aspect-ratio: var(--ticketleo-header-aspect-ratio, 1.53);
}
.ticketleo-event__header .ticketleo-badge {
bottom: var(--ticketleo-badge-bottom-position, 0.5em);
left: var(--ticketleo-badge-left-position, 0);
}
.block-editor-block-list__block .wp-block-ticketleo-events-eventslist,
.block-editor-block-list__block .wp-block-ticketleo-events-event {
pointer-events: none;
}
.ticketleo-events-list .ticketleo-event-timing,
.ticketleo-events-grid .ticketleo-event-timing {
display: var(--ticketleo-timing-layout, flex);
gap: var(--ticketleo-timing-gap, 1rem);
margin-block: var(--ticketleo-margin-block, 1rem);
}
.ticketleo-events-list .ticketleo-event-timing:first-child,
.ticketleo-events-grid .ticketleo-event-timing:first-child {
margin-top: 0;
}
.ticketleo-events-column {
padding-block: var(--ticketleo-padding-block, 1.5rem 1rem);
padding-inline: var(--ticketleo-padding-inline, 1rem);
}
.ticketleo-events-column--image {
max-width: var(--ticketleo-img-max-width, 300px);
width: var(--ticketleo-img-width, 100%);
padding-block: var(--ticketleo-padding-block, 0);
padding-inline: var(--ticketleo-padding-inline, 0);
}
.ticketleo-events-column--image img {
width: var(--ticketleo-img-width, 100%);
height: var(--ticketleo-img-height, 100%);
object-fit: var(--ticketleo-img-object-fit, cover);
object-position: var(--ticketleo-img-object-position, center);
}
@media screen and (max-width: 700px) {
.ticketleo-events-column--image {
max-width: var(--ticketleo-img-max-width, 100%);
}
}
@media screen and (min-width: 701px) and (max-width: 1199px) {
.ticketleo-events-column--image {
max-width: var(--ticketleo-img-max-width, 200px);
}
}
.ticketleo-events-column--info {
display: var(--ticketleo-column-layout, flex);
justify-content: var(--ticketleo-column-justify, space-between);
align-items: var(--ticketleo-column-align, center);
flex-wrap: var(--ticketleo-flex-wrap, wrap);
width: var(--ticketleo-column-width, 100%);
}
.ticketleo-events__title {
margin-block: var(--ticketleo-margin-block, 0);
margin-inline: var(--ticketleo-margin-inline, 0);
}
.ticketleo-events-grid {
display: var(--ticketleo-layout, grid);
grid-template-columns: repeat(auto-fill, minmax(min(var(--ticketleo-column-width, 18em), 100%), 1fr));
list-style: none;
padding-block: var(--ticketleo-padding-block, 0);
padding-inline: var(--ticketleo-padding-inline, 0);
gap: var(--ticketleo-row-gap, clamp(1.5rem, 3.5vw, 3.75rem)) var(--ticketleo-column-gap, clamp(1.5rem, 3.5vw, 3.75rem));
}
.ticketleo-events-grid .ticketleo-event {
border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
padding-block: var(--ticketleo-padding-block, 1rem);
padding-inline: var(--ticketleo-padding-inline, 1rem);
position: relative;
}
.ticketleo-events-grid .ticketleo-event .ticketleo-btn__link::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.ticketleo-events-list {
list-style: none;
padding-left: 0;
}
.ticketleo-events-list .ticketleo-event {
display: var(--ticketleo-list-layout, flex);
justify-content: var(--ticketleo-list-justify, space-between);
border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
position: relative;
flex-wrap: var(--ticketleo-flex-wrap, nowrap);
}
@media screen and (max-width: 700px) {
.ticketleo-events-list .ticketleo-event {
flex-wrap: var(--ticketleo-flex-wrap, wrap);
}
}
.ticketleo-events-list .ticketleo-event:not(:last-child) {
margin-bottom: var(--ticketleo-spacing-bottom, 2rem);
}
.ticketleo-events-list .ticketleo-badge {
position: var(--ticketleo-badge-position, absolute);
transform: translateY(-50%);
top: 0;
}
.ticketleo-event-progress {
width: var(--ticketleo-progress-width, 100%);
height: var(--ticketleo-progress-height, 30px);
background: var(--ticketleo-progress-bg, var(--wp--preset--color--accent-2, #F6CFF4));
position: relative;
display: inline-block;
}
.ticketleo-event-progress__bar {
background: var(--ticketleo-progress-color, var(--wp--preset--color--accent-3, #503AA8));
height: 100%;
}
.ticketleo-events-table {
border-bottom: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, #f0f0f0);
}
.ticketleo-events-table table {
border-spacing: var(--ticketleo-border-spacing, 0);
border-collapse: collapse;
}
.ticketleo-events-table thead {
border-bottom: var(--ticketleo-border-width, 3px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, var(--wp--preset--color--contrast, #111111));
}
.ticketleo-events-table th, .ticketleo-events-table td {
border: var(--ticketleo-border-width, 1px) var(--ticketleo-border-style, solid) var(--ticketleo-border-color, rgba(0, 0, 0, 0));
padding-inline: var(--ticketleo-padding-inline, 0.5em);
padding-block: var(--ticketleo-padding-block, 0.5em);
}
.ticketleo-events-table .ticketleo-event:nth-child(even) {
background: var(--ticketleo-even-rows-color, #f0f0f0);
}
@media screen and (max-width: 1059px) {
.ticketleo-events-table {
display: none;
}
}
@media screen and (min-width: 1060px) {
.responsive-container .ticketleo-events-list {
display: none;
}
}
@media screen and (max-width: 1059px) {
.responsive-container .ticketleo-events-list {
display: block;
}
}
.ticketleo-event-progress__tooltip {
visibility: hidden;
opacity: 0;
width: max-content;
background: var(--ticketleo-tooltip-bg-color, var(--wp--preset--color--base, #FFFFFF));
color: var(--ticketleo-tooltip-text-color, var(--wp--preset--color--contrast, #111111));
text-align: var(--ticketleo-tooltip-text-align, center);
border: var(--ticketleo-tooltip-border-width, 1px) var(--ticketleo-tooltip-border-style, solid) var(--ticketleo-tooltip-border-color, var(--wp--preset--color--contrast, #111111));
border-radius: var(--ticketleo-tooltip-border-radius, 0.33rem);
padding-block: var(--ticketleo-tooltip-padding-block, 0.5rem);
padding-inline: var(--ticketleo-tooltip-padding-inline, 1rem);
position: absolute;
bottom: var(--ticketleo-tooltip-bottom-position, 70%);
left: var(--ticketleo-tooltip-left-position, 50%);
transform: translateX(var(--ticketleo-tooltip-offset, -50%));
font-size: var(--ticketleo-tooltip-fontsize, 0.8em);
transition: opacity var(--ticketleo-tooltip-animation-duration, 0.2s);
}
.ticketleo-event-progress__tooltip::before, .ticketleo-event-progress__tooltip::after {
content: "";
position: absolute;
border-left: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color-inline, transparent);
border-right: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color-inline, transparent);
top: 100%;
left: 50%;
transform: translateX(var(--ticketleo-tooltip-offset, -50%));
margin-left: calc(var(--ticketleo-tooltip-arrow-border-width, 5px) * -1);
}
.ticketleo-event-progress__tooltip::before {
border-top: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color, var(--wp--preset--color--contrast, #111111));
margin-top: var(--ticketleo-tooltip-arrow-top-offset, 1px);
}
.ticketleo-event-progress__tooltip::after {
border-top: var(--ticketleo-tooltip-arrow-border-width, 5px) var(--ticketleo-tooltip-arrow-border-style, solid) var(--ticketleo-tooltip-arrow-border-color, var(--wp--preset--color--base, #FFFFFF));
z-index: 1;
}
.ticketleo-event-progress:is(:hover, :focus, :active) .ticketleo-event-progress__tooltip {
visibility: visible;
opacity: 1;
}