@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0; display:block;}
.news-thumb { position:relative; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block;}
.news-thumb-overlay { height:100%; top:0; transition:all .4s linear 0s; opacity:0; visibility:hidden; position:absolute; width:100%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.thumb-over-color { position:absolute; display:flex; flex-direction:column; background-color:#000000; opacity:0.5; top:15px; width:calc(100% - 30px); height:calc(100% - 30px); left:15px; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3); -webkit-transition:all .4s linear 0s; transition:all .4s linear 0s;}
.news-thumb-details { width:100%; height:100%; text-align:center; padding:15px;}
.news-thumb-details a.post-link { position:relative; display:inline-block; width:100%; height:100%; -webkit-transition:all .4s linear 0s; transition:all .4s linear 0s;}
.news-thumb-details a.post-link:before { width:100%; height:1px; content:''; position:absolute; z-index:1; top:50%; left:50%; opacity:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all .4s linear 0s; transition:all .4s linear 0s; background-color:#ffffff;}
.news-thumb-details a.post-link:after { width:100%; height:1px; content:''; position:absolute; z-index:1; top:50%; left:50%; opacity:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all .4s linear 0s; transition:all .4s linear 0s; background-color:#ffffff;}

.post-date { position:absolute; top:25px; left:25px; padding:10px 15px; background-color:#ef5f34; border-radius:5px; z-index:2;}
.post-date span { display:block; color:#ffffff;}
.post-date .post-span-date { font-size:20px;}

.news-content { padding:25px 5px 10px;}
.post-meta { padding:7px 0; border-top:1px solid #ef5f34; border-bottom:1px solid #ef5f34; margin-bottom:15px;}
.post-meta i { margin-right:5px; color:#ef5f34;}


.news-box:hover .news-thumb-overlay { opacity:1; visibility:visible;}
.news-box:hover .thumb-over-color { -webkit-transition:all .4s linear 0s; transition:all .4s linear 0s; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.news-box:hover .news-thumb-details a.post-link:before { opacity:1; width:22px; height:2px;}
.news-box:hover .news-thumb-details a.post-link:after { opacity:1; height:22px; width:2px;}