Voor je bezoek aan de Kunsthal boek je vooraf online een ticket met starttijd. Ook als je een Museumkaart, Rotterdampas of VriendenLoterij VIP-kaart hebt.
* {
font-variation-settings: "slnt" 0 !important;
}
.enviso-header-actions {
display: none;
}
.internal-enviso-guest-button {
position: relative;
z-index: 1;
}
enviso-time-selection-step .enviso-ticket-flow-bottom-buttons,
#confirmation-steps .enviso-ticket-flow-bottom-buttons {
justify-content: space-between !important;
align-items: center !important;
margin-top: 2.6em;
gap: 0.6em 0;
}
.enviso-title,
.enviso-rebook-header,
.enviso-payment-header,
.enviso-time-selection-step-header {
margin-bottom: 0;
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--black);
text-transform: uppercase;
}
.enviso-description,
.enviso-rebook-header-description,
.enviso-payment-header-description,
.enviso-time-selection-step-header-description,
.enviso-pass-selection-step-header-description {
display: block;
margin-bottom: 1.8em !important;
color: var(--black);
font-size: var(--font-size-md);
font-style: unset;
}
.enviso-ticket-widget-offer-name span,
.enviso-ticket-widget-offer-back-link,
.enviso-ticket-widget-offer-name {
display: none;
}
nav:has(~ enviso-manage-order-guest)
.enviso-ticket-widget-offer-back-link {
display: block;
height: unset !important;
}
:host(:not(.enviso-manage-order-guest__submit)) {
box-shadow: none !important;
margin: 0 !important;
}
:host([primary]),
:host([secondary]) {
height: unset !important;
}
:host([primary]) .enviso-btn,
:host([secondary]) .enviso-btn {
border-radius: 0;
line-height: 1.2;
min-height: var(--button-min-height);
font-size: var(--button-font-size);
font-weight: var(--font-weight-semibold);
padding: var(--button-padding);
color: var(--black);
background-color: var(--orange);
text-transform: uppercase;
border: 0;
appearance: none;
}
:host([primary]) .enviso-btn:hover,
:host([secondary]) .enviso-btn:hover {
opacity: 0.9;
}
:host([primary]) .enviso-btn:focus-visible,
:host([secondary]) .enviso-btn:focus-visible {
box-shadow: 0 0 0 var(--focus-ring-size) var(--white);
outline: var(--focus-ring);
outline-offset: var(--focus-ring-size);
}
:host([secondary]) .enviso-btn,
:host(.enviso-discount-apply-btn) .enviso-btn {
color: var(--white);
background-color: var(--black);
}
:host(.back-to-overview-button) {
height: unset !important;
margin-bottom: 1.3rem !important;
}
:host(.internal-enviso-guest-button) {
margin-bottom: 26px !important;
}
:host(.internal-enviso-guest-button) .enviso-btn {
color: var(--white);
background-color: var(--black);
font-size: 26px;
}
:host(.enviso-ticket-widget-offer-back-link) .enviso-btn,
:host(.back-to-overview-button) .enviso-btn,
:host(.btnPreviousStep) .enviso-btn {
width: auto;
min-height: var(--button-min-height);
font-size: var(--button-font-size);
font-weight: var(--font-weight-semibold);
color: var(--black);
text-transform: uppercase;
text-decoration: none;
}
:host(.enviso-ticket-widget-offer-back-link) enviso-icon,
:host(.back-to-overview-button) enviso-icon,
:host(.btnPreviousStep) enviso-icon {
margin-right: 4px !important;
}
.enviso-btn.icon-left.icon-only > enviso-icon[name="shopping-cart"] {
display: none !important;
}
.enviso-steps-header {
color: var(--form-hint-color);
margin-bottom: 0;
}
.enviso-steps-header.active {
color: var(--black);
font-weight: var(--font-weight-semibold);
}
/* Enviso marks the current and all previous steps as .active, so a
completed step is an .active step followed by another .active step. */
.enviso-steps-header.active:has(~ .active)
.enviso-steps-header-label::before {
content: "✓" / "";
color: var(--orange);
margin-right: 0.35em;
}
.enviso-steps-header-wrapper,
.enviso-steps-header-progress {
max-width: 100%;
}
.enviso-steps-header-progress,
.enviso-steps-header-progress-bar {
height: 6px !important;
}
.enviso-steps-header-progress {
background-color: var(--grey) !important;
}
.enviso-steps-header-progress-bar {
background-color: var(--orange) !important;
}
:host([responsive-class="enviso-tickets-mobile"]) {
gap: 0 1.5em !important;
margin-right: 1em !important;
}
:host(.enviso-calendar-container) {
padding: 1.5em 1em !important;
}
@media screen and (min-width: 480px) {
:host(.enviso-calendar-container) {
padding: 1.5em;
}
}
.promotions {
margin: 0;
}
.enviso-tickets {
grid-template-columns: 50% 50%;
gap: 0.5em;
}
:host {
border-top: var(--line-width-regular) solid var(--black);
border-bottom: var(--line-width-regular) solid var(--black);
border-left: 0;
background-color: var(--white);
border-radius: 0;
padding: 1em 0;
margin: calc(-1 * var(--line-width-regular)) 0 0 !important;
}
.enviso-ticket-item-wrapper {
min-height: 3em;
gap: 1.3em;
}
.enviso-amount {
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.enviso-nud {
height: auto;
width: auto;
display: flex;
}
.enviso-info {
display: flex;
flex-direction: column;
padding-left: 0;
padding-right: 0;
}
.enviso-info .enviso-description {
order: 3;
}
.enviso-price {
margin-top: 0;
order: 2;
}
.enviso-price-full {
font-weight: var(--font-weight-light);
line-height: 1;
color: var(--black);
}
.enviso-name {
order: 1;
margin-bottom: 0.5em;
line-height: 1.2;
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--black);
}
.enviso-description {
margin: 0 !important;
}
.enviso-ticket-item-wrapper .enviso-info .enviso-description:not(:empty) {
margin-top: 0.3em !important;
}
:host {
width: fit-content !important;
}
@media screen and (min-width: 480px) {
:host
.enviso-tickets-mobile
.enviso-nud-wrapper.vertical
#enviso-value {
min-width: var(--tap-size);
}
}
.enviso-nud-wrapper.vertical,
.enviso-nud-wrapper.horizontal {
flex-direction: row;
font-size: 0.8em;
height: var(--tap-size);
margin: 0;
border: var(--line-width-regular) solid var(--black) !important;
border-radius: 0 !important;
}
.enviso-nud-wrapper.vertical #enviso-value,
.enviso-nud-wrapper.horizontal #enviso-value {
border-left: var(--line-width-regular) solid !important;
border-right: var(--line-width-regular) solid !important;
height: 100%;
font-size: var(--font-size-md);
}
@media screen and (min-width: 480px) {
.enviso-nud-wrapper.vertical #enviso-value,
.enviso-nud-wrapper.horizontal #enviso-value {
min-width: var(--tap-size-large);
}
}
.enviso-nud-wrapper.vertical enviso-button,
.enviso-nud-wrapper.horizontal enviso-button {
height: var(--tap-size);
min-width: 36px;
}
@media screen and (min-width: 480px) {
.enviso-nud-wrapper.vertical enviso-button,
.enviso-nud-wrapper.horizontal enviso-button {
min-width: var(--tap-size);
}
}
:host([name="plus"]),
:host([name="minus"]) {
font-size: 26px !important;
color: var(--black);
}
:host([name="minus"]) {
font-size: 22px !important;
}
:host([name="back-arrow"]) {
svg {
width: 28px !important;
}
}
:host([name="back-arrow-open"]) {
svg {
width: 14px !important;
height: 14px !important;
}
}
i {
line-height: 0.6 !important;
}
:host {
border-radius: 0;
border: var(--line-width-regular) solid var(--black);
}
.enviso-calendar-container {
padding: 1.5em;
}
.enviso-calendars-header {
margin-bottom: 0.6em;
}
.enviso-calendars-header .enviso-middle {
color: var(--black);
font-size: var(--font-size-xl-responsive);
font-weight: var(--font-weight-bold);
}
:host {
min-height: 20em;
}
.enviso-month-text {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
color: var(--black);
padding-top: 0;
}
.enviso-day {
font-size: var(--font-size-md-responsive) !important;
font-weight: var(--font-weight-medium) !important;
color: var(--black);
border: 0 !important;
outline: 2px solid var(--white) !important;
outline-offset: -2px;
height: 48px;
}
.enviso-day:focus-visible {
outline-color: var(--blue) !important;
}
.enviso-day:not(.enviso-header) {
border-radius: var(--border-radius);
background-color: var(--grey);
}
.enviso-day[aria-disabled="true"] {
background-color: var(--white);
color: #c7c9d0;
}
.enviso-day[aria-selected="true"] {
background-color: var(--black) !important;
color: var(--white) !important;
}
:host {
}
.timeslots {
margin-bottom: 0;
}
.enviso-selection-timeslot {
min-width: auto;
}
.enviso-timeslot-description {
color: var(--black);
font-size: var(--font-size-md);
font-weight: var(--font-weight-light);
margin-bottom: 1em;
}
:host .enviso-cross-sell-timeslots-container {
margin-top: 1.5em;
margin-left: 0;
}
@media (min-width: 794px) {
:host .enviso-cross-sell-timeslots-container {
margin-top: 0;
margin-left: 2em;
}
}
.enviso-timeslots-container {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-gap: 0.5em;
}
.enviso-timeslot-button {
border: var(--line-width-regular) solid var(--black);
border-radius: 0;
min-height: var(--button-min-height);
font-size: var(--button-font-size);
font-weight: var(--font-weight-semibold);
font-family: var(--font-family);
color: var(--black);
}
.enviso-timeslot-info {
justify-content: space-around;
white-space: normal;
}
.enviso-timeslot-button[disabled] {
border-color: var(--grey-dark);
background-color: var(--grey);
color: var(--grey-dark);
text-decoration: line-through;
cursor: not-allowed;
}
:host([selected]) .enviso-timeslot-button:after {
background: var(--black);
opacity: 1;
}
:host([selected]) .enviso-timeslot-info {
color: var(--white);
}
.enviso-amount-of-tickets {
display: none;
}
.enviso-ticket-flow-bottom-buttons {
justify-content: space-between !important;
align-items: center !important;
margin-top: 2.6em;
}
:host {
color: var(--black);
}
.enviso-basket-items-wrapper > enviso-ticket-basket-item:first-child {
margin-top: 0 !important;
}
.enviso-offer-image-box {
display: none;
}
.enviso-basket-offer-image {
background-position: center;
}
:host {
margin-top: 2em;
display: block;
}
.enviso-basket-item-entries {
padding: 0;
}
.enviso-basket-item-entry {
display: grid;
grid-template-areas:
"title title title"
"quantity price cross";
grid-template-columns: 1fr auto auto;
gap: 1em 0;
border-top: var(--line-width-regular) solid var(--black);
border-bottom: var(--line-width-regular) solid var(--black);
border-left: 0;
padding: 1em 0.4em 1em 1em;
margin: calc(-1 * var(--line-width-regular)) 0 0;
}
@media screen and (min-width: 640px) {
.enviso-basket-item-entry {
grid-template-areas: "title quantity price cross";
grid-template-columns: 1fr auto minmax(6em, auto) auto;
}
}
.enviso-basket-item-entry-description {
grid-area: title;
}
.enviso-basket-item-entry-description-name {
line-height: 1.2;
font-size: var(--font-size-lg-responsive);
font-weight: var(--font-weight-semibold);
}
.enviso-basket-item-entry-quantity {
grid-area: quantity;
}
.enviso-basket-item-entry-price {
grid-area: price;
}
.enviso-basket-item-entry-price-subtotal,
.enviso-final-amount {
font-size: var(--font-size-md-responsive);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
}
.enviso-product-basket-item-remove {
grid-area: cross;
font-size: 1.6em;
padding-top: 0.1em;
}
.enviso-basket-item-description {
padding: 1em;
margin-top: 0;
}
.enviso-basket-offer-description-amount {
font-size: var(--font-size-lg-responsive);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
}
.enviso-basket-item-description-extra {
font-size: var(--font-size-md);
font-weight: var(--font-weight-light);
color: var(--black);
}
.enviso-basket-item-remove,
.enviso-offer-image-box {
display: none !important;
}
.enviso-header {
display: none;
}
.enviso-basket-footer {
margin-top: 2.6em;
gap: 1.6em;
}
.enviso-basket-total-amounts {
color: var(--black);
font-size: var(--font-size-lg-responsive);
}
.enviso-basket-discount-panel {
font-size: var(--font-size-md);
color: var(--black);
margin: 0;
}
.enviso-discount-open {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
margin-top: 1em;
}
.enviso-discount-open input {
margin: 0;
min-height: calc(
var(--tap-size-large) - 2 * var(--line-width-thin)
);
padding: 0 12px;
background-color: var(--white);
color: var(--black);
font-size: 1em;
line-height: 1.4;
border: var(--line-width-thin) solid var(--input-stroke);
border-radius: 0;
appearance: none;
}
.enviso-discount-open input:focus-visible {
box-shadow: 0 0 0 var(--focus-ring-size) var(--white);
outline: var(--focus-ring);
outline-offset: var(--focus-ring-size);
}
.enviso-basket-bottom-buttons {
justify-content: space-between !important;
gap: 0.6em 0;
}
.enviso-mobile > .enviso-basket-bottom-buttons > .btnPreviousStep,
.enviso-mobile > .enviso-basket-bottom-buttons > .enviso-btnNext,
.enviso-mobile > .enviso-basket-bottom-buttons > .btnNext {
width: auto;
margin-left: auto;
}
.enviso-header {
display: none;
}
:host {
max-width: var(--constrain-small);
margin-bottom: 0 !important;
}
.enviso-txt-label {
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
line-height: 1.2;
margin-bottom: 0.5rem;
margin-top: 1.5rem !important;
color: var(--black);
}
:host([required]) .enviso-txt-label::after {
color: var(--error-color);
}
.enviso-txt-value {
font-family: var(--font-family);
margin: 0;
min-height: calc(
var(--tap-size-large) - 2 * var(--line-width-thin)
);
padding: 0 12px;
background-color: var(--white);
color: var(--black);
font-size: 1rem;
font-weight: var(--font-weight-light);
line-height: 1.4;
border: var(--line-width-thin) solid var(--input-stroke);
border-radius: 0;
appearance: none;
}
.enviso-txt-value:focus-visible {
box-shadow: 0 0 0 var(--focus-ring-size) var(--white);
outline: var(--focus-ring);
outline-offset: var(--focus-ring-size);
border-color: var(--input-stroke);
}
.enviso-txt-info {
font-size: var(--font-size-md);
margin: 0;
color: var(--form-hint-color) !important;
line-height: 1.2;
margin-bottom: 0.5rem;
color: var(--black);
}
.enviso-txt-error-message > p {
display: flex;
align-items: center;
margin-top: 0.5em;
gap: 0.5em;
}
.enviso-txt-error-message > p::before {
content: "↑";
font-size: 1.3em;
}
:host {
max-width: var(--constrain-small);
}
.enviso-select-box-wrapper {
position: relative;
padding: 0;
}
.enviso-select-label {
font-size: var(--font-size-md);
font-weight: var(--font-weight-semibold);
color: var(--black);
line-height: 1.2;
margin-bottom: 0.5rem;
margin-top: 1.5rem;
}
:host([required]) .enviso-select-label::after {
color: var(--error-color);
}
.enviso-select-value {
font-family: var(--font-family);
margin: 0;
min-height: calc(
var(--tap-size-large) - 2 * var(--line-width-thin)
);
padding: 0 12px;
background-color: var(--white);
color: var(--black);
font-size: 1rem;
font-weight: var(--font-weight-light);
line-height: 1.4;
border: var(--line-width-thin) solid var(--input-stroke);
border-radius: 0;
appearance: none;
max-width: none;
}
.enviso-select-value:focus-visible {
box-shadow: 0 0 0 var(--focus-ring-size) var(--white);
outline: var(--focus-ring);
outline-offset: var(--focus-ring-size);
border-color: var(--input-stroke);
}
.enviso-select-value::placeholder {
font-weight: var(--font-weight-semibold);
color: var(--input-placeholder);
}
.enviso-select-info {
font-size: var(--font-size-md);
margin: 0;
color: var(--form-hint-color);
line-height: 1.2;
margin-bottom: 0.5rem;
}
.enviso-select-error-message > p {
display: flex;
align-items: center;
margin-top: 0.5em;
gap: 0.5em;
}
.enviso-select-error-message > p::before {
content: "↑";
font-size: 1.3em;
}
:host {
position: absolute;
right: 40px;
}
:host {
font-size: var(--font-size-md-responsive);
}
.enviso-oc-title {
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
}
.enviso-manage-order-guest__title,
.enviso-manage-order-guest-overview__title {
margin: 0.8em 0 0;
font-size: var(--font-size-4xl-responsive);
font-weight: var(--font-weight-bold);
text-transform: uppercase;
hyphens: auto;
line-height: 1.3;
}
.enviso-manage-order-guest__description {
max-width: var(--constrain-small);
margin: 0.4em 0 0;
font-size: var(--font-size-md-responsive);
}
.enviso-manage-order-guest__form {
gap: 0;
}
.enviso-manage-order-guest__submit {
margin: 2em 0 0 !important;
max-width: var(--constrain-small);
}
.enviso-manage-order-guest-overview__order {
margin-top: 1.6em;
margin-bottom: 1em;
}
.enviso-manage-order-guest-overview__order-info {
display: flex;
align-items: center;
}
.enviso-manage-order-guest-overview__order-number {
margin: 0;
font-size: var(--font-size-lg-responsive);
}
.enviso-col-status--pill {
font-size: var(--font-size-xs);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
border-radius: 0;
margin-left: 1rem;
padding: 4px 10px;
background-color: var(--black);
color: var(--white);
}
:host {
background-color: var(--white) !important;
border-radius: 0 !important;
}
.enviso-order-header {
padding: 0;
}
.enviso-order-overview {
padding: 0;
}
.enviso-grouped-order-line {
display: grid;
grid-template-areas:
"image"
"time"
"info"
"tickets"
"actions";
grid-template-columns: 1fr !important;
gap: 0 1.4em;
margin: calc(-1 * var(--line-width-regular)) 0 0 !important;
padding: 1em 0;
border-top: var(--line-width-regular) solid var(--black);
border-bottom: var(--line-width-regular) solid var(--black);
color: var(--black);
}
.enviso-grouped-order-line__image {
grid-area: image;
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 0 !important;
margin-bottom: 20px;
width: 60% !important;
}
.enviso-grouped-order-line__info {
grid-area: info;
margin: 0.4em 0 0.2em;
font-size: var(--font-size-lg-responsive);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
}
.enviso-grouped-order-line__time {
grid-area: time;
display: flex;
align-items: center;
justify-self: flex-start;
gap: 0.5em;
height: fit-content;
font-size: var(--font-size-xs);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
border-radius: 0;
padding: 4px 10px;
background-color: var(--grey);
}
.enviso-grouped-order-line__actions {
grid-area: actions;
display: flex;
align-items: center;
}
.enviso-grouped-order-line__tickets {
grid-area: tickets;
font-size: var(--font-size-sm);
}
.enviso-grouped-order-line__product {
display: block;
}
.enviso-grouped-order-line__title {
display: none !important;
}
.enviso-grouped-order-line__name {
margin: 0 !important;
}
.enviso-grouped-order-line__actions enviso-button {
color: var(--white) !important;
background-color: var(--black) !important;
font-size: 26px !important;
width: var(--tap-size);
height: var(--tap-size);
}
/* Rebook button: icon with a small visible label next to it, taken from its aria-label. */
.enviso-grouped-order-line__actions
enviso-button[slot="after-download-button"] {
display: grid;
grid-template-columns: 36px auto;
grid-template-rows: 36px;
align-items: center;
column-gap: 0.75rem;
width: auto;
height: auto;
font-size: 20px !important;
background: linear-gradient(var(--black), var(--black)) top
left / 36px 36px no-repeat !important;
}
.enviso-grouped-order-line__actions
enviso-button[slot="after-download-button"]::before {
content: attr(aria-label);
content: attr(aria-label) / "";
grid-column: 2;
grid-row: 1;
color: var(--black);
font-size: 0.75rem;
font-weight: var(--font-weight-semibold);
line-height: 1.2;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
}
@media screen and (min-width: 640px) {
.enviso-grouped-order-line {
grid-template-areas:
"image time actions"
"image info actions"
"image tickets actions";
grid-template-columns: 1fr 2fr 1fr !important;
grid-template-rows: auto auto 1fr !important;
}
.enviso-grouped-order-line__image {
margin-bottom: 0;
width: 100% !important;
}
.enviso-grouped-order-line__actions {
justify-content: flex-end;
}
}
.enviso-action-buttons {
display: flex;
flex-direction: column;
align-items: stretch;
margin-top: 12px;
gap: 6px;
}
enviso-button {
color: var(--white) !important;
background-color: var(--black) !important;
font-size: 26px !important;
width: var(--tap-size);
height: var(--tap-size);
}
/* Download button: icon with a small visible label next to it, taken from its aria-label. */
enviso-button[icon-name="download"] {
display: grid;
grid-template-columns: 36px auto;
grid-template-rows: 36px;
align-items: center;
column-gap: 0.75rem;
width: auto;
height: auto;
font-size: 20px !important;
background: linear-gradient(var(--black), var(--black)) top
left / 36px 36px no-repeat !important;
}
enviso-button[icon-name="download"]::before {
content: attr(aria-label);
content: attr(aria-label) / "";
grid-column: 2;
grid-row: 1;
color: var(--black);
font-size: 0.75rem;
font-weight: var(--font-weight-semibold);
line-height: 1.2;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
}
.enviso-order-actions__ready {
margin: 0.8rem 0 0;
}
@media screen and (min-width: 640px) {
.enviso-action-buttons {
margin-top: 0;
}
}
.enviso-rebook-order-title {
display: none;
}
.offer-details {
gap: 0.8rem;
margin: 2em 0 1.2em;
}
.offer-info {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
.offer-image {
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 0 !important;
width: auto;
height: 76px;
}
.offer-title {
font-size: var(--font-size-lg-responsive);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
line-height: 1.2;
}
.offer-visit-info {
display: flex;
align-items: center;
justify-self: flex-start;
gap: 0.5em;
width: fit-content;
height: fit-content;
font-size: var(--font-size-xs);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
border-radius: 0;
padding: 4px 10px;
background-color: var(--grey);
color: var(--black);
}
#grid {
padding: 0 !important;
background-color: var(--white);
}
.grid-header {
background-color: var(--grey);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-md);
line-height: 1.1;
align-items: flex-start;
padding: 10px;
}
.grid-row:not(.grid-header) {
border-top: var(--line-width-regular) solid var(--black);
}
.grid-row:last-child,
.sub-grid:last-child {
border-bottom: var(--line-width-regular) solid var(--black);
}
.sub-grid {
margin: 0;
border: 0;
min-width: fit-content !important;
}
.sub-row {
border-top: var(--line-width-thin) solid var(--input-stroke) !important;
}
.grid-row,
.sub-row {
gap: 1rem !important;
min-width: fit-content !important;
padding: 10px;
font-size: var(--font-size-sm);
text-transform: uppercase;
border-top: 0;
}
.toggle-cell {
font-size: var(--font-size-xl);
}
.enviso-wrapper {
align-items: center;
}
.enviso-checkbox-label {
font-size: var(--font-size-sm);
}
.enviso-checkbox-box label::before {
border: var(--line-width-thin) solid var(--input-stroke) !important;
border-radius: 2px;
}
.enviso-checkbox-box input:checked + label::before {
background-color: var(--black);
border-color: var(--black) !important;
}
.enviso-checkbox-box label::after {
top: 26% !important;
left: 7px !important;
width: 4px !important;
height: 8px !important;
}
.enviso-checkbox-box input:checked + label::after {
border-color: var(--white) !important;
}
.enviso-rebook-item-description {
gap: 0.8rem;
margin: 0.4em 0 1.2em;
}
.enviso-offer-image-box {
display: none;
}
.enviso-rebook-offer-image {
aspect-ratio: 4 / 3;
object-fit: cover;
width: auto;
height: 76px;
margin: 0;
}
.enviso-offer-description-box {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
.enviso-rebook-offer-description-amount {
font-size: var(--font-size-lg-responsive);
color: var(--black);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
line-height: 1.2;
}
.enviso-rebook-item-description-extra {
display: flex;
flex-wrap: wrap;
gap: 0.7em 0;
}
.enviso-new-datetime {
display: flex;
}
.enviso-original-datetime,
.enviso-new-date,
.enviso-new-time {
display: flex;
align-items: center;
justify-self: flex-start;
gap: 0.5em;
width: fit-content;
height: fit-content;
font-size: var(--font-size-xs);
text-transform: uppercase;
font-weight: var(--font-weight-semibold);
border-radius: 0;
padding: 4px 10px;
background-color: var(--grey);
color: var(--black);
}
.enviso-new-time {
padding-left: 0;
}
.enviso-original-date-icon {
display: none;
}
.enviso-new-date-icon {
font-size: 1.5em;
margin: 0 8px;
color: var(--black);
}
.enviso-rebook-item-quantity,
.enviso-rebook-item-price {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
color: var(--black);
}
@media screen and (min-width: 960px) {
.enviso-offer-image-box {
display: block;
}
}
.enviso-rebook-item {
margin: 0;
}
.enviso-rebook-item-entry {
padding: 14px;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
color: var(--black);
margin: 0;
border-left: 0;
border-bottom: var(--line-width-regular) solid var(--black);
border-top: var(--line-width-regular) solid var(--black);
margin-top: calc(-1 * var(--line-width-regular));
}
.enviso-rebook-item-entry-description-name {
color: var(--black);
font-weight: var(--font-weight-semibold);
line-height: 1;
display: flex;
align-items: center;
}
.enviso-rebook-item-entry-divider {
display: none;
}
Ook goed om te weten
Korting en groepstarief
Onderwijs