@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 a.news-img { border-top-left-radius:10px; border-top-right-radius:10px; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.news-thumb a.news-img:before { position:absolute; content:''; width:100%; height:100%; left:0; bottom:0; background-color:#07370a; opacity:0; z-index:9; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.news-thumb a.news-img img { width:100%; height:auto; display:block; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}

.news-info { position:absolute; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden;}
.news-ttl { padding:20px; position:absolute; z-index:10; left:0; bottom:0; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px; display:block; width:100%; text-align:center; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.news-ttl:before { position:absolute; content:''; width:100%; height:100%; left:0; bottom:0; background-color:#07370a; opacity:0.9; z-index:9;}
.news-ttl h4 { position:relative; z-index:11; margin-bottom:0; text-transform:capitalize;}
.news-ttl h4 a { color:#ffffff;}

.news-desc { padding:20px; -webkit-transform:translateY(400px); -ms-transform:translateY(400px); transform:translateY(400px); position:absolute; z-index:10; left:0; opacity:0; bottom:0; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.news-desc p { color:#ffffff;}

.post-cate { padding:0 20px; position:relative; z-index:11;}
.post-cate a { padding:10px 20px; background-color:#1a9120; color:#ffffff; border-top-left-radius:10px; border-top-right-radius:10px; line-height:normal; font-weight:600; text-transform:capitalize; display:inline-flex; font-size:15px; -webkit-transition:all 300ms linear 0ms; transition:all 300ms linear 0ms;}
.post-cate a:hover { background-color:#07370a; color:#ffffff;}

.post-date { position:absolute; top:20px; z-index:12; right:20px; background-color:#ffffff; border-radius:10px; padding:10px; min-width:100px; max-width:100px; min-height:70px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.post-date span.date { font-size:25px; display:block; text-align:center;}
.post-date span.month { font-size:13px; display:block; text-align:center;}

.post-meta { position:relative; margin-top:10px; padding:7px 15px; background-color:#07370a;}
.post-meta span { display:inline-flex; align-items:center; margin-right:15px; color:#ffffff; font-size:14px; font-weight:400;}
.post-meta span a { color:#ffffff; margin-left:3px;}
.post-meta span i { margin-right:7px; font-weight:500; color:#1a9120;}
.post-meta span a:hover { color:#1a9120;}

.news-box:hover .news-thumb a.news-img:before { opacity:0.9; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.news-box:hover .news-thumb a.news-img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.news-box:hover .news-ttl { opacity:0; -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px);}
.news-box:hover .news-desc { height:auto; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}

.col-3 .news-box .post-date { padding:5px; min-width:90px; max-width:90px; min-height:60px;}
.col-3 .post-date span.date { font-size:18px;}
.col-3 .news-box a.buttonstyle1 { line-height:24px;}
.col-3 .news-box .news-ttl h4 { font-size:16px;}