@charset "utf-8";
/* Latest News CSS Document */
.news-box{ position:relative; margin:15px 0; padding: 20px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); }
.news-thumb{ position: relative; overflow: hidden; margin-bottom: 20px; }
.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; background-color: #ffffff; }
.news-content .post-cate a{ display: inline-block; line-height: 1; text-transform: uppercase; font-weight: 700; font-size: 12px; }
.news-content .post-cate a:not(:last-child){ margin-right: 10px; }
.post-date{ position: absolute; top: 0; left: 25px; color: #ffffff; padding: 7px 15px 8px; line-height: 1.2; z-index: 1; display: inline-block; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all .4s ease-in-out; }
.post-date:after{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; display: inline-block; background-color: #d83030; -webkit-transform: skew(-20deg); transform: skew(-20deg); z-index: -1; }
.news-box:hover .post-date{ -webkit-transform: translateY(20px); transform: translateY(20px); }

.news-content h3{ margin:0 0 20px; padding:0 0 20px; min-height: 94px; font-family:'Squada One'; font-size:30px; font-weight:400; line-height:1.2; text-transform:uppercase; border-bottom: 1px solid; }
.news-content h3 a { color:#161616; }
.col-3 .news-box .news-content h3{ font-size: 18px; min-height: auto; }
.news-box:hover{ box-shadow: 0 20px 40px rgb(0 0 0 / 7%); }

.post-meta{ text-transform: uppercase; margin: 0 0 5px; font-size: 75%; font-weight: 700; }
.post-meta span{ display:inline-block; position:relative; }
.post-meta span:last-child{ padding-right:0; }


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