#live-stream { margin-bottom: 2rem; }

#live-stream .responsive-image { max-width: 100%; width: 100%; height: auto; }

/* Setup a very limited Bootstrap grid scenario, to match the layout code... */

#live-stream .row { display: flex; margin-left: -15px; margin-right: -15px; margin-bottom: -2rem; flex-wrap: wrap; }

#live-stream .col-3, #live-stream .col-4, #live-stream .col-6, #live-stream .col-12 { width: 100%; padding: 0 15px; margin-bottom: 2rem; }

@media (min-width:992px) {
	#live-stream .row { flex-wrap: nowrap; }

	#live-stream .col-lg-3 { width: 25% !important;}

	#live-stream .col-lg-4 { width: 33.33% !important;}

	#live-stream .col-lg-6 { width: 50% !important;}
}

/*Cycle2*/
#live-stream #cycle-livestream { width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; }

#live-stream #cycle-livestream .slide { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

#live-stream #cycle-livestream img { display: block; width: 100%; height: auto; border: 0 !important; padding: 0; box-shadow: none; }

.disabled { opacity: .5; }

#live-stream .cycle-pager { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; z-index: 500; overflow: hidden; padding: 0 0 1rem; }

#live-stream .cycle-pager span { line-height: 1; font-size: 0; width: 14px; height: 14px; display: inline-block; cursor: pointer; margin: 0 6px; opacity: 0.6; border-radius: 50%; transition: all 0.3s ease; }

#live-stream .cycle-pager span.cycle-pager-active { opacity: 1; }

#live-stream .pager { display: block; visibility: hidden; position: absolute; font-size: 1.5em; top: 50%; margin-top: -.5em; color: #ffffff; z-index: 500; cursor: pointer; opacity: .5; transition: all 0.3s ease; }

#live-stream .cycle-pager span:hover { opacity: 1.0; }

.disabled { opacity: .5; filter: alpha(opacity=50); }

#live-stream .links-container { justify-content: space-between; margin-top: 4em; margin-bottom: 2em; }

@media (min-width:992px) {
	#live-stream .links-container { margin-top: 2em; }
}

#live-stream .links-container .btn { width: 100%; display: block; margin-bottom: .5rem; }

#live-stream .links-container > div:last-child .btn { margin-bottom: 0; }

#live-stream .links-container.row .large-btn { margin: 0; display: block; text-align: center; }

