/* =Filters
---------------------------------------------------------------------
*/
#ekkSermons_5_filter {
  margin-bottom: 2em;
}

#ekkSermons_5_filter:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#ekkSermons_5_filter select {
  width: 80%;
  margin: 0 auto 1em auto;
  text-align: left;
}

.ui-selectmenu-button {
  display: block;
  float: left;
  position: relative;
  width: 208px;
  height: auto;
  line-height: 1;
  text-decoration: none;
  overflow: hidden;
  margin: 0 26px 0 0;
  padding: 0;
  outline: none !important;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid;
}

#select-preacher-button {
  margin-right: 0;
}

.ui-selectmenu-button span.ui-icon {
  display: none !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  position: relative;
  display: block;
  line-height: 2em;
  padding: 0 1.75em 0 .5em;
  font-size: 1em;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.ui-selectmenu-button span.sermonicon-arrow-down {
  font-size: 1.25em;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  font-weight: normal !important;
}

.ui-selectmenu-button.ui-state-focus {
 
}
.ui-selectmenu-button.ui-state-focus span.ui-selectmenu-text {
  
}

.ui-selectmenu-button.ui-state-disabled {
  cursor: default;
  opacity: .5;
}

.ui-selectmenu-button.ui-state-disabled span.icon-menu4 {
  display: none;
}

.ui-selectmenu-menu {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px 0 0 0;
  display: none;
  z-index: 999;
}

.ui-selectmenu-menu .ui-menu {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 202px;
  max-height: 300px !important;
  list-style: none;
  border: 3px solid;
  border-top: 0;
}

.ui-selectmenu-menu .ui-menu li {
  margin: 0;
  padding: .25em .5em;
  outline: none;
  font-size: 1em;
  font-weight: 400;
  text-transform: none;
  list-style: none;
  cursor: pointer;
}

.ui-selectmenu-menu .ui-menu li:hover {
}

.ui-selectmenu-open {
  display: block;
}

/* =Search
---------------------------------------------------------------------
*/
#ekkSermons_5_search {
  margin: 0 0 2em 0;
  display: inline-block;
    float: right;
}

#ekkSermons_5_search:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#sermon-search {
  width: 300px;
  float: right;
}

#sermon-search fieldset {
  border: 0;
  padding: 5px;
  border: 3px solid;
  overflow: hidden;
}

#sermon-search-term {
  float: left; 
  width: 75%; 
  height: 24px; 
  line-height: 24px; 
  border: 0;
  outline: none;
  padding: 0;
  font-size: 1em;
  background-color: transparent;
}

#sermon-search-submit {
  float: right;
  font-size: 20px;
  width: 26px;
  height: 24px;
  margin: 0;
  border: 0;
  outline: none;
  display: block;
  background: none;
  cursor: pointer;
  text-align: center;
}
#sermon-search-submit:hover {
  opacity: .6;
}

/* =Current Series
---------------------------------------------------------------------
*/

#ekkSermons_5_series {
  margin-bottom: 3em;
      margin-top: 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;
      margin-top: 3em;
}

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

/* =Detail View
---------------------------------------------------------------------
*/

#ekkSermons_5_detail {
  
}

#ekkSermons_5_detail .sermon-top {
  padding: 3em 0 6em 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;
}

#video-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}

#video-embed img {
  display: block;
  width: 100%;
  height: auto;
}

#video-embed iframe, #video-embed object, #video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ekkSermons_5_detail .sermon-details {
  overflow: hidden;
}

#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;
}

#ekkSermons_5_detail .media li a {
  display: block;
  font-family: 'Sermon-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: "\e906";
}

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

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

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

#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;
}

/* =Pagination
---------------------------------------------------------------------
*/
#pagination {
  padding: 15px 0;
  text-align: center;
}

#pagination a {
  padding:5px 8px;
  text-decoration:none;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  margin-right:3px;
}

#pagination a#off {
  cursor: default;
}

#pagination a#off:hover {
  background-color:transparent !important;
}


/* =Font Overrides
---------------------------------------------------------------------
*/

.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li {
 }

#ekkSermons_5_series h3,
#ekkSermons_5_detail h3 {
  font-size: 26px;
}

#ekkSermons_5_list h4,
#ekkSermons_5_detail .sermon-right h4 {
  font-size: 22px;
}

#ekkSermons_5_detail .passage p {
  font-size: 20px;
}

.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
#sermon-search-term,
#ekkSermons_5_list article h5,
#ekkSermons_5_series .description p,
#ekkSermons_5_list article p,
#ekkSermons_5_detail .meta,
#ekkSermons_5_detail .details p {
  font-size: 16px;
}

#ekkSermons_5_detail .sermon-right p {
  font-size: 14px;
}

#ekkSermons_5_series h2,
#ekkSermons_5_list h4,
#ekkSermons_5 .return-link a,
#ekkSermons_5_detail .sermon-top h2,
#ekkSermons_5_detail .meta span,
#ekkSermons_5_detail .sermon-right h4 {
  font-weight: bold;
}

