Tickets
Koop je tickets (wegens opbouw tot 29/05) aan reductietarief aan de balie van S.M.A.K.
:host([primary]) {
background: none;
border: 0;
border-radius: 0;
padding: 0;
}
:host {
--enviso-primary-color: #231f20;
--enviso-secondary-color: #0065FF;
border-radius: 0;
font-size: 24px;
}
.enviso-header {
flex-wrap: wrap;
}
.enviso-header-info,
.enviso-header-actions {
flex: 5;
}
.enviso-offer-filters-wrapper{
display:none;
}
.enviso-steps-header-wrapper,
.enviso-steps-header-progress {
max-width: none;
}
@media (max-width: 767px) {
.enviso-steps-header-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.enviso-basket-header {
font-size: 28px;
}
.enviso-basket-header-description {
font-size: 24px;
}
.enviso-basket-offer-description-amount {
font-size: 21px;
line-height: normal;
}
.enviso-basket-item-description-name {
font-size: 24px;
line-height: normal;
margin-top: 0;
margin-bottom: 0;
}
.enviso-basket-item-description-extra {
font-size: 21px;
line-height: normal;
}
.enviso-basket-bottom-buttons,
.enviso-ticket-flow-bottom-buttons {
align-items: center;
}
.btnNext,
.enviso-btnNext {
height: 100%;
width: 100%;
}
div[slot="enviso-header-actions"] .enviso-btnNext {
max-width: 100%;
}
.enviso-txt-label,
.enviso-select-label {
font-size: 24px;
}
.enviso-txt-info,
.enviso-select-info {
font-size: 24px;
line-height: 21px;
}
.enviso-txt-value,
.enviso-select-value,
.enviso-date-value {
border-radius: 0;
font-size: 24px;
}
.enviso-checkbox-box input:checked + label:after {
top: 34%;
}
.btnNext,
.enviso-btnNext,
.btnPreviousStep {
margin-top: 0;
margin-bottom: 0;
}
.enviso-btn.primary {
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1;
min-height:45px;
font-size:6vw;
padding:2vw;
transition: background-color 0.15s ease-in-out;
letter-spacing: -1px;
font-weight: 300;
color:white;
border: 0;
transition: background 1s ease-in-out;
position: relative;
overflow: hidden;
}
.enviso-ticket-widget-offers-header {
line-height:1em;
}
.enviso-ticket-widget-offers {
margin-top:-0.5em;
}
.enviso-btn.primary .btn-contents{
z-index: 2;
}
.enviso-btn.primary:before {
content:'';
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
background: #0065FF url('/images/btn-bg.svg') no-repeat;
background-size:cover;
transition: right .2s ease-in-out;
}
.enviso-btn.primary:after {
content:'';
position:absolute;
left:100%;
top:0;
width:100%;
height:100%;
background: #0065FF url('/images/btn-bg2.svg') no-repeat;
background-size:cover;
transition: left .2s ease-in-out;
}
.enviso-btn.primary:hover:before {
right:100%;
}
.enviso-btn.primary:hover:after {
left:0;
}
.calendar {
max-width: 1120px;
}
.enviso-month {
table-layout: auto;
}
@media (min-width: 480px) {
.enviso-btn.primary {
font-size:5vw;
}
}
@media (min-width: 768px) {
.enviso-btn.primary {
letter-spacing: -2px;
font-size:4vw;
}
}
@media (min-width: 1024px) {
.enviso-btn.primary {
font-size:3vw;
}
.btnNext,
.enviso-btnNext {
max-width: 50%;
}
}
.enviso-discount-open {
display: flex;
position: relative;
z-index: 1;
}
.enviso-discount-open > input[type="text"] {
box-sizing: border-box;
font-size:6vw;
padding:2vw;
margin: 1rem 0 0;
font-family: inherit;
border: 0;
background: #C2C4C5;
}
@media (min-width: 480px) {
.enviso-discount-open > input[type="text"] {
font-size:5vw;
}
}
@media (min-width: 768px) {
.enviso-discount-open > input[type="text"] {
font-size:4vw;
}
}
@media (min-width: 1024px) {
.enviso-discount-open > input[type="text"] {
font-size:3vw;
}
}
.enviso-discount-apply-btn {
height: auto;
margin-top:1rem;
}
.enviso-offers {
grid-template-columns: auto;
}
.enviso-offers.compact > enviso-offer-card {
width: 100%;
}
