@charset "utf-8";
.news-box{ position: relative; margin: 15px 0; overflow: hidden; }
.news-box .news-thumb{ position: relative; }
.news-box .news-thumb .news-thumb-wrap{ overflow: hidden; margin-bottom: 0; position: relative; border-radius: 10px; }
.news-box .news-content{ position: relative; top: -25px; background-color: #ffffff; border-radius: 6px; text-align: center; padding: 25px 20px 30px; margin-left: 10px; margin-right: 10px; }
.news-box .latest-news-para p{ margin-bottom: 0; }
.news-box .latest-news-para .post-meta > span{ display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-left: 15px; }
.news-box .latest-news-para .post-meta > span i{ margin-right: 5px; color: #00989E; }
.news-box .latest-news-para .post-meta span > a{ color: #00989E; }
.news-box .news-content h3{ font-family: 'Nunito'; font-size: 24px; font-weight: 800; line-height: 1.4; margin: 15px 0 10px; }
.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:#00989E; }
.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: #00989E; 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: #0c0c0c; position: absolute; top: 0; left: 50%; font-size: 12px; font-weight: 700; letter-spacing: 1px; padding: 10px 30px; color: #ffffff; text-transform: uppercase; border-radius: 0 0 6px 6px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 1;}
.ln-read-more{ display: inline-block; letter-spacing: 1px; color: #00989E; font-size: 14px; font-weight: 800; position: relative; text-transform: uppercase; margin-top: 20px; }
.ln-read-more i{ margin-right: 10px; font-size: 18px; position: relative; top: 2px; }
.ln-read-more:hover{ color:#0c0c0c; }