/* LIST VIEW */
#ekkSermons_5_list { width: 100%; }

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

#ekkSermons_5_list article img { position: relative; display: block; width: 100%; height: auto; }

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

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

#ekkSermons_5_detail .sermon-top .div-video-wrap, #ekkSermons_5_detail .sermon-top #video-wrap { margin-top: 1rem; }

#content { overflow: hidden; }

#video-wrap { overflow: hidden; }

#ekkSermons_5_detail .sermon-details { overflow: hidden; padding-top: 2rem; }

#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 > *:last-child { margin-bottom: 0; }

/* Hide date on these 'related sermons' until large breakpoint */
#ekkSermons_5_list article .related-sermon-date { display: none; }

@media (min-width: 992px) { #ekkSermons_5_list article .related-sermon-date { display: block; } }

/*added notes*/
.sermon-notes { width: 100%; display: block; padding: 0; margin: 0; border-radius: .65rem; }

.sermon-notes .header { padding: 2rem 1rem; }

@media (min-width: 768px) { .sermon-notes .header { padding: 3rem 2rem; } }

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

.sermon-notes .form-area { min-height: 100px; padding: 2rem 1rem; width: 100%; box-sizing: border-box; }

@media (min-width: 768px) { .sermon-notes .form-area { padding: 3rem 2rem; } }

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

#ekkSermons_5_detail .sermon-notes .pnoteText, .sermon-notes #sermon-notes-form textarea { display: block; width: 100% !important; box-sizing: border-box; margin-bottom: 2rem; padding: 1rem; font-size: .875rem; box-shadow: none; outline: none; border: none; border-radius: .65rem; }

#ekkSermons_5_detail .sermon-notes .pnoteText { margin-top: 1rem; }

.sermon-notes #sermon-notes-form #notes-email { display: block; width: 100% !important; box-shadow: none; box-sizing: border-box; margin-bottom: 2rem; padding: 1rem; font-size: .875rem; outline: none; border: none; border-radius: .65rem; }

#ekkSermons_5_detail .sermon-notes .form-control { font-weight: 400; }

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

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

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

.sermon-notes #notes textarea { line-height: 1.4; width: 100%; height: 200px !important; padding: 1rem; margin-bottom: 1rem; overflow: auto; }

#sermons5-modal-msg { visibility: hidden; width: 85vw; max-width: 300px; transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; padding: 2rem; 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; }

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

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