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

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

#ekkSermons_5_list article a.linked-image {
    margin-bottom: .5rem;
}

#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;
    border-width: 10px;
    border-style: solid;
}

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

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

#other-sermons-heading {
    border-top-width: 1px;
    border-top-style: solid;
}

/*
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 Notes Section */
#sermons6 .sermon-notes {
    width: 100%;
    display: block;
    padding: 0;
    margin: 4em 0;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
}

#sermons6 .sermon-notes .header {
    padding: 3em 2em;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    #sermons6 .sermon-notes .header {
        padding: 4em;
    }
}

#sermons6 .sermon-notes .header h3 {
    margin-bottom: 1em;
}

#sermons6 .sermon-notes .header p {
    margin-bottom: 0;
}

#sermons6 .sermon-notes .form-area {
    min-height: 200px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    #sermons6 .sermon-notes .form-area {
        min-height: 400px;
        padding: 0;
    }
}

#sermons6 .sermon-notes #sermon-notes-form>fieldset {
    max-width: 100%;
}

#sermons6 .sermon-notes #sermon-notes-form textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
    padding: .75em 1em;
    font-size: 14px;
    border: none;
    outline: none;
}

#sermons6 .sermon-notes #sermon-notes-form #notes-email {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
    padding: .75em 1em;
    font-size: 14px;
    border: none;
    outline: none;
}

#sermons6 .sermon-notes #sermon-notes-form #loader-box {
    /* This element will replace #notes-submit, during ajax process */
    display: none;
    width: 130px;
    height: 30px;
    margin: 0.25rem 0;
    background-image: url("../svg/preloader.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    box-sizing: border-box;
}

#sermons6 .sermon-notes #sermon-notes-form #loader-box.active {
    display: inline-block;
}

#sermons6 .sermon-notes #sermon-notes-form #notes-submit.disable,
#sermons6 .sermon-notes #sermon-notes-form #notes-download.disable {
    display: none;
}

#sermons6 #sermons6-modal-msg {
    visibility: hidden;
    width: 85vw;
    max-width: 300px;
    transform: translateY(-50%) translateX(-50%);
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 1.5em 2em;
    /* Link color, translated to RGB, with a bit of transparency */
    z-index: 9999;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    opacity: 0.0;
}

#sermons6 #sermons6-modal-msg.active {
    visibility: visible;
    opacity: 1.0;
}

#sermons6 #sermons6-modal-msg p {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 0;
}


#sermons6 .sermon-notes #notes .pnoteText {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2em;
    padding: .75em 1em;
    font-size: 14px;
    border: none;
    outline: none;
}

#sermons6 .sermon-notes #notes p {
    line-height: 35px;
}

#sermons6 .sermon-notes #notes .blank {
    line-height: 19px;
}

#sermons6 .sermon-notes #notes .blank.wrong-answer {
    color: #710a0a;
}

#sermons6 .sermon-notes #notes .pnoteText {
    height: 100px !important;
}

#sermons6 .sermon-notes #notes .blank {
    border-bottom: 1px solid #252525;
}

.filters {
  background-color: #004d71;
}

#module-search fieldset {
  border: 0px solid #000;
}

.media li a:hover,
.media li:hover a {
    color: white;
}