.items.list { overflow: hidden; }

.items.list article { border-bottom-style: solid; border-bottom-width: 1px; overflow: hidden; padding: 15px 10px; }

.items.list article.last { border: 0; }

.items.list article .meta { clear: left; width: 100%; padding: 1em 0; font-size: 1rem; line-height: 1; margin: 0; }

.items.list article .meta p { margin-bottom: 5px; }

.items.list article .meta span { font-weight: bold; }

.items.list article .meta a { text-decoration: none; }

.items.list article .meta img { display: block; float: right; margin: 0 0 20px 20px; }

.items.list article h5 { display: inline-block; margin: 0 5px; }

@media (min-width: 768px) { .items.list article h5 { float: left; max-width: 65%; } }

.items.list article .time { display: inline-block; font-size: 1rem; float: left; margin: 0 20px 0 0; min-width: 70px; line-height: 1.5; }

.items article .media { clear: left; margin: 0; padding: 1em 0 0 0; overflow: hidden; list-style: none; }

@media (min-width: 768px) { .items article .media { clear: none; float: right; margin: 0; padding: 0; overflow: hidden; } }

.items article .media li { float: left; list-style: none; line-height: 1; padding: 0; font-size: 1.125rem; margin-left: .5em; }

@media (min-width: 768px) { .items article .media li { margin-bottom: 0 !important; } }

.items article .media li a { display: block; padding: .05em; text-decoration: none !important; }

#video-wrap { margin-bottom: 2em; background: url(/_assets/img/loaders/preloader.svg) no-repeat center center; background-size: 64px 64px; width: 100%; text-align: center; }

#video-wrap img { display: block; }

#video-player.embed { position: relative; }

.sermon-detail { overflow: hidden; }

.sermon-detail ul.media { float: none; width: 100%; margin: 1em 0 !important; }

@media (min-width: 768px) { .sermon-detail ul.media { text-align: right; } }

.sermon-detail img { display: block; width: 100%; height: auto; }

.sermon-detail p.meta { margin-bottom: .5em; }

.sermon-detail p.meta span { text-transform: uppercase; }

body.flex-filters .ui-selectmenu-menu .ui-menu { max-width: 192px; }

body.sermon-layout .ui-selectmenu-menu .ui-menu { max-width: 304px !important; }
