:host { --enviso-primary-color: #6F34E4; --enviso-secondary-color: #499FFA; --enviso-tertiary-color: #E53663; color: #1A1917; font-family: Nunito,sans-serif !important; } input, select, textarea { font-family: Nunito,sans-serif !important; } enviso-button[primary] { border-radius: 100px; height: auto; &:hover:not([disabled]), &:active:not([disabled]) { background-color: #561BCB; outline: none; } } enviso-button[secondary], .enviso-btnNext { border-radius: 100px; } .enviso-btn.primary { padding: 1rem; @media (width > 600px) { padding: 1.25rem; } @media (width > 1200px) { padding: 1.25rem 1.75rem; } } :host enviso-ticket-item { background: #fff; border: 1px solid #E4E3E3; border-radius: 8px; padding: 0; } .enviso-nud-wrapper enviso-button { padding-top: .2em; } .enviso-info { padding: .5em .5em .5em 1.33em; } .enviso-steps-header-progress, .enviso-steps-header-progress .enviso-steps-header-progress-bar { height: 4px; border-radius: 4px; } .enviso-steps-header-progress { background-color: #E4E3E3; } .enviso-ticket-widget-offers-header { color: #1A1917; } .enviso-filter-button { box-shadow: none; } .enviso-filter-button:first-of-type { border-radius: 8px 0 0 8px; } .enviso-filter-button:last-of-type { border-radius: 0 8px 8px 0; } .enviso-filter-icon { color: var(--enviso-tertiary-color); } header.enviso-offer-name > span, summary.enviso-offer-details > span, .enviso-offer-header { color: #1A1917; } enviso-offer-card { box-shadow: none; border-radius: 8px; overflow: hidden; } .enviso-offer-card .enviso-offer-info { border-left: 1px solid #E4E3E3; border-right: 1px solid #E4E3E3; } nav.enviso-offer-actions { border: none; } nav.enviso-offer-actions > enviso-button[data-testid="enviso-offer-card-info-button"] { display: none; } nav.enviso-offer-actions > enviso-button[data-testid="enviso-offer-card-purchase-button"] { color: #fff; background-color: var(--enviso-primary-color); border: 1px solid var(--enviso-primary-color); border-bottom-right-radius: 8px; &:hover, &:active { background-color: #561BCB; outline: none; } } .enviso-offer-meta-element > enviso-icon { color: var(--enviso-tertiary-color); } path { fill: var(--enviso-tertiary-color) !important; } .enviso-ticket-flow-bottom-buttons, .enviso-basket-bottom-buttons { align-items: center; } .enviso-dialog-box { border-radius: 16px; overflow: hidden; } .enviso-dialog-picture { width: 100%; } .enviso-day.enviso-disabled { color: #1A1917; background-color: #D1D1D1; } .enviso-offers > enviso-offer-card { max-width: 100%; } .enviso-offers.compact > enviso-offer-card { max-width: 100%; width: 100%; } .enviso-filters-mobile-wrapper.enviso-filters-mobile-open { padding-top: 80px; @media (width > 768px) { padding-top: 120px; } .mobile-filter-close-button { top: 80px; @media (width > 768px) { top: 120px; } } } .enviso-select-value { appearance: none; background-color: #fff; border: 1px solid #6b7280; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; max-width: 22em; } .enviso-discount-open > input, input.enviso-txt-value { appearance: none; background-color: #fff; border: 1px solid #6b7280; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; } .enviso-textarea-value { appearance: none; background-color: #fff; border: 1px solid #6b7280; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; max-width: 22em; } .enviso-checkbox-box label:before { border: 1px solid #9ca3af; border-radius: .25rem; padding: 10px; } .enviso-timeslot-button { border: 1px solid #9ca3af; border-radius: 100px; padding: 16px; background: #fff; overflow: hidden; &:hover, &:active { border-color: var(--enviso-secondary-color); } } .enviso-amount-of-tickets .enviso-amount-icon { color: var(--enviso-tertiary-color); } .enviso-timeslot-progress { display: none; } .enviso-capacity-overlay { font-size: 12px; top: 0; left: 0; width: auto; padding: 0 5px; background: var(--enviso-tertiary-color); } .enviso-profile-img { background-color: var(--enviso-primary-color); } enviso-icon[name="plus-filled"] { color: var(--enviso-primary-color); font-weight: 400; } enviso-icon[name="customer"] { color: #fff; } .enviso-basket-item, .enviso-order-item { border: 1px solid #E4E3E3; border-radius: 8px; margin-top: 24px; overflow: hidden; } .enviso-basket-item-description, .enviso-order-item-description { margin-top: 0; background-color: #F9F8F8; padding: 16px; border-bottom: 1px solid #E4E3E3; } .enviso-basket-item-entry, .enviso-order-item-entry { border: none; padding: 16px; margin-top: 0px; } .enviso-basket-footer, .enviso-order-footer { border: 1px solid #E4E3E3; border-radius: 8px; background-color: #F9F8F8; } .enviso-product-basket-item-remove:not(:has(enviso-button)), .enviso-product-order-item-remove:not(:has(enviso-button)) { display: none; } .enviso-offer-description-box { gap: 0px; } .enviso-basket-item-description-extra, .enviso-order-item-description-extra { font-size: 14px; } .enviso-manage-order-guest-overview__order-overview { border: 1px solid #E4E3E3; border-radius: 8px; background-color: #fff; } enviso-offer-filters { display: none; }

Ontdek het scholenaanbod

Partneraanbod

Op zoek naar andere interessante activiteiten? Onze partners hebben een gevarieerd aanbod.

Terug naar overzicht

Lees voor

Interesse in leuke uitstappen in en rond de haven? Meer weten over het aanbod voor scholen of hoe je als bedrijf kan samenwerken met Havenwereld?

Schrijf je in op de nieuwsbrief

Partneraanbod

How to translate text

Havenwereld
belevingscentrum

Partneraanbod

Havenwereldbelevingscentrum

Havenwereld
belevingscentrum