@media (min-width: 992px) { .container-narrow { max-width: 944px; } }

#ls-livestream { position: relative; padding-top: 2em; background-position: top center; background-repeat: no-repeat; background-size: cover; }

@media (min-width: 992px) { #ls-livestream { padding-top: 4em; background-size: 100% auto; } }

#ls-livestream:after { content: ""; position: absolute; width: 100%; height: 75%; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff); }

@media (min-width: 992px) { #ls-livestream:after { height: 50%; background-image: linear-gradient(rgba(255, 255, 255, 0) 25%, #ffffff 75%); } }

#ls-hai { position: relative; z-index: 500; }

#ls-sermon { position: relative; z-index: 500; }

#ls-welcome { text-align: center; margin-bottom: 1rem; }

@media (min-width: 992px) { #ls-welcome { margin-bottom: 5rem; } }

@media (min-width: 992px) { #ls-welcome h2 { font-size: 4rem; margin-bottom: 0; } }

#ls-timer-wrap { display: none !important; text-align: center; }

#ls-timer { display: block; }

#ls-timer span { font-size: 16px; color: #ffffff; text-transform: uppercase; }

@media (min-width: 992px) { #ls-timer span { font-size: 26px; } }

#ls-timer .delimiter { margin: 0 7px; }

#ls-livestream-load.loading { height: 0; padding-bottom: 56.25%; background: url("../../img/loaders/preloader.svg") no-repeat center center; background-size: 64px 64px; }

#ls-wrap { position: relative; background-color: #ffffff; padding: 2rem 0; }

#ls-sermon-text { visibility: hidden; opacity: 0; height: 0; transition: .3s; margin-bottom: 2.5rem; }

body.show-sermon #ls-sermon-text { visibility: visible; opacity: 1; height: auto; }

#ls-livestream-text { visibility: visible; opacity: 1; height: auto; transition: .3s; }

body.show-sermon #ls-livestream-text { visibility: hidden; opacity: 0; height: 0; }

#ls-sermon-text h5, #ls-livestream-text h5 { font-weight: 800; }

#ls-wrap .small-text { font-size: 12px; margin: 0; }

#ls-wrap .ls-section { overflow: hidden; }

@media (min-width: 992px) { #ls-wrap .ls-section { margin-bottom: 4rem; } }

#ls-wrap .ls-section h5 { font-weight: 800; margin-top: 0; }

.ls-share article { position: relative; }

.ls-share .info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }

@media (min-width: 992px) { .ls-share .info { visibility: hidden; opacity: 0; transition: .3s; } }

@media (hover: hover) and (min-width: 992px) { .ls-share article:hover .info { visibility: visible; opacity: 1; } }

.ls-share .info p { position: relative; max-width: 240px; margin: 0 auto; padding: 0; line-height: 1; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; }

.ls-share .info a { display: inline-block; text-decoration: none; margin: 0 1em; }

.ls-share .info a i { font-size: 48px; }

@media (hover: hover) { .ls-share .info a:hover { color: #ffffff; } }