@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0;}
.news-inner { position:relative;}
.news-thumb { position:relative; overflow:hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .3s linear; transition:all .3s linear;}
.news-thumb:before { content:''; position:absolute; max-width:100%; bottom:0; left:0; right:0; top:-100%; width:100%; height:100%; background-color:rgba(0,0,0,0.6); opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.ln-post-date { position:absolute; left:0; bottom:27px; max-width:100%; width:auto; z-index:1; -webkit-transition:bottom .5s 0s; transition:bottom .5s 0s;}
.post-date { position:relative; display:inline-block; padding:5px 20px; background-color:#efad81; height:100%; text-align:center; font-size:16px; color:#2e2925; border-top-right-radius:30px; border-bottom-right-radius:30px;}

.news-read-more { position:absolute; left:0; bottom:30px; max-width:100%; width:auto; z-index:1;}
.ln-read-more { background-color:#ffffff; color:#2e2925; padding:5px 20px 5px 20px; height:100%; text-align:center; font-size:16px; -webkit-transition:all .3s linear; transition:all .3s linear; border-top-right-radius:30px; border-bottom-right-radius:30px;}
.ln-read-more:hover { background-color:#2e2925; color:#ffffff;}

.news-content { position:relative; padding-bottom:20px;}
.post-meta { position:relative; padding:5px 10px; margin-bottom:20px; background-color:#efad81; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.post-meta a { font-size:14px; color:#2e2925;}
.post-meta a:hover { color:#ffffff;}
.news-content h3 { position:relative; text-align:center; margin-bottom:0; text-transform:capitalize;}

.news-box:hover .news-thumb:before { top:0; opacity:1; z-index:1; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.news-box:hover .news-thumb img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.news-box:hover .ln-post-date { bottom:60px;}