/* =Current Series
---------------------------------------------------------------------
*/
/* =List View
---------------------------------------------------------------------
*/
#ekkSermons_5_list { width: 100%; }

#ekkSermons_5_list h3 { padding-bottom: .25rem; border-bottom: 2px solid; }

#ekkSermons_5_list article a.image-link { display: block; position: relative; }

#ekkSermons_5_list article a.image-link:after { border: 10px solid; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in-out; visibility: hidden; }

#ekkSermons_5_list article.current a.image-link::after, #ekkSermons_5_list article a.image-link:hover::after { opacity: 1; visibility: visible; }

#ekkSermons_5_list article img { display: block; width: 100%; height: auto; margin-bottom: 1rem; }

#ekkSermons_5_list article h4, #ekkSermons_5_list article h6 { margin-bottom: .25rem; }

#ekkSermons_5_list article p { margin-bottom: 0; }

#ekkSermons_5_list article .meta p { margin-bottom: .25rem; }

#ekkSermons_5 .return-link { margin-bottom: 2rem; }

#ekkSermons_5 .return-link a { padding: 1rem; }

/* =Detail View
---------------------------------------------------------------------
*/
#ekkSermons_5_detail .sermon-top { padding: 0; position: relative; }

/*
trying to find an easy way to break the container for the bg.
approach may vary depending on the site, but this should have some 
type of overflow on the parent content container
*/
#content { overflow: hidden; }

#ekkSermons_5_detail .sermon-top h2 { margin-bottom: .25rem; }

#video-wrap { overflow: hidden; }

#ekkSermons_5_detail .sermon-details { overflow: hidden; padding-top: 3rem; }

#ekkSermons_5_detail .meta { margin-bottom: .25rem; }

#ekkSermons_5_detail .meta span { text-transform: uppercase; }

#ekkSermons_5_detail .passage { margin-bottom: 2rem; }

#ekkSermons_5_detail .passage p { margin: 0; font-style: italic; }

#ekkSermons_5_detail .media li { display: inline-block; margin: 0 .5rem .5rem 0; }

#ekkSermons_5_detail .sermon-right img { display: block; width: 100%; height: auto; margin-bottom: 1rem; }

#ekkSermons_5_detail .sermon-right h3 { margin-bottom: 1rem; padding-bottom: .25rem; border-bottom: 2px solid; }

/* =Color Overrides
---------------------------------------------------------------------
*/
#ekkSermons_5_list h3, #ekkSermons_5_detail .sermon-right h3 { border-color: #f4f4f2; }

#ekkSermons_5_list article a.image-link::after { border-color: #3fafba; }

/* =Responsive
---------------------------------------------------------------------
*/
@media (max-width: 991px) { #ekkSermons_5_list article p { display: none; } }