.share a { background-color: #ed8b00; color: #000000; }

html.use-hover .share a:hover { background-color: #ed8b00; color: #ffffff; }

#billboard:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.99)); }

#billboard #play-resource { position: relative; width: 100%; padding-top: 5%; padding-bottom: 56.25%; min-height: 0; height: 0; margin-bottom: 3rem; }

#billboard #play-resource.preloader { background-repeat: no-repeat; background-position: center center; background-size: 64px 64px; background-image: url(/_assets/img/loaders/preloader-white.svg); }

#billboard #play-resource .mejs-custom.audio { width: 100%; position: absolute; left: 0; bottom: 2rem; }

@media (min-width: 992px) { #billboard #play-resource .mejs-custom.audio { bottom: 3.5rem; } }

@media (min-width: 992px) { #billboard .buttons { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; } }

#billboard .buttons .button-outline { display: block; max-width: 300px; margin: 0 auto 1rem auto; }

@media (min-width: 992px) { #billboard .buttons .button-outline { max-width: none; margin: 0 .75rem 1rem .75rem; } }

.sermon-slider-wrap { background-color: #000000; padding: 3.5rem 0; }

.sermon-slider-wrap.series { background-color: #121212; }

.sermon-slider { position: relative; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; }

.sermon-slider.slick-initialized { visibility: visible; opacity: 1; }

.sermon-slider .slick-list { padding: 0; margin: 0; }

@media (min-width: 992px) { .sermon-slider .slick-list { padding: 0 120px 0 0; } }

.sermon-slider article { margin: 0 40px; }

@media (min-width: 992px) { .sermon-slider article { margin: 0 40px 0 0; } }

.sermon-slider article a { display: block; background-color: #1f1f1f; }

.sermon-slider article a:after { display: none; }

.sermon-slider article a .info { padding: 1rem; min-height: 200px; }

.sermon-slider article a h6 { color: #ed8b00; transition: color 0.3s ease; }

.sermon-slider article a p { font-weight: 300; color: #ffffff; }

html.use-hover .sermon-slider article a:hover { background-color: #ed8b00; }

html.use-hover .sermon-slider article a:hover h6 { color: #ffffff; }

.sermon-slider .slick-dots { display: none !important; }

.sermon-slider .slick-prev, .sermon-slider .slick-next { position: absolute; display: block; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 100; color: #ed8b00; transition: opacity 0.3s ease; }

.sermon-slider .slick-prev:before, .sermon-slider .slick-next:before { font-family: 'icons' !important; 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; font-size: 24px; transition: color 0.3s ease; }

.sermon-slider .slick-prev.slick-disabled:before, .sermon-slider .slick-next.slick-disabled:before { opacity: 0; }

html.use-hover .sermon-slider .slick-prev:hover, html.use-hover .sermon-slider .slick-next:hover { color: #ffffff; }

.sermon-slider .slick-prev { position: absolute; left: .25rem; top: 50%; margin-top: -.5rem; }

@media (min-width: 992px) { .sermon-slider .slick-prev { right: 5.5rem; left: auto; top: -64px; margin: 0; } }

.sermon-slider .slick-prev:before { content: "\edc3"; }

.sermon-slider .slick-next { position: absolute; right: .25rem; top: 50%; margin-top: -.5rem; }

@media (min-width: 992px) { .sermon-slider .slick-next { right: 2.5rem; top: -64px; margin: 0; } }

.sermon-slider .slick-next:before { content: "\edbb"; }
