@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:0 0 30px; display:block; border:1px solid #ffffff;}
.news-inner { position:relative;}
.news-inner:before { content:''; width:calc(100% - 20px); height:calc(100% + 24px); position:absolute; top:-12px; bottom:10px; left:10px; right:10px; border:1px solid #977444; opacity:0; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; z-index:2;}
.news-thumb { position:relative; overflow:hidden;}
.news-thumb img { width:100%; height:auto; display:block; margin-left:30px; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out;}
.news-thumb:before { content:''; position:absolute; background-color:rgba(0,0,0,.7); left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1;}
.news-content { position:absolute; top:50%; bottom:0; left:0; right:0; padding:15px 10px; text-align:center; z-index:2; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.news-content h4 { margin-bottom:10px;}

.post-date { position:absolute; top:15px; left:20px; font-weight:700; background-color:#977444; padding:5px 15px; color:#ffffff; text-align:center; z-index:2;}
.post-date span { padding-left:5px;}
.post-cate { position:absolute; top:15px; right:20px; text-align:center; z-index:2;}
.post-cate a { color:#ffffff; background-color:#977444; font-weight:700; padding:5px 15px; display:inline-block;}
.post-cate a:hover { color:#ffffff; background-color:#0f1d22;}

.post-meta { display:inline-block; align-items:center; padding:5px 0; margin-bottom:5px;}
.post-meta span { font-weight:400; font-size:16px; margin-right:20px; position:relative;}
.post-meta span:last-child { margin-right:0px;}
.post-meta span i { color:#977444; margin-right:7px;}

.post-btn { position:relative; margin-top:30px;}

.news-box:hover .news-thumb img { margin-left:0;}
.news-box:hover .news-inner:before { opacity:1;}

.col-3 .post-cate a, .col-3 .post-date { font-size:13px;}
.col-3 .news-content h4 { font-size:20px;}
.col-3 .post-meta span { font-size:14px;}
.col-3 .post-btn { margin-top:15px;}
.col-3 .post-btn a.buttonstyle2 { font-size:14px; padding-top:12px; padding-bottom:12px;}
.col-3 .post-btn a.buttonstyle2:before { width:42px; height:42px;}
.col-3 .post-btn span:before { font-size:15px;}

.latestpost .item .news-box { margin-top:30px;}