.flex-layout.voorstellingen_list_repeater {
    --list-spacing: 1.5;
    --row-gap: max(.75rem, calc(.75 * var(--su)));
}

.flex-layout.voorstellingen_list_repeater .pk-grid-container {
    row-gap: max(2rem, calc(2 * var(--su)));
}

.flex-layout.voorstellingen_list_repeater .switcher-col {
    margin-bottom: max(2rem, calc(3 * var(--su)));
}

.flex-layout.voorstellingen_list_repeater .switcher-col .sk-tabs-wrapper {
    margin-inline: auto;
}

.flex-layout.voorstellingen_list_repeater .heading-col {
    text-align: center;
}

.flex-layout.voorstellingen_list_repeater .table-scroll {
    overflow-x: auto; overflow-y: hidden;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table {
    width: 100%;
    min-width: 900px;
    border-collapse: separate;
    border-spacing: 0 var(--row-gap);
    table-layout: fixed;
    border: none;
    /* offset outer top/bottom border-spacing */
    margin-block: calc(-1 * var(--row-gap));
    overflow: hidden;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table th,
.flex-layout.voorstellingen_list_repeater .voorstellingen-table td {
    border: none;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table col.col-title    { width: 25%; }
.flex-layout.voorstellingen_list_repeater .voorstellingen-table col.col-date     { width: 16.67%; }
.flex-layout.voorstellingen_list_repeater .voorstellingen-table col.col-location { width: 33.33%; }
.flex-layout.voorstellingen_list_repeater .voorstellingen-table col.col-tickets  { width: 25%; }

.flex-layout.voorstellingen_list_repeater th, .flex-layout.voorstellingen_list_repeater td {
    padding: unset;
}

/* Header */
.flex-layout.voorstellingen_list_repeater .voorstellingen-table thead {
    background: var(--knalpaars);
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table thead th {
    background-color: var(--knalpaars);
    padding: max(1rem, calc(1 * var(--su))) max(1rem, calc(var(--list-spacing) * var(--su)));
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table thead th span {
    display: inline-block;
    background-color: var(--lichtpaars);
    color: var(--botergeel);
    border-radius: var(--border-radius-full);
    padding: max(.5rem, calc(.5 * var(--su))) max(1rem, calc(1.5 * var(--su)));
    font-size: var(--pk-button-font-size);
    font-family: var(--pk-button-font-family);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
}

/* Data rows */
.flex-layout.voorstellingen_list_repeater .voorstellingen-table tbody tr {
    font-size: var(--desktop-body-md);
    font-weight: 400;
    line-height: 1.3;
    background-color: var(--grijs);
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table tbody tr td {
    padding: max(.75rem, calc(var(--list-spacing) * var(--su))) max(1rem, calc(var(--list-spacing) * var(--su)));
    vertical-align: middle;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table tbody tr:hover, .flex-layout.voorstellingen_list_repeater .voorstellingen-table tbody tr:active {
    background-color: var(--botergeel);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}

/* .flex-layout.voorstellingen_list_repeater .voorstellingen-table td:first-child {
    border-radius: var(--border-radius-medium) 0 0 var(--border-radius-medium);
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table td:last-child {
    border-radius: 0 var(--border-radius-medium) var(--border-radius-medium) 0;
} */

.flex-layout.voorstellingen_list_repeater .voorstellingen-table td a:has(>.title){
    color: var(--zwart);
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table td .title {
    display: block;
    color: var(--zwart);
    font-weight: 700;
}

.flex-layout.voorstellingen_list_repeater .voorstellingen-table td .subtitle {
    display: block;
    font-size: max(.75rem, calc(.75 * var(--su)));
    font-weight: 300;
}

@media screen and (max-width: 992px) {
    .flex-layout.voorstellingen_list_repeater {
        --list-spacing: 1;
    }
}