@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; }
.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; border: 1px solid #d8d8d8; }
.news-box .latest-news-para p{ padding-top: 10px; margin-top: 10px; border-top: 1px solid #d8d8d8; margin-bottom: 0; }
.news-box .latest-news-para .post-meta{ margin-bottom: 5px; padding: 5px 0; }
.news-box .news-content h3{ font-family: 'Archivo'; font-size: 18px; font-weight: 600; line-height: 1.4; margin-bottom: 0; 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:#cd0a29; }
.news-box span.post-cate, .news-box span.post-auth{ font-size: small; text-transform: uppercase; margin-bottom: 15px; display: inline-block; }
.news-box span.post-cate i, .news-box span.post-auth i{ margin-right: 5px; }
.news-box span.post-cate a{ display: inline-block; }
.news-box span.post-cate a:hover{ color:#cd0a29; }
.news-box span.post-auth{ float: right; }

.news-box .post-date{ background-color: #020202; position: absolute; top: 20px; left: 20px; text-align: center; color: #ffffff; font-weight: 700; font-size: 1.5rem; }
.post-date-date{ padding: 15px 10px; }
.post-date-mon{ padding: 5px 12px; background-color: #ffffff; color: #020202; font-size: 14px; font-weight: 400; }

.ln-read-more{ display: inline-block; letter-spacing: 1px; font-size: 14px; font-weight: 600; color: #cd0a29; padding: 0 0 5px; position: relative; text-transform: uppercase; margin-top: 15px; }
.ln-read-more i{ font-size: 16px; position: relative; top: 1px; margin-left: 3px; color: inherit; transform: translateX(-10px); opacity: 0; transition: all 250ms ease 0s; }
.ln-read-more:after{ position: absolute; content: ""; border-bottom: 1px solid; display: inline-block; height: 1px; top: 1.8em; left: 0; right: 1.5em; transition: all 250ms ease 0s; }
.ln-read-more:hover{ color:#020202; }
.ln-read-more:hover i{ transform: translateX(0); opacity: 1; }
.ln-read-more:hover::after{ border-color: transparent; }