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

.news-thumb { position:relative; margin-bottom:-20px; border-radius:10px; overflow:hidden; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.news-thumb img { width:calc(100% + 10%); height:auto; display:block; -webkit-transform:translate3d(0.6%, 0, 0); -ms-transform:translate3d(0.6%, 0, 0); transform:translate3d(0.6%, 0, 0); -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}

.post-date { position:absolute; right:15px; top:15px; display:inline-block; z-index:5;}
.post-date span { position:relative; display:block; padding:8px 20px; background-color:#77997e; border-radius:5px; font-size:16px; color:#ffffff;}
.post-date span i { margin-right:7px; color:#ffffff;}

.post-cate { position:relative; display:inline-block; margin:0 0 25px 2px;}
.post-cate span { display:block; padding:8px 20px; background-color:#77997e; border-radius:5px; font-size:16px; color:#ffffff;}
.post-cate span i { margin-right:5px;}
.post-cate a { color:#ffffff;}
.post-cate a:hover { color:#181d18;}

.news-info { position:relative;}
.news-info h3 { text-transform:capitalize; font-size:20px;}

.post-meta { position:relative; background-color:#181d18; margin-bottom:15px; padding:7px 15px; display:flex; align-items:center; justify-content:space-between;}
.post-meta span { display:inline-flex; align-items:center; margin-right:15px; color:#77997e; font-size:14px; font-weight:400;}
.post-meta span a { color:#77997e; margin-left:3px;}
.post-meta span i { margin-right:7px; font-weight:500; color:#77997e;}
.post-meta span a:hover { color:#ffffff;}
.post-meta span:last-child { margin-right:0;}

.news-btn { position:relative; margin-top:20px;}
.news-btn a { font-size:18px; color:#181d18;}
.news-btn span { position:relative;}
.news-btn span:before { position:absolute; content:''; bottom:0; left:0; width:100%; height:1px; background-color:#181d18; -webkit-transition:all .600s ease-in-out; transition:all .600s ease-in-out;}
.news-btn span:after { position:absolute; content:''; bottom:0; left:0; width:0; height:1px; background-color:#77997e; -webkit-transition:all .600s ease-in-out; transition:all .600s ease-in-out;}
.news-btn i { font-size:16px; padding-left:5px;}

.news-btn a:hover { color:#77997e;}
.news-btn a:hover span:after { width:100%;}

.news-box:hover .news-thumb { box-shadow:20px -20px 0 0px #77997e; -webkit-transform:translate(-10px, 0px); -ms-transform:translate(-10px, 0px); transform:translate(-10px, 0px);}
.news-box:hover .news-thumb:before { opacity:1;}
.news-box:hover .news-thumb img { box-shadow:none; border-radius:10px;}