@charset "utf-8";
.sermon-grid{ position: relative; margin: 15px 0; display: inline-block; width: 100%; padding: 2em; background-color: #FFFFFF; border-radius: 10px 10px 10px 10px; box-shadow: 0px 10px 50px 0px rgb(26 46 85 / 10%); 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; overflow: hidden; margin-bottom: 25px; }
.sermon-grid-data{ text-align: center; }
.sermon-grid-data h4{ min-height: 54px; }
.sermon-play{ text-align: center; margin: 0 auto 15px; display: table; background-color: #e8772e; padding: 6px 0; border-radius: 50px; }
.sermon-play ul{ margin: 0; }
.sermon-play li { display: inline-block; transition: all .4s ease-in-out; }
.sermon-play ul li a { width: 30px; height: 30px; text-align: center; font-size: 14px; line-height: 30px; display: block; color: #fff; background-color: #2e2d2a; border-radius: 30px; margin: 0 6px; }
.sermon-play ul li a:hover{ background-color: #000000; }
.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; background-color: #f7f7f7; }
.sermon-list .sermon-grid-thumb{ width: 150px; margin: 0; }
.sermon-list .sermon-grid-thumb img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sermon-list .sermon-grid-data{ width: calc(100% - 180px); padding: 15px; position: relative; text-align: left; }
.sermon-list .sermon-grid-data h4{ margin-bottom: 15px; min-height: auto; }
.sermon-list .sermon-play{ margin: 0; }
.sermon-list .sermon-play li{ -webkit-transform: translateY(0); transform: translateY(0); }
.sermon-list .sermon-play ul li a{ width: 30px; height: 30px; font-size: 12px; line-height: 30px; border-radius: 50px; }

/**** Featured Sermon ***/
.featured-sermon{ background-color: #ffffff; position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.inner-featured-sermon{ padding: 2em; }
.feat-sermon-thumb{ flex: 1; }
.feat-sermon-content{ flex: 2; margin-left: 50px; }
.feat-sermon-content .sermon-play{ margin: 0 0 25px; }
.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; border-radius: 20px; line-height: 35px; font-size: 14px; }