@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; width:100%; display:block; margin:15px 0;}
.news-inner { position:relative; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}

.news-thumb { position:relative; overflow:hidden;}
.news-thumb:before { content:''; position:absolute; top:0; left:0; height:6px; width:0; background-color:#ffad2b; z-index:1; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}
.news-thumb:after { content:''; position:absolute; width:0; height:100%; left:0; top:0; opacity:0; background:linear-gradient(to right,#000000,rgb(15 12 30 / 54%)); -webkit-transition:all .3s; transition:all .3s;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .3s; transition:all .3s;}

.post-date { position:absolute; top:0; left:0; display:flex; flex-wrap:wrap; z-index:2;}
.post-date span.date { font-size:16px; background-color:#191919; color:#ffad2b; padding:5px 16.35px;}
.post-date span.month { font-size:13px; background-color:#ffad2b; color:#191919; padding:5px 11px;}

.post-cate { position:absolute; bottom:0; right:0; font-size:13px; display:flex; flex-wrap:wrap; z-index:2;}
.post-cate span.cate-icon { font-size:16px; background-color:#191919; color:#ffad2b; padding:9.7px 16.35px;}
.post-cate span.cate-text { background-color:#ffad2b; padding:9.7px 11px;}
.post-cate span.cate-text a { color:#191919;}

.post-meta { background-color:#191919; padding:7px 10px; margin-bottom:20px;}
.post-meta span { display:inline-flex; align-items:center; margin-right:15px; color:#ffad2b; font-size:13px; font-weight:400;}
.post-meta span a { color:#ffad2b; margin-left:3px;}
.post-meta span i { margin-right:7px; font-weight:500; color:#ffad2b;}

.news-info { position:relative; text-align:center;}
.news-info h4 { font-size:18px; text-transform:capitalize;}

.news-box:hover .news-inner { box-shadow:0 5px 83px 0 rgba(0,0,0,.12);}
.news-box:hover .news-thumb:before { width:100%; visibility:visible; opacity:1;}
.news-box:hover .news-thumb:after { opacity:1; width:100%; -webkit-transition:all .3s; transition:all .3s;}
.news-box:hover .news-thumb img { -webkit-transform:scale(1.02); -ms-transform:scale(1.02); transform:scale(1.02);}