a.event {
    display: block;
}

a.event:hover {
    text-decoration: none;
}

a.event .inside {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.dateOrb {
 font-size: 21px;
 font-weight: 700;
 text-align: center;
 color: #272727;
 line-height: 26px;
}

.dateOrb span {
    display: block;
}

a.event .eventDate {
    display: table-cell;
    vertical-align: middle;
    width: 65px;
}

a.event .eventDetails {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    transition: all .2s ease-in-out;
}

a.event:hover .eventDetails {
   opacity: 1;
}

a.event .eventName {
    font-weight: 700;
}

.eventDetails span {
    font-size: 14px;
    color: #333333;
}