@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; }
.news-thumb{ position: relative; overflow: hidden; }
.news-thumb img{ -webkit-transition:0.6s; transition:0.6s; -webkit-backface-visibility:hidden; backface-visibility:hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.news-thumb .post-meta{ margin:0; padding:0; }

.news-content{ margin:0; position:relative; z-index:10; padding: 30px; border: 2px solid #F7F8FB; background-color: #ffffff; }
.news-content h3{ margin:0 0 35px; font-family:'PT Serif'; font-size:22px; font-weight:700; line-height:1.5; text-transform:capitalize; }
.news-content h3 a { color:#1d2339; }

.col-3 .news-box .news-content{ padding: 20px; }
.col-3 .news-box .news-content h3{ font-size: 18px; }
.news-box:hover{ box-shadow: 0 20px 40px rgb(0 0 0 / 7%); }

.post-meta{ text-transform: uppercase; margin: 0 0 20px; font-size: 75%; font-weight: 700; }
.post-meta span{ display:inline-block; position:relative; padding:0; margin-right:5px; }
.post-meta span:last-child{ padding-right:0; }
.post-date{ position: absolute; width: auto; padding: 8px 20px; background-color: #141f46; top: 15px; left: 15px; text-align: center; font-size: 30px; font-weight: 700; color: #ffffff; z-index: 1; }
.post-date span{ display: block; font-size: 18px; }

.news-box:hover h3 a{ color:#b68c5a; }
.news-box:hover .news-thumb img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }

.ln-read-more{ text-transform:capitalize; display:inline-block; background-color: #dcb161; color:#ffffff; padding:6px 16px; z-index:0; position:relative; }
.ln-read-more:hover{ background-color:#141f46; color: #ffffff; }