/* SERMONS */
body.page-template-template-sermons .site-inner .wrap {
max-width: 1152px;
}
body.page-template-template-sermons .site-inner .hero-section .wrap {
max-width: 1152px;
}
body.page-template-template-sermons .site-inner > .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body.page-template-template-sermons.sidebar-content .sidebar {
width: 100%;
order: -1;
}
#sermons-browse {
padding: 24px 32px;
background-color: rgba(0,0,0,0.3);
border-radius: 6px;
color: #ffffff;
text-align: left;
}
#sermons-browse ul {
margin: 0;
padding: 0;
list-style-position: inside;
}
#sermons-browse a {
color: #ffffff;
}
#sermons-browse a:hover {
text-decoration: underline;
}
#sermons-filter {
opacity: 0;
background-color: #f5f5f5;
border-radius: 4px;
height: 75px;
padding: 24px;
text-align: left;
overflow: hidden;
}
#sermons-filter.show {
height: auto;
overflow: visible;
}
#sermons-filter h3 {
position: relative;
margin-bottom: 0;
}
#sermons-filter h3:after {
position: absolute;
top: 0;
right: 0;
content: "+";
transition: 200ms transform ease;
transform-origin: 50% 50%;
transform: rotate(0);
font-size: 48px;
font-weight: 400;
line-height: 27px;
}
#sermons-filter.show h3:after {
transform: rotate(45deg);
}
#sermons-filter-content {
max-height: 0;
transition: 200ms max-height ease;
}
#sermons-filter.show #sermons-filter-content {
max-height: 700px;
}
#sermons-filter-content > div {
margin-top: 12px;
}
#sermons-filter-content > div:first-child {
margin-top: 24px;
}
#sermons-filter-clear-all {
display: block;
margin-top: 24px;
}
body.page-template-template-sermons .sidebar .facetwp-facet {
margin-bottom: 16px !important;
}
#sermons-filter > div:last-child .facetwp-facet {
margin-bottom: 0 !important;
}
body.page-template-template-sermons .sidebar .fs-label-wrap .fs-label {
height: 42px;
line-height: 42px;
cursor: pointer;
}
body.page-template-template-sermons .sidebar .fs-wrap .fs-arrow {
cursor: pointer;
}
body.page-template-template-sermons .sidebar .fs-wrap.fs-open .fs-arrow:before {
top: -16px;
}
.fs-wrap .fs-arrow {
transform: none;
}
#sermons-filter label {
font-size: 14px;
margin-bottom: 4px;
}
#sermons-filter .facetwp-counter {
display: none;
}
#sermons-filter-bible-books .fs-option .toggle {
position: absolute;
top: 0;
right: 0;
display: block;
width: 30px;
height: 37px;
line-height: 37px;
text-align: center;
}
#sermons-filter-bible-books .fs-option .toggle:before{
display: block;
content: " ";
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
height: 37px;
width: 8px;
margin: 0 auto;
transform: rotate(180deg);
transition: transform .35s ease;
}
#sermons-filter-bible-books .fs-option:hover .toggle:before{
background-image: url("data:image/svg+xml;utf8,");
opacity: 0.7;
}
#sermons-filter-bible-books .fs-option.collapsed .toggle:before {
transform: rotate(0deg);
}
#sermons-filter-bible-books .fs-option .toggle:hover:before{
opacity: 1;
}
#sermons-filter-bible-books .collapse {
max-height: 0;
overflow-y: hidden;
transition: max-height 500ms ease;
}
#sermons-filter-bible-books .collapse {
display: block;
}
#sermons-filter-bible-books .collapse.show {
max-height: 600px;
transition: max-height 700ms ease;
border-bottom: 1px solid #eee;
}
#sermons-filter-bible-books .fs-options > .collapse:last-child {
border-bottom: none;
}
#sermons-content {
position: relative;
}
#sermons-content.loading {
padding-bottom: 100px;
}
#loop-wrapper > article {
position: relative;
opacity: 0;
transition: 0 opacity linear;
padding: 16px;
background-color: #f5f5f5;
border: 1px solid #eee;
border-radius: 6px;
margin-bottom: 32px;
transition: box-shadow 250ms ease, top 250ms ease 125ms;
cursor: pointer;
}
#loop-wrapper > article:hover {
top: -1px;
box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.35);
}
#loop-wrapper > article.active {
opacity: 1;
}
body.single-sermons .entry-title {
margin-bottom: 0;
text-align: center;
}
body.single-sermons .entry-terms {
display: block;
}
body.single-sermons .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
fill: #5a636b;
}
body.single-sermons .shared-counts-wrap.style-icon .shared-counts-button:hover .shared-counts-icon svg {
fill: #141618;
}
.link-event,
.link-topic{
padding: 4px 8px;
background-color: #141618;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
border-radius: 4px;
}
.link-event:hover,
.link-topic:hover{
background-color: #016ea0;
color: #ffffff;
}
.sermons-related {
margin-bottom: 36px;
text-transform: uppercase;
}
.sermons-related a {
color: #016ea0;
}
.sermons-related a:hover {
color: #141618;
}
/* SERMON PLAYER */
#sermon-player-container {
display: flex;
flex-wrap: wrap;
clear: both;
margin-bottom: 32px;
}
#sermon-player-container > div {
width: 100%;
}
#sermons-live-player {
position: relative;
text-align: center;
line-height: 0;
font-family: 'Poppins';
z-index: 100;
}
#sermons-live-player-preview-message {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 24px;
line-height: 1.68;
background-color: rgba(0,0,0,0.5);
}
#sermons-live-player-preview-message > h1:first-of-type,
#sermons-live-player-preview-message > h2:first-of-type,
#sermons-live-player-preview-message > h3:first-of-type,
#sermons-live-player-preview-message > h4:first-of-type,
#sermons-live-player-preview-message > h5:first-of-type,
#sermons-live-player-preview-message > h6:first-of-type {
margin: -16px 0 0;
}
#sermons-live-player-counter {
display: flex;
justify-content: center;
margin-bottom: 20px;
width: 100%;
font-size: 12px;
}
#sermons-live-player-counter > div {
margin: 0 8px;
padding: 15px 8px 13px;
width: 80px;
background-color: rgba(255,255,255,0.05);
border-radius: 8px;
}
#sermons-live-player-counter span {
display: block;
font-size: 32px;
line-height: 32px;
font-weight: 700;
}
#sermons-live-player .sermons-player-footer {
margin-bottom: 0;
}
#sermons-player {
position: relative;
}
.cleanPlayer {
display: none;
}
.cleanPlayer.chp {
display: block;
}
.cleanPlayer:not(.three-fourths) {
width: 100%;
}
.cleanPlayer .plyr .plyr__control {
margin: 0;
padding: 7px;
color:inherit;
background-color: transparent;
border-radius: 3px;
transform: none;
}
.cleanPlayer .plyr .plyr__control--overlaid {
display: none;
padding: 15px;
background-color: rgba(26, 175, 255, 0.8);
color: #ffffff;
border: 0;
border-radius: 100%;
transform: translate(-50%,-50%) scale(1.5);
}
.cleanPlayer .plyr.plyr--video .plyr__control--overlaid {
display: block;
}
.cleanPlayer .plyr--video .plyr__control.plyr__tab-focus,
.cleanPlayer .plyr--video .plyr__control:hover,
.cleanPlayer .plyr--video .plyr__control[aria-expanded=true],
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background-color: #1aafff;
color: #ffffff;
transform: none;
}
.cleanPlayer .plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.cleanPlayer .plyr__controls .plyr__menu + .plyr__control,
.cleanPlayer .plyr__controls .plyr__progress + .plyr__control,
.cleanPlayer .plyr__controls > .plyr__control + .plyr__control,
.cleanPlayer .plyr__controls > .plyr__control + .plyr__menu {
margin-left: 2px;
}
.cleanPlayer .plyr .plyr__control--overlaid:hover,
.cleanPlayer .plyr .plyr__control--overlaid.plyr__tab-focus {
transform: translate(-50%,-50%) scale(1.5);
}
.cleanPlayer .plyr .plyr__control .plyr__tooltip {
text-transform: none;
}
.cleanPlayer .plyr__menu__container {
background-color: #f3f5f7;
z-index: 10000;
}
.cleanPlayer .plyr__menu__container .plyr__control--forward .plyr__menu__value {
margin-right: 16px;
}
.cleanPlayer .plyr__menu__container .plyr__control--back {
width: 100%;
}
.cleanPlayer .plyr__menu__container .plyr__control--back > span {
margin-left: 16px;
}
.single-sermons #sermons-player-audio {
margin-top: 128px;
}
.single-sermons #sermons-player-audio .chp__control__prev,
.single-sermons #sermons-player-audio .chp__control__next {
display: none;
}
#sermons-player-audio.intro .plyr__time,
#sermons-player-audio.outro .plyr__time {
display: none;
}
#cleanPlayerList {
display: none;
margin-top: 20px;
margin-left: 0;
padding: 24px 0;
background-color: rgba(0,0,0,0.7);
}
#cleanPlayerList.loaded {
display: block;
}
#cleanPlayerList h3 {
margin: 16px 0;
text-align: left;
padding-left: 46px;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
color: #ffffff;
}
#sermon-player-container.streaming #cleanPlayerList h3 {
margin: 0 0 4px 0;
}
#cleanPlayerList ul.live-streaming {
margin-bottom: 13px;
}
#cleanPlayerList ul {
list-style: none;
margin: 0;
padding: 0;
background-color: transparent;
}
#cleanPlayerList li {
position: relative;
list-style: none;
text-align: left;
line-height: 1;
margin: 0;
padding: 0 33px 0 46px;
color: #ffffff !important;
background-color: transparent !important;
cursor: pointer;
transition: 200ms background-color ease;
}
/*
#cleanPlayerList li:before {
content: "•";
display: block;
position: absolute;
top: 8px;
left: 26px;
font-size: 24px;
opacity: 1;
}
*/
#cleanPlayerList li:hover {
background-color: rgba(255,255,255,0.05) !important;
}
#cleanPlayerList li.chp__item--active {
background-color: rgba(255,255,255,0.1) !important;
}
/*
#cleanPlayerList .chp__item:hover:before {
content: " ";
display: block;
position: absolute;
top: 8px;
left: 30px;
font-size: 32px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB5PSIwIiB4PSIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSLlnJblsaRfMSIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0id2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTtiYWNrZ3JvdW5kLXNpemU6aW5pdGlhbDtiYWNrZ3JvdW5kLXJlcGVhdC15OmluaXRpYWw7YmFja2dyb3VuZC1yZXBlYXQteDppbml0aWFsO2JhY2tncm91bmQtcG9zaXRpb24teTppbml0aWFsO2JhY2tncm91bmQtcG9zaXRpb24teDppbml0aWFsO2JhY2tncm91bmQtb3JpZ2luOmluaXRpYWw7YmFja2dyb3VuZC1jb2xvcjppbml0aWFsO2JhY2tncm91bmQtY2xpcDppbml0aWFsO2JhY2tncm91bmQtYXR0YWNobWVudDppbml0aWFsO2FuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZCIgPjxnIGNsYXNzPSJsZGwtc2NhbGUiIHN0eWxlPSJ0cmFuc2Zvcm0tb3JpZ2luOjUwJSA1MCU7dHJhbnNmb3JtOnNjYWxlKDAuOCk7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTc4LjE1OCA1MS44NDNMMjUuODQyIDgyLjA0OGMtMS40MTguODE5LTMuMTkxLS4yMDUtMy4xOTEtMS44NDN2LTYwLjQxYzAtMS42MzggMS43NzMtMi42NjEgMy4xOTEtMS44NDNsNTIuMzE3IDMwLjIwNWMxLjQxOC44MTkgMS40MTggMi44NjctLjAwMSAzLjY4NnoiIHN0eWxlPSJmaWxsOnJnYigyNTUsIDI1NSwgMjU1KTthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID48L3BhdGg+CjxtZXRhZGF0YSB4bWxuczpkPSJodHRwczovL2xvYWRpbmcuaW8vc3RvY2svIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PGQ6bmFtZSBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+cGxheTwvZDpuYW1lPgoKCjxkOnRhZ3Mgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZCIgPnBsYXksc3RhcnQsYmVnaW4scnVuLHByb2NlZWQsZ28sZmlyZSxwbGF5ZXI8L2Q6dGFncz4KCgo8ZDpsaWNlbnNlIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID5ieTwvZDpsaWNlbnNlPgoKCjxkOnNsdWcgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZCIgPnVzaWltPC9kOnNsdWc+PC9tZXRhZGF0YT48L2c+PCEtLSBnZW5lcmF0ZWQgYnkgaHR0cHM6Ly9sb2FkaW5nLmlvLyAtLT48L3N2Zz4=);
width: 32px;
height: 32px;
background-size: 20px 20px;
background-repeat: no-repeat;
opacity: 1;
}
*/
#cleanPlayerList li.chp__item--active:before {
content: " ";
display: block;
position: absolute;
top: 5px;
left: 16px;
font-size: 32px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB5PSIwIiB4PSIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlO2JhY2tncm91bmQtc2l6ZTppbml0aWFsO2JhY2tncm91bmQtcmVwZWF0LXk6aW5pdGlhbDtiYWNrZ3JvdW5kLXJlcGVhdC14OmluaXRpYWw7YmFja2dyb3VuZC1wb3NpdGlvbi15OmluaXRpYWw7YmFja2dyb3VuZC1wb3NpdGlvbi14OmluaXRpYWw7YmFja2dyb3VuZC1vcmlnaW46aW5pdGlhbDtiYWNrZ3JvdW5kLWNvbG9yOmluaXRpYWw7YmFja2dyb3VuZC1jbGlwOmluaXRpYWw7YmFja2dyb3VuZC1hdHRhY2htZW50OmluaXRpYWw7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PGcgY2xhc3M9ImxkbC1zY2FsZSIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46NTAlIDUwJTt0cmFuc2Zvcm06c2NhbGUoMC44KTthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID48ZyBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PHBhdGggZmlsbD0iI2E4Yjk4MCIgZD0iTTYzLjQgNzEuNmMtMS4yIDAtMi4zLS42LTIuOS0xLjctLjktMS42LS40LTMuNyAxLjItNC42IDUuNS0zLjIgOC45LTkuMSA4LjktMTUuNHMtMy40LTEyLjItOC45LTE1LjRjLTEuNi0uOS0yLjItMy0xLjItNC42LjktMS42IDMtMi4yIDQuNi0xLjIgNy41IDQuNCAxMi4yIDEyLjUgMTIuMiAyMS4ycy00LjcgMTYuOC0xMi4yIDIxLjJjLS41LjQtMS4xLjUtMS43LjV6IiBzdHlsZT0iZmlsbDpyZ2IoMjU1LCAyNTUsIDI1NSk7YW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PC9wYXRoPjwvZz4KPGcgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZCIgPjxwYXRoIGZpbGw9IiNmMGFmNmIiIGQ9Ik01Ny4xIDYwLjdjLTEuMiAwLTIuMy0uNi0yLjktMS43LS45LTEuNi0uNC0zLjcgMS4yLTQuNkM1NyA1My41IDU4IDUxLjggNTggNTBzLTEtMy41LTIuNi00LjRjLTEuNi0uOS0yLjItMy0xLjItNC42LjktMS42IDMtMi4yIDQuNi0xLjIgMy42IDIuMSA1LjkgNiA1LjkgMTAuMnMtMi4zIDguMS01LjkgMTAuMmMtLjYuMy0xLjEuNS0xLjcuNXoiIHN0eWxlPSJmaWxsOnJnYigyNTUsIDI1NSwgMjU1KTthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID48L3BhdGg+PC9nPgo8cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDQuMiAyNC4zTDI4LjcgMzYuNmwtLjMuM0gxMS45Yy0xLjEgMC0xLjkuOS0xLjkgMS45djIyLjNjMCAxLjEuOSAxLjkgMS45IDEuOWgxNi40bC4zLjMgMTUuNSAxMi40YzEuMyAxIDMuMS4xIDMuMS0xLjVWMjUuOGMuMS0xLjYtMS43LTIuNS0zLTEuNXoiIHN0eWxlPSJmaWxsOnJnYigyNTUsIDI1NSwgMjU1KTthbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID48L3BhdGg+CjxtZXRhZGF0YSB4bWxuczpkPSJodHRwczovL2xvYWRpbmcuaW8vc3RvY2svIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+PGQ6bmFtZSBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6cGF1c2VkIiA+dm9sdW1lPC9kOm5hbWU+CjxkOnRhZ3Mgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOnBhdXNlZCIgPnNvdW5kLHNwZWFrZXIsbG91ZCx2b2ljZSxoZWFyLGxpc3Rlbixicm9hZGNhc3Qsdm9sdW1lLHdlYiBhcHBsaWNhdGlvbjwvZDp0YWdzPgo8ZDpsaWNlbnNlIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID5ieTwvZDpsaWNlbnNlPgo8ZDpzbHVnIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTpwYXVzZWQiID41ejE2N2k8L2Q6c2x1Zz48L21ldGFkYXRhPjwvZz48IS0tIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg==);
width: 32px;
height: 32px;
background-size: 32px 32px;
background-repeat: no-repeat;
}
#cleanPlayerList .chp__item__title {
padding: 12px 0;
font-size: 18px;
font-weight: 700;
}
#cleanPlayerList .chp__item__descr {
display: block;
margin-top: 4px;
font-size: 14px;
font-weight: 300;
opacity: 0.7;
}
#cleanPlayerList .live-streaming-info {
position: absolute;
top: 12px;
right: 16px;
opacity: 0.8;
transition: 200ms opacity ease;
}
#cleanPlayerList .live-streaming-info:hover {
opacity: 1;
}
#cleanPlayerList .live-streaming-info svg {
width: 14px;
height: 14px;
}
.sermons-player-footer {
margin: 24px 0;
width: 100%;
}
#sermons-player-options {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#sermons-player-options a {
display: inline-block;
margin: 8px 0;
padding: 8px 24px;
text-transform: uppercase;
text-align: center;
line-height: 22px;
width: 100%;
}
#sermons-player-options svg {
display: inline-block;
margin-right: 4px;
width: 20px;
height: 20px;
vertical-align: middle;
}
#sermons-player-options {
background-color: rgba(0,0,0,0.5);
}
#sermons-player-options li {
position: relative;
flex: 1 1 auto;
}
#sermons-player-options li:after {
content: "";
position: absolute;
top: 19px;
right: 0;
border-right: 1px solid rgba(255,255,255,0.5);
height: 16px;
}
#sermons-player-options > li:last-child:after {
display: none;
}
#sermons-player-options .button {
background-color: transparent;
transition-duration: 200ms;
}
#sermons-player-options .button:hover,
#sermons-player-options .button:focus {
color: #1aafff;
background-color: transparent;
}
#sermons-player-options .button span {
display: none;
}
#sermons-player-options.total-options-1 .button span {
display: inline;
}
@media only screen and (min-width: 480px) {
#sermons-player-options.total-options-1 .button span,
#sermons-player-options.total-options-2 .button span {
display: inline;
}
}
@media only screen and (min-width: 640px) {
#sermons-player-options.total-options-1 .button span,
#sermons-player-options.total-options-2 .button span,
#sermons-player-options.total-options-3 .button span {
display: inline;
}
}
@media only screen and (min-width: 896px) {
#sermons-filter {
overflow: visible;
}
#sermons-live-player-preview-message {
height: 100%;
}
#sermons-live-player-footer,
#sermons-player-footer {
position: absolute;
padding-right: 24px;
}
#sermons-player-options .button span {
display: inline;
}
}
.sermons-player-footer .shared-counts-wrap {
display: flex;
justify-content: center;
margin: 8px 0;
padding-top: 5px;
width: 100%;
}
.sermons-player-footer .shared-counts-wrap.style-buttons a.shared-counts-button {
width: 28px;
height: 28px;
line-height: 28px;
}
.sermons-player-footer .shared-counts-wrap.style-buttons a.shared-counts-button svg {
margin-top: 6px;
}
.sermons-player-footer .shared-counts-wrap.style-buttons a.shared-counts-button {
width: 28px;
height: 28px;
line-height: 28px;
}
.sermons-player-footer .shared-counts-wrap.style-icon a.shared-counts-button svg {
fill: #ffffff !important;
opacity: 0.7;
transition: 200ms opacity ease;
}
.sermons-player-footer .shared-counts-wrap.style-icon a.shared-counts-button:hover svg {
opacity: 1;
}
@media only screen and (min-width: 896px) {
#cleanPlayerList {
margin-top: 0;
}
body.page-template-template-sermons.sidebar-content .sidebar {
width: 30rem;
}
#sermons-filter {
height: auto;
}
#sermons-filter h3:after {
display: none;
}
#sermons-filter-content {
max-height: none;
}
}
.author-box {
display: block;
margin-top: 36px;
margin-bottom: 0;
text-align: center;
border-top: 1px solid #eee;
border-radius: 0;
background-color: transparent;
}
.author-box .avatar {
float: none;
}
.author-separator {
padding-top: 0;
}
@media only screen and (min-width: 896px) {
.author-separator {
margin-top: -1.8rem;
padding-top: 0;
}
}
/* LIST */
#sermons-loading {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
shape-rendering: auto;
opacity: 0;
pointer-events: none;
transition: opacity 1000ms ease;
z-index: 100;
}
#sermons-loading.visible {
opacity: 1;
transition: opacity 1000ms ease;
}
#sermons-loading path {
fill: #0051a2;
}
.list .entry {
display: flex;
align-items: center;
margin-bottom: 54px;
}
.list main > .entry:last-child {
margin-bottom: 0;
}
.list .entry-image-wrapper {
align-self: normal;
width: 25%;
}
.list .entry-image-link {
display: block;
position: relative;
width: 100%;
height: 100%;
min-height: 101px;
border-radius: 3px;
background-color: rgba(0,0,0,0.3);
overflow: hidden;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.list .entry-wrapper {
padding-left: 16px;
width: 75%;
}
.list .entry-play-button {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 20%;
height: 0;
padding-top: 20%;
border-radius: 100%;
background-color: rgba(0,0,0,.8);
z-index: 2;
}
.list .entry-play-button:hover {
background-color: rgba(0,0,0,.7);
}
.list .entry-play-button svg {
margin: 16px;
fill: #ffffff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 40%;
height: 40%;
}
.list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.list .entry-options {
position: relative;
top: 0;
right: auto;
margin-top: 4px;
z-index: 2;
}
.list .entry-options svg {
display: inline-block;
margin-right: 4px;
width: 12px;
height: 12px;
}
.list .entry-options svg path {
fill: #5a636b;
}
.list .entry-header {
margin: 0;
padding: 0;
text-align: left !important;
background-color: transparent;
}
.list .entry-title {
margin: 0;
padding-right: 0;
font-size: 18px;
text-align: left !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.list .entry-meta{
font-size: smaller;
margin-bottom: 0;
}
.list .entry-meta a {
text-decoration: none;
}
.list .entry-meta a:hover {
text-decoration: underline;
}
.list .entry-content {
margin: 0;
}
.list .entry-footer {
font-size: small;
padding-bottom: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.list .entry-footer,
.list .entry-footer a {
font-weight: 300;
}
.list .entry-footer a {
text-decoration: none;
}
.list .entry-footer a:hover {
text-decoration: underline;
}
.entry-content .list a {
text-decoration: none;
color: #141618;
}
.entry-content .list a:hover {
color: #016ea0;
}
/* RESPONSIVE */
@media only screen and (min-width: 480px) {
.list .entry-image-wrapper {
display: block;
}
.list .entry-wrapper {
padding-left: 24px;
}
}
@media only screen and (min-width: 640px) {
.list .entry-title {
font-size: 20px;
padding-right: 102px;
}
.list .entry-options {
position: absolute;
top: 19px;
right: 16px;
}
.list .entry-image-wrapper {
width: 20%;
}
.list .entry-wrapper {
width: 80%;
}
}
@media only screen and (min-width: 896px) {
#sermon-player-container .two-thirds {
flex: 0 0 66.666667%;
max-width: 66.666667%;
width: 100%;
}
#sermon-player-container .one-third {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
#sermons-live-player,
#sermons-player {
padding-right: 24px;
}
.list .entry-title {
padding-right: 0;
}
.list .entry-options {
position: relative;
top: 0;
right: auto;
}
.list .entry-image-wrapper {
width: 25%;
}
.list .entry-wrapper {
width: 75%;
}
}
@media only screen and (min-width: 1044px) {
.list .entry-title {
padding-right: 102px;
}
.list .entry-options {
position: absolute;
top: 19px;
right: 16px;
}
.list .entry-image-wrapper {
width: 20%;
}
.list .entry-wrapper {
width: 80%;
}
}
/* ANIMATIONS */
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(100px);
}
50% {
opacity: 1;
}
to {
opacity: 1;
transform: translateY(0);
}
}
.slideUp {
animation-name: slideUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes slideDown {
from {
opacity: 1;
transform: translateY(0);
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: translateY(100px);
}
}
.slideDown {
animation-name: slideDown;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rotating {
animation: rotating 1s linear infinite;
}
.archive-box-date {
font-size: 13px;
}