: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; }

Schrijf je in op onze nieuwsbrief

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

Schrijf je in op onze nieuwsbrief

How to translate text

Havenwereld
belevingscentrum

Schrijf je in op onze nieuwsbrief

Havenwereldbelevingscentrum

Havenwereld
belevingscentrum