#countdown-wrap {
  display: none;
  width: 100%;
  background-color: #000000;
}

#countdown-wrap.show {
  display: block;
}


#countdown .timer-container {
  text-align: center;
  padding: .75rem 0;
}

@media (min-width: 768px) {
  #countdown .timer-container {
    padding: 1.125rem 0;
  }
}

#countdown .timer-container .timer-layout h3 {
  line-height: 1.2;
  margin: 0;
}

#countdown .timer-container .timer-layout span {
  display: inline-block;
  margin: 0 .25rem 0 0;
  padding: 0 .25rem 0 0;
  border-right: 2px solid #ffffff;
  vertical-align: middle;
}

@media (min-width: 768px) {
  #countdown .timer-container .timer-layout span {
    margin: 0 .5rem 0 0;
    padding: 0 .5rem 0 0;
  }
}

#countdown .timer-container .timer-layout span.heading {
  border: 0;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  #countdown .timer-container .timer-layout span.heading {
    margin-left: 0;
    margin-right: .5rem;
  }
}

#countdown .timer-container .timer-layout span:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

#countdown .timer-container .timer-layout span i,
#countdown .timer-container .timer-layout span b {
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  margin: 0 .125rem;
}

#countdown .timer-container.live .timer-layout {
  display: none !important;
}

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

#ekkSermons_5_list h3 { padding-bottom: .25rem; }

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

#ekkSermons_5_list article a.image-link:after { bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in-out; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); }

#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 { position: relative; 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 .media li a.btn { margin: 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; }

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

#sermon-media.loading { min-height: 0px; padding-bottom: 56.25%; }

.btn-primary.active { color: #ffffff; background-color: #666666; border-color: transparent; }