@charset "utf-8";
.sermon-grid{ position: relative; margin: 15px 0; display: inline-block; width: 100%; transition: all 0.3s; }
.sermon-slide{ position: relative; margin: 50px 0 0; width: 100%; }
.sermon-icon{ position: absolute; width: 50px; height: 50px; text-align: center; top: -30px; margin: 0 auto; left: 0; right: 0; background-color: #f7a987; z-index: 1; color: #ffffff; border: 3px solid #050c0f; font-size: 22px; }
.sermon-icon i{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; }
.sermon-grid-thumb{ position: relative; margin-bottom: 50px; }
.sermon-grid-thumb img{ border-radius: 30px; }
.sermon-play{ position: absolute; right: 25px; bottom: -25px; text-align: center; }
.sermon-play ul{ margin: 0; }
.sermon-play li { display: inline-block; transition: all .4s ease-in-out; }
.sermon-play ul li a { width: 50px; height: 50px; text-align: center; font-size: 16px; line-height: 54px; display: block; color: #ffffff; background-color: #C78D59; margin: 0 6px; border-radius: 50%; }
.sermon-play ul li a:hover{ background-color: #191919; }
.sermon-more{ font-weight: 500; display: inline-block; font-size: 16px; letter-spacing: 2px; border-bottom: 2px solid; padding: 0 5px 5px; }

/**** List ***/
.sermon-list{ background-color: #ffffff; position: relative; margin: 0 0 30px; box-shadow: 0 0 25px rgba(0,0,0,.1); }
.sermon-list .sermon-grid-thumb{ width: 22%; margin: 0; border-radius: 0; }
.sermon-list .sermon-grid-thumb img{ width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0; }
.sermon-list .sermon-grid-data{ width: 58%; padding: 1rem; position: relative; text-align: left; }
.sermon-list .sermon-grid-data h5{ min-height: auto; margin: 0; }
.sermon-list .sermon-list-meta{ width: 18%; }
.sermon-list .sermon-play{ margin: 0; position: relative; right: auto; bottom: auto; }
.sermon-list .sermon-play li{ -webkit-transform: translateY(0); transform: translateY(0); }
.sermon-list .sermon-play ul li a{ width: 36px; height: 36px; font-size: 14px; line-height: 38px; border-radius: 50px; }

/**** Featured Sermon ***/
.featured-sermon{ position: relative; }
.feat-sermon-thumb{ flex: 1; margin-bottom: 30px; position: relative; }
.feat-sermon-thumb img{ border-radius: 30px; }
.feat-sermon-content{ flex: 2; margin-left: 50px; }
.feat-sermon-content .sermon-play{ margin: 0 0 25px; position: relative; }
.feat-sermon-content .sermon-play ul li{ -webkit-transform: translateY(0); transform: translateY(0); }
.feat-sermon-content .sermon-play ul li a{ width: 35px; height: 35px; line-height: 35px; font-size: 14px; }