@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:20px 0; display:block;}
.news-inner { position:relative; padding:15px; border:1px solid #aeaeae; border-radius:15px; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}

.news-thumb { grid-area:1/1; overflow:hidden; position:relative; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.news-thumb img { width:100%; height:auto; display:block; border-radius:15px;}
.news-read { position:absolute; top:10px; left:unset; right:10px; display:block; z-index:9; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.news-read a { font-size:22px; background-color:#ff7700; color:#ffffff; display:inline-block; border-radius:50%; width:50px; height:50px; line-height:55px; margin:5px; position:relative; text-align:center;}
.news-read a:hover { background-color:#ffffff; color:#000927;}

.post-date { position:relative; top:-46px; color:#ffffff; width:auto; z-index:1; display:inline-block; background-color:#ff7700; font-size:18px; padding:10px 20px; border-radius:0 15px 0 15px; font-weight:500; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.post-date i { margin-right:10px;}

.news-content { position:relative; padding:-15px 0 0; margin-top:-15px;}
.news-content h4 { margin-bottom:10px; text-transform:capitalize;}
.news-content p { margin-bottom:0;}

.post-meta { position:relative; padding:5px 0; margin-bottom:15px; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; display:flex; justify-content:space-between; align-items:center;}
.post-meta ul { margin:0; padding:0;}
.post-meta ul li { list-style:none; font-size:14px; margin:7px 9px; color:#000927; display:inline-flex; justify-content:space-between; align-items:center;}
.post-meta ul li a { color:#000927;}
.post-meta ul li a:hover { color:#ff7700;}
.post-meta ul li i { font-size:14px; color:#ff7700; margin-right:7px; text-align:center;}

.news-box:hover .post-date { -webkit-transform:translate(15px, -15px); -ms-transform:translate(15px, -15px); transform:translate(15px, -15px); background-color:#ffffff; color:#000927; box-shadow:0px 0px 35px 0px rgb(0 0 0 / 5%);}