/* your styles go here */


/* Example site test */

.box-image-text .image {
    min-height: 190px;
    max-height: 190px;
}

.box-image-text .image img {
    max-height: 190px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}



.purchase-affixed.affix{
    top: 80px;
    z-index: 1000;
}




@media screen and (max-width: 768px) {
    .purchase-affixed.affix {
        position: static;
        
    }
    .purchase-affixed.affix-top {
        position: static;
    }
}

.purchase-affixed {
    list-style-type: none;
    margin: 0 5px;
    background: #fff;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px #0000001a solid;
    padding: 8px;
    width: 250px;
    margin: 24px
}


.location-info,.date-and-time-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: calc(2*var(--base-unit));
}

.location-info i, .date-and-time-info i{
    padding: 2px 10px 0px 0px;
}

.event-carousel {
    position: relative;
    background: none;
    background-size: cover;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.event-carousel .dark-mask {
    background: none;;
}

.event-carousel h1, .event-carousel h2, .event-carousel h3, .event-carousel p, .event-carousel ul {
    color: unset;
}

.event-row {
    --ContainerElevationHover: 0px 2px 8px rgba(30, 10, 60, 0.06), 0px 4px 12px rgba(30, 10, 60, 0.08);
    padding: 16px;
}
.event-row:hover {
    -webkit-box-shadow: var(--ContainerElevationHover);
    box-shadow: var(--ContainerElevationHover);
}


.flex {
    display: flex;
}

.expanded {
    flex-grow: 999;
}

.p-1 {
    padding: 8px;
}

.p-2 {
    padding: 16px;
}

.p-2 {
    padding: 24px;
}


.event-page h1 {
    font-size: 4.5em;
}

.event-page h2 {
    font-size: 2em;
    
}

.event-page h3 {
    font-size: 1.25em;
    
}


.event-page h4 {
    font-size: .75em;
    
}

.event-page h5 {
    font-size: .5em;
    
}

.event-page h6 {
    font-size: .25em;
    
}


.event-page .event-content h1 {
    font-size: 1.5em;
}

.event-page .event-content h2 {
    font-size: 1em;
    
}

.event-page .event-content h3 {
    font-size: .75em;
    
}


.event-page .event-content h4 {
    font-size: .5em;
    
}

.event-page .event-content h5 {
    font-size: .25em;
    
}

.event-page .event-content h6 {
    font-size: .12em;
    
}