@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; box-shadow: 0 20px 30px rgb(27 33 37 / 25%); background-color: #ffffff; border-radius: 12px; }
.news-box .news-thumb{ position: relative; }
.news-box .news-thumb .news-thumb-wrap{ overflow: hidden; margin-bottom: 0; border-radius: 12px 12px 0 0; position: relative; }
.news-box .news-content{ position: relative; overflow: hidden; }
.news-box .latest-news-para{ padding: 20px; }
.news-box .latest-news-para .post-meta{ margin-bottom: 5px; padding: 5px 0; }
.news-box .news-content h3{ font-family: 'Oswald'; font-size: 28px; font-weight: 500; line-height: 1.2; }
.news-box .news-content h3 a { color:#040506; }
.col-3 .news-box .news-content h3{ font-size: 1.5em; min-height: auto; line-height: 1.3; }
.news-box:hover h3 a{ color:#0041ac; }
.news-box span.post-cate{ background-color: #040506; color: #ffffff; padding: 8px 16px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; text-transform: uppercase; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s ease-in-out; }
.news-box span.post-cate a{ color: #ffffff; display: inline-block; }
.news-box span.post-cate a:hover{ color:#e8772e; }
.news-box:hover span.post-cate{ -webkit-transform: translateY(0); transform: translateY(0); }

.news-box .post-date{ background-color: #ffffff; padding: 8px 16px; position: absolute; top: -20px; left: 20px; text-align: center; border-radius: 0 0 8px 8px; border-top: 3px solid #040506; color: #0041ac; font-weight: 700; font-size: 1.5rem; box-shadow: 0 0 4px 0px #c6c6c6; }
.news-box .post-date span{ display: block; font-weight: normal; font-size: initial; color: initial; }

.ln-read-more{ display: inline-block; letter-spacing: 1px; font-weight: 700; color: #0041ac; padding: 0 5px 5px; position: relative; border-bottom: 2px solid; }
.ln-read-more:hover{ color:#040506; }