/* legacy styles for alignment of media elements in event items */
.alignright {
    display: block;
    float: right;
    max-width: 100%;
    margin-bottom: .625rem;
    margin-left: 1rem;
}

.alignleft {
    display: block;
    float: left;
    max-width: 100%;
    margin-right: 1rem;
    margin-bottom: .625rem;
}

.aligncenter {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}