.nfo-sermons-wrapper .column-left {
width: 60%;
float: left;
}
.nfo-sermons-wrapper .column-right {
width: 30%;
float: right;
}
.nfo-sermons-wrapper .column-right label {
width: 100%;
display: inline-block;
}
.audiojs { width: 100%; }
.audiojs .scrubber { width: 65%; }
.nfo-archive-sermon {
width: 50%;
height: 300px;
text-align: center;
margin: 0;
float: left;
cursor: pointer;
}
.nfo-archive-box {
box-shadow: 1px 1px 1px rgba(31, 44, 46, .25);
width: 300px;
margin-right: 50px;
}
.nfo-archive-thumbnail {  height: 200px;
width: 300px;
}
.nfo-series-search-form {
margin-bottom: 20px;
}
.nfo-archive-title {
display: block;
width: 250px;
padding: 5px 0 0 20px;
height: 32px;
overflow: hidden;
font-weight: 900;
}
.nfo-archive-speaker {
display: block;
width: 250px;
padding: 0px 0 0 20px;
overflow: hidden;
}
.nfo-archive-date {
display: block;
width: 250px;
padding: 0px 0 0 20px;
}
.nfo-archive-link {
color: inherit;
}
@media (max-width:768px) {
.nfo-sermons-wrapper .column-left {
width: 100%;
}
.nfo-sermons-wrapper .column-right {
width: 100%;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
#nfoSearchCollapseToggle {
display: none;
}
#nfoSearchCollapse {
display: block;
height: auto;
}
}
@media (max-width: 767px) {
#nfoSearchCollapse {
overflow: hidden; 
display: none;
}
[data-elementor-type="popup"] #nfoSearchCollapse {
display: block;
}
[data-elementor-type="popup"] #nfoSearchCollapseToggle { display: none; }
#nfoSearchCollapseToggle i{
margin-left: 8px;
}
#nfoSearchCollapseToggle.active i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#nfoSearchCollapseToggle.active ~ #nfoSearchCollapse{
display: block;
}
}
.sermon-video-player{
margin: 20px 0 40px;
}
.sermon-video-wrapper{
padding: 56.25% 0 0;
display: block;
position: relative;
margin: 0;
}
.sermon-video-player.sermon-field-wrapper iframe,
.sermon-video-player.sermon-field-wrapper iframe[style],
.sermon-video-player.sermon-field-wrapper iframe[height],
.sermon-video-player.sermon-field-wrapper iframe[width]{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
}
.sermon-transcript.sermon-field-wrapper{
margin: 20px 0 20px;
}
.single-nfo_sermon .thumbnail { display: none; }
.sermon-thumbnail{
width: 200px;
max-width: 200px;
display:block;
position: relative;
}
.sermon-thumbnail .img_wrapper{
width: 100%;
display: block;
position: relative;
height: 0;
padding-top: 66.67%;
float: left;
overflow:hidden;
object-fit: cover;
}
.sermon-title{ overflow: hidden; }
@media only screen and (max-width: 600px){
.sermon-date{
clear: left;
display: block;
}
}
.sermon-thumbnail.sermon-thumbnail--16-9 .img_wrapper{ padding-top: 56.25%;}
.sermon-thumbnail.sermon-thumbnail--4-3 .img_wrapper{ padding-top: 75%;}
.sermon-thumbnail.sermon-thumbnail--1-1 .img_wrapper{ padding-top: 100%;}
.sermon-thumbnail .img_wrapper  img{
position: absolute;
left: 0; 
right: 0;
bottom: 0; top: 0;
width: 100%;
height: 100%;
object-fit: cover;
max-width: 100%;
max-height: 100%;
margin:0;
}
#pagination{
width: 100%;
}
.sermon-search-field{
display: flex;
align-items:  stretch;
}
.sermon-search-field *{
margin-bottom: 0 !important;
}
.sermon-search-field .form-control ~ .form-control{
margin-left: 12px;
}
.sermon-search-field .form-control[type="number"]{
padding-right: 0;
min-width: 70px;
}
.sermon-search-field{
margin-top: 12px;
}
p.sermon-download.sermon-field-wrapper a + a{
margin-left: 1em;
}
.sermon-perpage-field{
margin: 20px 0 0;
}
.sermon-perpage-field h4.sermon-perpage-field-title{
font-size: 14px;
text-align: center;
margin: 0 0 0.3em;
padding: 0;
}
.sermon-perpage-field-list{
display: block;
list-style: none;
margin: 0 0 20px;
text-align: center;
}
.sermon-perpage-field-list li{
font-size: 16px;
font-weight: bold;
display: inline-block;
margin: 0 0.9em 0.5em;
}
.sermon-series-header{
margin:  0 auto 3em;
display: block;
width:  100%; 
text-align: center;
}
.sermon-series-header .img_wrapper{
display: block;
position: relative;
margin: 0 0 1em;
}
.sermon-series-header .img_wrapper img{
width:  auto;
max-width: 100%;
height: 100%;
max-height: 30vh;
object-fit: cover;
}
.sermon-field-wrapper .chapternum{
color:  var(--e-global-color-primary);
font-weight: bold;
}
.sermon-biblecontent .copyright{
font-size: 0.6em;
line-height: 1.4;
}
@media only screen and (max-width: 767px){
h3.sermon-search-title{
display: inline-block;
position: relative; }
.sermon-search-title::after{
content: '';
display: block; 
position: absolute;
right:  -0.8em;
margin-top: -0.2em;
top:  50%;
border:  0.2em solid transparent;
border-bottom: none;
border-top: 0.3em solid currentcolor;
height:  0;
width: 0;
transform:  rotate(0);
transition: transform 0.1s;
transform-origin: 50% 50%;
}
h3.sermon-search-title.active::after{
transform:  rotate(-180deg);
}
}