@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; }
.news-thumb{ position: relative; }
.news-thumb-wrap{ margin: 0 0 20px 30px; }
.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%); }
.post-meta.side-thumb{ position: absolute; left: 0; top: 0; width: auto; writing-mode: vertical-rl; transform: scale(-1); padding: 0; bottom: 0; margin: 0; line-height: 1; justify-content: flex-end; }
.post-meta.side-thumb i{ transform: scale(-1) rotate(-90deg); margin-right: 0; margin-bottom: 5px; }
.post-meta.side-thumb .post-comnt{ margin-top: auto;}

.latest-news-para{ padding-left: 30px; }
.news-content{ margin:0; position:relative; z-index:10; }
.news-content h3{ margin:0 0 10px; font-family:'Teko'; font-size:30px; font-weight:400; line-height:1.2; text-transform:capitalize; }
.news-content h3 a { color:#171717; }

.post-meta{ text-transform: capitalize; text-transform: capitalize; font-weight: 500; margin-bottom: 18px; font-size: 14px; }
.post-meta i{ margin-right: 5px; font-size: 90%; color: #f8bf02; }
.post-meta a{ color: #505050; }
.post-meta span{ display:inline-block; position:relative; padding:0; margin-right:5px; }
.post-meta span:last-child{ margin-right:0; }

.news-box:hover h3 a{ color:#f8bf02; }
.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: #171717; color:#ffffff; padding:10px 25px; z-index:0; position:relative; }
.ln-read-more:hover{ background-color:#f8bf02; color: #ffffff; }