@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position: relative; margin: 15px 0; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 10px; overflow: hidden; }
.news-box .news-thumb{ position: relative;  }
.news-box .news-thumb .news-thumb-wrap{ overflow: hidden; margin-bottom: 0; position: relative; }
.news-box .news-content{ position: relative; overflow: hidden; }
.news-box .latest-news-para{ padding: 20px 20px 30px; background-color: #ffffff; }
.news-box .latest-news-para p{ margin-bottom: 0; }
.news-box .latest-news-para .post-meta{ margin-bottom: 5px; padding: 5px 0; }
.news-box .news-content h3{ font-family: 'Inter'; font-size: 22px; font-weight: 600; line-height: 1.4; margin-bottom: 15px; text-transform: uppercase; }
.news-box .news-content h3 a { color:#020202; }
.col-3 .news-box .news-content h3{ font-size: 1.5em; min-height: auto; line-height: 1.3; }
.news-box:hover h3 a{ color:#d14031; }
.news-box span.post-cate{ font-size: small; text-transform: uppercase; margin-bottom: 15px; display: inline-block; }
.news-box span.post-cate a{ display: inline-block; background-color: #d14031; padding: 0 10px; color: #ffffff; font-size: 12px; letter-spacing: 1px; font-weight: 500; border-radius: 8px; }
.news-box span.post-cate a:hover{ background-color: #2c2c34; color: #ffffff; }
.news-box .news-thumb .post-meta{ position: absolute; bottom: 0; background-color: rgba(0,0,0,.6); left: 0; right: 0; padding: 8px 25px; text-transform: capitalize; transform: translateY(100%); transition: all 250ms ease 0s; }
.news-box .news-thumb .post-meta a{ color: #ffffff; }
.news-box:hover .news-thumb .post-meta{ transform: translateY(0); }

.news-box .post-date{ background-color: #2c2c34; position: absolute; top: 0; right: 0; text-align: center; color: #ffffff; font-weight: 700; font-size: 1.5rem; z-index: 1; }
.post-date-date{ padding: 15px 10px; }
.post-date-mon{ padding: 5px 12px; background-color: #ffffff; color: #2c2c34; font-size: 14px; font-weight: 400; }

.ln-read-more{ display: inline-block; letter-spacing: 1px; font-size: 14px; font-weight: 600; background-color: #d14031; color: #ffffff; position: relative; text-transform: uppercase; margin-top: 20px; padding: 10px 20px; }
.ln-read-more:hover{ color:#ffffff; background-color: #2c2c34; }