/* =Color Overrides
---------------------------------------------------------------------
*/

.ui-selectmenu-button span.ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu li,
#sermon-search-term,
#sermon-search-submit,
#ekkSermons_5_series h2,
#ekkSermons_5_list h4,
#ekkSermons_5_list article .meta p,
#ekkSermons_5_detail .meta span,
#ekkSermons_5_detail .media li a:hover,
#ekkSermons_5_detail .passage p,
#ekkSermons_5_detail .passage h5,
#ekkSermons_5_detail .sermon-right h4,
#pagination a {
  color: #23343b; 
}

.ui-selectmenu-button span.sermonicon-arrow-down {
  color: #b30002;
}

.ui-selectmenu-menu .ui-menu li:hover,
#ekkSermons_5_detail .sermon-top,
#ekkSermons_5_detail .sermon-top:before,
#ekkSermons_5_detail .sermon-top:after,
#pagination a:hover,
#pagination a#current {
  background-color: #23343b; 
}

.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu,
#sermon-search fieldset,
#ekkSermons_5_list article a.image-link:after {
  border-color: #23343b; 
}

#ekkSermons_5_detail .media li a {
  color: #a8abb1;
}

#ekkSermons_5_list h4,
#ekkSermons_5_detail .sermon-right h4 {
  border-color: #cad4df; 
}

#ekkSermons_5 .return-link a {
  /*color: #999999;*/
}

#pagination a#off,
#pagination a#off:hover {
  color: #cccccc;
}

#ekkSermons_5 .return-link a {
  /*background-color: #f1f1f1;*/
}

.ui-selectmenu-menu .ui-menu li:hover,
#ekkSermons_5_detail .sermon-top h2,
#pagination a:hover,
#pagination a#current {
  color: white;
}

.ui-selectmenu-button,
.ui-selectmenu-menu .ui-menu {
  /*background-color: white; */

}

/* =Layout Overrides (Remove These)
---------------------------------------------------------------------
*/
#ekkSermons_5_series .description p,
#ekkSermons_5_list article p,
#ekkSermons_5_detail h3,
#ekkSermons_5_detail .details p,
#ekkSermons_5_detail .sermon-right p {
  color: black;
}



#ekkSermons_5_filter {
  float: none;
}

#ekkSermons_5_list {
  clear: both;
}

.ui-selectmenu-menu .ui-menu {
  border : 0px;
  width: 100% !important;
}

.ui-selectmenu-menu {
      background-color: white;
    border: 1px solid #23343b;
    border-top: 0px;
    box-sizing: border-box;
    width: 172px;
    opacity: 0.95;
}

#sermon-search fieldset {
    border: 0;
    padding: 5px;
    border: 1px solid;
    overflow: hidden;
    border-radius: 8px;
    padding-left: 10px;
    height: 30px;
}

#sermon-search fieldset > input {
  height: 30px;
}

#sermon-search fieldset > button {
  margin-right: 5px;
  margin-top: 3px;
  font-weight: 800;
}


.ui-selectmenu-button {
  height: 40px;
    line-height: 0px;
    border-width: 1px;
    border-radius: 8px;
    width: 170px !important;
    margin-right: 5px !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
      line-height: 40px;
    font-size: 18px;
    font-weight: 200;
}

.ui-selectmenu-button.ui-corner-top{
  border-radius: 8px 8px 0px 0px;
}

.ui-selectmenu-menu .ui-menu li {
  font-weight: 200 !important;
    font-size: 18px;
    line-height: 1.2em;
}


#ekkSermons_5_filter select {
    height: 46px;
    width: 100%;
    background: url(/_assets/img/dropdown.png) no-repeat 254px 12px;
    background-position-x: 98%;
    background-color: white;
        outline: none;
    border-radius: 0;
    background-color: transparent;
    border-color: #9e9a8d;
    padding-left: 10px;
    font-size: 18px;
    color: #44423d;
    background-position-y: 14px;
    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 8px;
}
/* =Responsive
---------------------------------------------------------------------
*/
@media only screen and (max-width: 50em) {

#ekkSermons_5_filter {
  text-align: center;
}

#sermon-search {
  width: 100%;
  float: none;
}

#ekkSermons_5_search {
  float: none;
  width: 100%;
}

#ekkSermons_5_list article {
  width: 100%;
  margin-left: 0%;
}

#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;
}

}

.sermon-media-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

.sermon-media-buttons { position: relative; margin: 0; padding: 0 1rem; text-align: center; top: 50%; transform: translateY(-50%); }

.sermon-media-buttons .button-style1 { margin: .5rem; min-width: 240px; border-color: #b30002 !important; background: #b30002 !important; color: #ffffff !important; }

.sticky .sermon-media-buttons .button-style1 { margin: .5rem 0px; min-width: 0px; font-size: 1rem; padding: .75rem; display: block; }