@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0; display:block;}
.news-thumb { position:relative; display:block; overflow:hidden;}
.news-thumb:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0.60; background-color:#000000; z-index:1; -webkit-transform:scale(0.0); -ms-transform:scale(0.0); transform:scale(0.0); -webkit-transform-origin:bottom; -ms-transform-origin:bottom; transform-origin:bottom; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 500ms ease 100ms; transition:all 500ms ease 100ms;}
.news-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 500ms ease 100ms; transition:all 500ms ease 100ms;}

.post-date { position:absolute; top:20px; right:20px; padding:15px 25px; text-align:center; color:#ffffff; background-color:#6aaf08; -webkit-transition:all 500ms ease; transition:all 500ms ease; z-index:2;}
.post-date:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#111111; z-index:1; -webkit-transform:scale(0.0); -ms-transform:scale(0.0); transform:scale(0.0); -webkit-transform-origin:top; -ms-transform-origin:top; transform-origin:top; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 500ms ease 100ms; transition:all 500ms ease 100ms; z-index:-1;}
.post-date ul { margin:0; padding:0;}
.post-date ul li { list-style:none;}
.post-date ul li.span-date { font-size:30px; font-weight:bold; margin-bottom:5px;}

.news-content { padding:0 30px 15px;}
.latest-news-para { position:relative;}
.news-author { display:flex; align-items:center; justify-content:space-between; box-shadow:0 10px 60px rgba(0,0,0,.1); border-radius:20px; padding:10px; background-color:#ffffff; margin-top:-35px; z-index:1; position:relative; margin-bottom:30px;}
.author-item { position:relative; margin:0; padding:0;}
.author-item li { list-style:none; display:flex;}
.author-item li img { border-radius:50%; margin-right:10px;}
.author-item li span a { display:flex; align-items:center;}
a.in-read-more { background-color:#6aaf08; width:50px; height:50px; display:block; text-align:center; line-height:50px; border-radius:20px; -webkit-transition:all .3s; -ms-transition:all .3s; -webkit-transition:all .3s; transition:all .3s;}
a.in-read-more i { color:#ffffff; -webkit-transform:rotate(-35deg); -ms-transform:rotate(-35deg); transform:rotate(-35deg); -webkit-transition:all .3s; transition:all .3s;}
a.in-read-more:hover { background-color:#111111;}
a.in-read-more:hover i { color:#ffffff; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);}

.news-content h4 { margin-bottom:10px;}
.news-content p { margin-bottom:0;}

.post-meta { display:flex; align-items:center; padding:10px 0; margin-top:25px; border-top:1px solid #111111; border-bottom:1px solid #111111;}
.post-meta span { font-weight:400; font-size:15px; margin-right:20px; padding-right:20px; position:relative;}
.post-meta span:last-child { margin-right:0px; padding-right:0px;}
.post-meta span i { color:#6aaf08; margin-right:7px;}

.news-box:hover .news-thumb:before { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0);}
.news-box:hover .news-thumb img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.news-box:hover .post-date { color:#ffffff;}
.news-box:hover .post-date:before { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0);}

.col-3 .news-content { padding-left:10px; padding-right:10px;}
.col-3 .post-meta span { font-size:12px;}