@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position: relative;margin: 15px 0;overflow: hidden;background-color: #ffffff;border-radius: 32px; padding: 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.news-box .news-thumb{ position: relative; overflow: hidden; border-radius: 12px; }
.news-box .news-thumb .news-thumb-wrap{ overflow: hidden; position: relative; }
.news-box .news-thumb .news-thumb-wrap img{ filter: grayscale(0%); transition: transform 0.3s ease-in-out; }
.news-box:hover .news-thumb-wrap img{ filter: grayscale(50%);  transform: scale(1.1); }
.news-box .news-content{ position: relative; background-color: #ffffff; }
.ln-post-date { position: absolute;top: 20px; background-color: #DA2847; color: #ffffff; padding: 5px 15px 5px;font-size: 14px;letter-spacing: .5px; left: 10px; border-radius: 8px; }
.news-box .news-content .post-meta{ font-size: 13px; margin: 15px 0; font-weight: 600; }
.news-box .news-content .post-meta span{ display: inline-block; }
.news-box .news-content .post-meta span:not(:last-child){ margin-right: 20px; }
.news-box .latest-news-para p{ margin-bottom: 0; }
.news-box .news-content h3{ font-family: 'Merienda'; font-size: 20px; font-weight: 500; line-height: 1.4; }
.news-box .news-content h3 a { color:#3A0F1A; }
.news-box:hover h3 a{ color:#DA2847; }
.col-3 .news-box .news-content h3{ font-size: 1.2em; min-height: auto; line-height: 1.3; }
.news-read-more{ margin-top: 30px; }
.ln-read-more{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 700; font-size: 0.85rem; border-radius: 12px; overflow: hidden; color: #ffffff; pointer-events: auto; cursor: pointer; background-color: #DA2847; border: none; padding:10px 15px; margin: 0; position: relative; display: inline-block; z-index: 1; }
.ln-read-more:hover{ background-color: #571420; }
.ln-read-more::before { content: ''; background-color:  #DA2847; width: 120%; left: -10%; transform: skew(30deg); transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);position: absolute;top: 0;height: 100%;z-index: -1; }
.ln-read-more:hover::before { transform: translate3d(100%, 0, 0); }