@media (min-width: 992px) { #live-stream .one-half img, #live-stream .one-third img, #live-stream .one-fourth img { max-width: 100%; min-width: 100%; height: auto; } #live-stream .top-content { display: block; width: 100%; } }

@media (min-width: 992px) { #live-stream .top-content { display: -webkit-box; display: flex; } }

#live-stream #ls-rotator, #live-stream #live-stream-content { position: relative; width: 100%; }

@media (min-width: 992px) { #live-stream #ls-rotator, #live-stream #live-stream-content { flex-basis: 75%; } /* #live-stream.live #live-stream-content { flex-basis: 100%; } */ }

#live-stream .top-content.full #live-stream-content, #live-stream .top-content.full #ls-rotator { flex-basis: 100%; width: 100%;}

#live-stream #live-stream-content { display: none; }

#live-stream #live-stream-content .content-wrap { position: relative; height: 0; padding-bottom: 56.25%; /* 16:9 */ }

#live-stream #live-stream-content p { line-height: 0; margin-bottom: 0; }

#live-stream #live-stream-content iframe, #live-stream #live-stream-content object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none !important; outline: none !important; }

#live-stream #ls-rotator { position: relative; }

#live-stream #ls-rotator img { width: 100%; height: auto; }

#live-stream #ls-rotator ul { padding: 0; margin: 0; }

#live-stream #ls-rotator li { display: none; width: 100%; margin: 0; padding: 0; list-style-type: none; line-height: 0; }

#live-stream #ls-rotator li:first-child, #live-stream #ls-rotator .cycle-slide { display: block; }

#live-stream #ls-rotator a { display: block; line-height: 0; }

#live-stream #ls-rotator .pager { display: block; visibility: visible; }

/* Countdown Timer */

#live-stream .countdown { padding: 1em 1.5em .7em; display: none; }

@media (min-width:768px) {#live-stream .countdown { padding: 1.5em 1.5em 1.2em; } }

#live-stream .countdown .live { display: none; line-height: 1; margin-bottom: 0; }

#live-stream .countdown .timer { font-size: 1rem; line-height: 1.3; margin-bottom: 0; text-align: center; }

@media (min-width: 768px) { #live-stream .countdown .timer { font-size: 1.75rem; line-height: 1.3; } }

@media (min-width: 992px) { #live-stream .countdown .timer { line-height: 1; } }

#live-stream .countdown .timer h3 { display: inline-block; margin-right: 1em; line-height: 1; margin-bottom: 0; }

#live-stream .countdown .timer span { text-transform: uppercase; }

#live-stream .countdown .timer .delimiter { margin: 0 .25em; font-weight: 300; vertical-align: 3px; }

#live-stream.live #live-stream-content { display: block; }

#live-stream.live #ls-rotator { display: none; }

#live-stream.live .countdown .timer { display: none; }

#live-stream.live .countdown .live { display: block; }

#live-stream .countdown .number { margin-right: 2px; font-weight: bold; }

#live-stream .countdown .number, #live-stream .countdown .label, #live-stream .countdown .delimiter { vertical-align: middle; line-height: 1; }

/* Twitter */

#live-stream #twitter #tweets { background-color: #eaeaea;}

#live-stream #twitter { width: 100%; overflow-y: hidden; height: 360px; position: relative; }

@media (min-width: 992px) { #live-stream #twitter { flex-basis: 25%; width: 25%; overflow-y: hidden; height: auto; position: relative; } /* #live-stream.live #twitter { display: none; } */ }

#live-stream .title { position: absolute; width: 100%; max-width: 100%; z-index: 2; top: 0; }

#live-stream #twitter #tweets { padding: 3.5em 1.5em 3.5em; overflow-y: scroll; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

#live-stream #twitter .title, #live-stream #twitter .follow { display: block; padding: .5em 1.25em; }

#live-stream #twitter .title { font-size: 20px; opacity: 1.0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

#live-stream #twitter .title:hover { opacity: 0.9; text-decoration: none; border:  none; }

#live-stream #twitter .follow { transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 1.0; box-sizing: border-box; width: 100%; max-width: 100%; font-size: 16px; font-weight: 700; text-align: center; transition: background-color 0.15s ease-in-out; line-height: 2; position: absolute; bottom: 0; left: 0; width: 100%; }

#live-stream #twitter .follow > span { font-size: 1.2em; vertical-align: -1.5px; padding-right: 3px; }

#live-stream #twitter .follow:hover { text-decoration: none; border: none; opacity: 0.9; }

#live-stream #twitter .follow, #live-stream #twitter .title a { color: white; }

#live-stream #twitter p { margin-bottom: 1.5em; font-size: 1rem; line-height: 1.5; }

#live-stream #twitter h5 { margin-bottom: 0; font-size: 1em; box-sizing: border-box; }

#live-stream #twitter .time { font-size: 11px; margin-left: 5px; text-transform: uppercase; }

#live-stream #twitter ::-webkit-scrollbar { width: 14px; }

#live-stream #twitter ::-webkit-scrollbar-track { padding: 0 4px; }

#live-stream #twitter ::-webkit-scrollbar-thumb { border-radius: 14px; }

#live-stream #footer-sections { margin-top: 2rem; justify-content: space-between; }

#live-stream #footer-sections > div { margin-bottom: 2rem; }

#live-stream #footer-sections > div:last-of-type { margin-bottom: 0; }

@media (min-width:992px) {#live-stream #footer-sections { margin-top: 3rem; } #live-stream #footer-sections > div { margin-bottom: 0 !important; } }

#live-stream #footer-sections .section { text-align: center; }

#live-stream #footer-sections .section > *:last-child, #live-stream #footer-sections .section .details > *:last-child { margin-bottom: 0; }

#live-stream #footer-sections h3 { line-height: 1.75; }

#live-stream #footer-sections .widget.ls-sermon h5 { margin-bottom: 0; line-height: 1.35; }

#live-stream #footer-sections .widget.ls-sermon p.sermon-date { margin-bottom: .5em; }

#live-stream #footer-sections .widget.ls-sermon .image { margin-bottom: .5rem; }

#live-stream #footer-sections .widget.ls-sermon .image a { opacity: 1.0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

#live-stream #footer-sections .widget.ls-sermon .image a:hover { text-decoration: none; border: none; opacity: 0.85; }

#live-stream #footer-sections .widget.ls-sermon h4 { margin-bottom: 0; }

#live-stream #footer-sections .events .event-times { font-size: .85em; }

#live-stream #footer-sections .media { margin: 0; padding: 0; text-align: center; list-style: none; display: block; width: 100%; }

#live-stream #footer-sections .media li {line-height: 1em; font-size: 1.2em; display: inline-block; padding: 0; margin: 0 10px 0; overflow: hidden; }

#live-stream #footer-sections .media li a { text-decoration:none; color:#999999; text-transform:uppercase; display:block; background:transparent url(/_img/media-icons.png) no-repeat; height:22px; text-indent:-9999em; }

#live-stream #footer-sections .media li.video a { background-position: -24px top; width: 20px; }

#live-stream #footer-sections .media li a:hover { text-decoration: none; border: none; }

#live-stream #footer-sections .media li.video a:hover { background-position: -24px -27px; }

#live-stream #footer-sections .media li.listen a { background-position: left top; width: 14px; }

#live-stream #footer-sections .media li.listen a:hover { background-position: left -27px; }

#live-stream #footer-sections .media li.download a { background-position: -82px top; width: 16px; }

#live-stream #footer-sections .media li.download a:hover { background-position: -82px -27px; }


#live-stream #footer-sections .events .info { flex-basis: 82%; text-align: left; }

#live-stream #footer-sections .events .info h5 { line-height: 1.3; margin-bottom: 0.25em; }

#live-stream #footer-sections .import { font-size: 14px; }

#live-stream #footer-sections .ls-event { text-align: center; }

#live-stream #footer-sections .ls-event .date { width: 150px; margin: 0 auto; padding: 1.75rem 0 1.25rem; margin-bottom: 2rem; }

#live-stream #footer-sections .ls-event .date span { display: block; padding: 0; line-height: 1; }

#live-stream #footer-sections .ls-event .date span.day { font-size: 4.5rem; padding: 0 .25rem; margin-top: -.5rem; }

#live-stream #footer-sections .ls-event .date span.month { font-size: 1.125rem; text-transform: uppercase; }

.media-icons li { display: inline-block; margin: 0 1rem 0 0; }

.media-icons li a { display: block; font-size: 1.5rem; }