/*  

$black: #000000;
$white: #fafafa;
$purple: #432e3f;
$darkpurple: #271c25;
$green: #a19c49;
$beige: #e2dacb;
$light: #f6f4ef;

$lato: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//300,400,700,900
$sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//400,700

*/
/* =Current Series
---------------------------------------------------------------------
*/
#ekkSermons_5_series { margin-bottom: 3em; }

#ekkSermons_5_series img { display: block; width: 100%; height: auto; margin-bottom: 2em; }

#ekkSermons_5_series .description p { margin-bottom: 0; }

/* =List View
---------------------------------------------------------------------
*/
#ekkSermons_5_list { padding: 2em 0 0 0; }

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

#ekkSermons_5_list .list-row { overflow: hidden; margin-bottom: 3em; }

#ekkSermons_5_list article { float: left; width: 23.5%; margin-left: 2%; }

#ekkSermons_5_list article:first-child { margin-left: 0; }

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

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

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

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

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

#ekkSermons_5_list article h4 { margin-bottom: .25em; }

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

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

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

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

/* =Detail View
---------------------------------------------------------------------
*/
#ekkSermons_5_detail .sermon-top { padding: 0; margin-bottom: 3em; 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: .25em; }

#ekkSermons_5_detail .sermon-top img { display: block; width: 100%; height: auto; }

#video-wrap { overflow: hidden; }

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

#ekkSermons_5_detail .sermon-left { float: left; width: 65%; }

#ekkSermons_5_detail .full .sermon-left { float: none; width: 100%; }

#ekkSermons_5_detail .sermon-right { float: right; width: 30%; }

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

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

#ekkSermons_5_detail h3 { margin-bottom: 1em; }

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

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

#ekkSermons_5_detail .media { margin: 0 0 2em 0 !important; display: block; }

#ekkSermons_5_detail .media li { display: inline-block; margin-right: 1.5em !important; }

#ekkSermons_5_detail .media li a { display: block; }

#ekkSermons_5_detail .media li a:before { display: block; font-family: 'icons'; font-size: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; moz-osx-font-smoothing: grayscale; }

#ekkSermons_5_detail .media li.video a:before { content: "\e120"; }

#ekkSermons_5_detail .media li.notes a:before { content: "\e07b"; }

#ekkSermons_5_detail .media li.listen a:before { content: "\e390"; }

#ekkSermons_5_detail .media li.download a:before { content: "\e2b8"; }

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

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

/* =Color Overrides
---------------------------------------------------------------------
*/
#ekkSermons_5_list .meta h6, #ekkSermons_5_detail h6, #ekkSermons_5_detail .meta span, #ekkSermons_5_detail .passage p, #ekkSermons_5_detail .passage h5 { color: #432e3f; }

#ekkSermons_5_list article a.image-link:after { border-color: #432e3f; }

#ekkSermons_5_list h3, #ekkSermons_5_detail .sermon-right h3 { border-color: #f6f4ef; }

/* =Responsive
---------------------------------------------------------------------
*/
@media only screen and (max-width: 48.5em) { #ekkSermons_5_filter { text-align: center; }
  #sermon-search { width: 100%; float: none; }
  #ekkSermons_5_list article { width: 47.5%; margin-left: 5%; }
  #ekkSermons_5_list article:first-child { margin-left: 0; }
  #ekkSermons_5_list article p { display: none; }
  #ekkSermons_5_detail .sermon-left { float: none; width: 100%; }
  #ekkSermons_5_detail .sermon-right { display: none; } }