@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.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-content{ margin:0; position:relative; z-index:10; padding: 30px; background-color: #ffffff; }
.news-content .post-cate{ margin-bottom: 5px; display: block; }
.news-content .post-cate a{ display: inline-block; padding-left: 8px; border-left: 1px solid; line-height: 1; }
.news-content .post-cate a:not(:last-child){ margin-right: 10px; }
.post-date{ position: absolute; width: auto; padding: 8px 20px; background-color: #161b21; top: -40px; right: 25px; text-align: center; font-size: 30px; font-weight: 700; color: #ffffff; z-index: 1; }
.post-date span{ display: block; font-size: initial; }
.news-content h3{ margin:0 0 15px; font-family:'Exo'; font-size:22px; font-weight:700; line-height:1.5; text-transform:capitalize; }
.news-content h3 a { color:#f96167; }
.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; }


.news-box:hover h3 a{ color:#161b21; }
.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: #f96167; color:#ffffff; padding:6px 16px; z-index:0; position:relative; }
.ln-read-more:hover{ background-color:#161b21; color: #ffffff; }