.events_on_day
{
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.event
{
    padding: 6px;
    margin-bottom: 1em;
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.event_details
{
    display: none;
}

.event.ticketed
{
  background-color: rgba(63, 81, 159, 0.5); // 3f519f
}

.event.unticketed
{
  background-color: rgba(57, 158, 140, 0.5); // 399e8c
}

.ticketed .event_title, .ticketed .event_time
{
    font-weight: bold;
    color: rgba(63, 81, 159, 1.0); // 3f519f
}

.unticketed .event_title, .unticketed .event_time
{
    font-weight: bold;
    color: rgba(57, 158, 140, 1.0); // 399e8c
}

.event_venue
{
    font-weight: bold;
}

.event_image
{
    width: 100%;
    margin-top: 10px;
}

.event_image:hover
{
/*    -webkit-filter: brightness(50%);*/
}

.event_image_container_container
{
/*    position: absolute;*/
/*    bottom: 0;*/
/*    align-self: flex-end;*/
    margin-top: auto;
}
.event_image_container
{
    position:relative;
}

.event_image_text
{
    position:absolute;
    text-align:center;
    top: 50%;
    transform: translateY(-50%); /* c.f. https://stackoverflow.com/questions/28455100/how-to-center-div-vertically-inside-of-absolutely-positioned-parent-div */
    width: 100%;
    color: white;
    display: none;
}

.event_image_text p
{
    font-size: 12pt;
}

.event_modal_content p
{
    font-size: 12pt;
}

.event_modal_content
{
    margin-top: 1em;
}

.festival_day
{
/*    padding: 6px;*/
/*    background-color: rgba(80, 164, 213, 0.5);*/
/*    font-weight: 600;*/
/*    font-size: 120%;*/
    padding: 6px;
    background-color: rgba(61, 89, 168, 1);
    font-weight: 600;
    font-size: 120%;
    color: white;
}
.festival_day:after
{
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.festival_day.is-active:after
{
    content: "\2212";
}

.add_to_basket_form
{
    display: inline-block;
}

.basket_button
{
box-shadow:0px 1px 0px 0px #fff6af;background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);background-color:#ffec64;border-radius:6px;border:1px solid #ffaa22;display:inline-block;color:#333333!important;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;margin-left:1em;
}

.added_to_basket
{
    display: none;
    margin-left: 1em;
    color: red;
}

.added_to_basket.active
{
    display: inline-block;
}

.show_basket
{
    margin-top: 1em;
}