@charset "utf-8";
.sermon-grid { box-shadow:rgba(2,2,2,.06) 0 0 50px; border-radius:10px; padding:35px 30px 15px; margin:15px 0; position:relative; overflow:hidden; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; background-color:#ffffff; }
.sermon-grid-thumb { position:relative; margin:-35px -30px 0; overflow:hidden; z-index:0;}
.sermon-grid-thumb img { width:100%; height:auto; display:block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.sermon-grid-thumb:before { background:rgba(0,0,0,0.7); position:absolute; top:100%; width:100%; height:100%; left:0px; -webkit-transition:all .35s ease-in-out; transition:all .35s ease-in-out; opacity:0; content:''; z-index:1;}

.sermon-play { position:relative; margin-top:-25px; margin-bottom:20px; text-align:center; z-index:1;}
.sermon-play ul { margin:0;}
.sermon-play ul li { display:inline-block; list-style:none;}
.sermon-play ul li a { width:45px; height:45px; text-align:center; font-size:16px; line-height:45px; border-radius:6px; display:block; margin-bottom:4px; margin-right:8px; color:#ffffff; background-color:#832732;}
.sermon-play ul li a:hover { background-color:#201c15; color:#ffffff;}

.sermon-grid-data { margin-bottom:10px; text-align:center;}
.sermon-grid-data h5 { position:relative; margin-bottom:10px; padding-bottom:15px; font-size:22px;}
.sermon-grid-data h5:before { position:absolute; content:''; background-color:#201c15; height:3px; bottom:0px; left:calc(50% - 60px); width:20px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.sermon-grid-data h5:after { position:absolute; content:''; width:100px; height:3px; bottom:0px; left:calc(50% - -10px); background-color:#832732; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.sermon-grid-data a.buttonstyle1 { padding-top:10px; padding-bottom:10px;}

.sermon-grid:hover .sermon-grid-thumb:before { top:0; opacity:1;}
.sermon-grid:hover .sermon-grid-thumb img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.sermon-grid:hover .sermon-grid-data h5:before { width:100px; left:calc(50% - 10px);}
.sermon-grid:hover .sermon-grid-data h5:after { width:20px; left:calc(50% - -60px);}

/**** 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 h5 { margin-bottom:0; min-height:auto; font-size:22px;}
.sermon-list .sermon-play{ margin:0 0 10px; text-align:left; }
.sermon-list .sermon-play li{ -webkit-transform:translateY(0); transform:translateY(0); }
.sermon-list .sermon-play ul li a{ width:40px; height:40px; font-size:15px; line-height:40px; border-radius:6px;}

/**** 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; text-align:left;}
.feat-sermon-content .sermon-play ul li{ -webkit-transform: translateY(0); transform: translateY(0); }
.feat-sermon-content .sermon-play ul li a{ width:40px; height:40px; font-size:15px; border-radius:6px; line-height:40px;}

/**** Single Sermon ***/
.single-sermon-post-data { position:relative;}
.single-sermon-meta { position:relative; margin-bottom:15px;}
.single-sermon-meta-play h4 { position:relative;}
.single-sermon-meta-play .sermon-play, .single-sermon-meta-download .sermon-play { text-align:center; margin:0 auto 15px; display:table; padding:6px 0;}
.single-sermon-post-data .portfolio-share { text-align:center;}