Test Block Image Text sizing

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

Tickets

Menu Sluit

subtitle

title

text for block image+text

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

title

Havenwereldbelevingscentrum

Havenwereld
belevingscentrum