/* Events */
.event-actions { list-style: none; margin: 1em 0; }
.event-actions li { display: inline-block; margin-right: 1em; }
.events { list-style: none; margin: 0 0 1em; }
.events > li { align-items: top; border-top: 2px solid #b2b2b2; display: flex; justify-content: space-between; padding: 1em 0; }
.events-attend { flex: 0 0 auto; margin-left: 10px; text-align: right; width: 8em; }
.attendance .attending a { cursor: pointer; }
.attendance .attending a.disabled { color: inherit; cursor: inherit; pointer-events: none; }
.events-attend .mute a { color: #008bb3; }
.events-date { flex: 0 0 auto; margin-right: 10px; width: 120px; }
.events-date-day { display: block; font-weight: 500; }
.events-date-weekday { display: block; text-transform: uppercase; }
.events-details { flex: 1 1 auto; min-width: 1px; }
.events-item { display: flex; justify-content: space-between; margin-bottom: 1em; }
.events-item:last-child { margin: 0; }
.events-summary { flex: 1 1 auto; min-width: 1px; }
.events-summary p { margin: 0; }
.events-title { font-weight: 500; line-height: 1.38; }

/* Stream */
.stream { border: 1px solid #ddd; border-bottom: 0; margin-bottom: 1em; }
.stream .like { float: right; }
.stream-content { flex: 1 1 auto; padding-left: 20px; }
.stream-item { border-bottom: 1px solid #ddd; display: flex; padding: 15px; }
.stream-thumb { flex: 0 0 auto; width: 50px; }
.stream-thumb img { border-radius: 100px; }
.stream-title { font-weight: 500; line-height: 1.38; }

@media screen and (max-width: 600px) {
    .stream-author .mute { display: block; }
    .stream-content { padding-left: 10px; }
    .stream-item { padding: 10px; }
}