.event {
    font-size: 12px;
}
.event img {
    display: block;
    width: 100%;
    border-radius: 5px;
}    
.event h3 a {
    font-size: 26px;
}   
.event a {
    color: #0f1108;
}
.event a:hover {
    color: #6f2e9c;
}
.event i {
    color: #6f2e9c;
    margin-right: 8px;
    font-size: 16px;
}
.event .event-info {
    background: #fafaff;
    position: relative;
    z-index: 2;
    margin: -80px 20px 0;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #6f2e9c;
}
.event .event-availability {
    display: inline-block;
    background-color: #6f2e9c;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin-right: 20px;
    padding: 7px 20px;
    border-radius: 25px;
}
.event .event-data {
    display: inline-block;
}
.event .event-meta div {
    display: inline;
}
.event .event-meta div:not(:last-child) {
    margin-right: 20px;
}