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

#ekkSermons_5_series h2 {
  text-transform: uppercase;
}

#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 h4 {
  text-transform: uppercase;
  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;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -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 h5 {
  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: 3em 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:before {
  content: "";
  position: absolute;
  left: -50%;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}

#ekkSermons_5_detail .sermon-top:after {
  content: "";
  position: absolute;
  right: -50%;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
}

#ekkSermons_5_detail .sermon-top h2 {
  text-transform: uppercase;
  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;
  display: block;
}

#ekkSermons_5_detail .media li {
  display: inline-block;
  margin-right: 1.5em;
  position: relative;
}
#ekkSermons_5_detail .media li a {
  display: block;
  font-size: 24px;
}

#ekkSermons_5_detail .media li a:before {
  display: block;
  font-family: 'MK031';
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  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: "\e397";
}

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

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

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

/* =Color Overrides
---------------------------------------------------------------------
*/
/* =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;
  }
}