/*
Basic CSS for event listings. These styles can be modified and overwritten by including the following file in your theme:

css/event-listing.css
*/

.section.events-feed h1 {
    text-align:  center;
}

#events-top-nav {
    margin: 5px 0 10px;
}

.event-preview {
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
    padding: 10px;
}

.event-preview:last-of-type {
    border-bottom: 1px solid #ccc;
}

.event-preview .post-title {
    margin-top: 0;
    margin-bottom: 0;
}

.event-img {
    padding-left: 0;
}
.event-copy {
    padding-left: 0;
}

.event-button .btn {
    padding: 8px 15px;
    font-size: 12px;
}

.event-synopsis {
    margin-top: 10px;
    color: #888;
}

.event-location {
    font-size: 18px;
}

.btn-event-galleries {
    color: #000000;
    background: #F9E526;
}
.btn-event-galleries.hover,
.btn-event-galleries:focus {
    background: #F9E526;
    background: rgba(249, 229, 38, 0.8);
}