@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-box:hover{ box-shadow: 0 20px 40px rgb(0 0 0 / 7%); }

.news-box.even{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap: wrap; flex-direction: column-reverse; }

.news-thumb{ position: relative;}
.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-date{ width:50%; text-align: center; display: inline-block; position: absolute; bottom:-28px; left:50%; font-size:14px; font-weight:500; padding: 0 12px 0 14px; line-height: 30px; text-transform: uppercase; letter-spacing: .15em; color:#ffffff; z-index: 3; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.post-date:after { position: absolute; top: 0; left: 0; content:""; width: 100%; height: 100%; display: inline-block; background-color:#f7a392; -webkit-transform: skew(20deg); transform: skew(20deg); z-index: -1; }


.news-content { margin:0; position:relative; z-index:2; background-color: #ffffff; padding: 25px; }
.latest-news-wrap .col-3 .news-box .news-content{ padding: 15px; }
.news-content:before{ content: ''; display: block; position: absolute; left: 25px; top: -15px; border-top: 0 solid transparent !important; border-left: 15px solid transparent !important; border-right: 15px solid transparent !important; border-bottom-width: 16px; border-bottom-style: solid; border-color:#ffffff; transition: border-color .3s ease-in-out; -webkit-transition: border-color .3s ease-in-out; z-index: 1; }
.news-box.even .news-content:before{ bottom: -15px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); top: auto; }

.news-content h3{ margin: 0 0 15px; min-height: 80px; font-family: 'Poppins'; font-size: 20px; font-weight: 600; line-height: 1.5; text-align: center;}
.news-content h3 a { color:#333333; }
.col-3 .news-box .news-content h3{ font-size: 1.5em; min-height: auto; line-height: 1.3; }

.post-meta{ text-transform: uppercase; margin: 15px 0; font-size: xx-small; font-weight: 700; border-top: 1px solid; border-bottom: 1px solid; }
.post-meta span{ display:inline-block; position:relative; }
.post-meta span:last-child{ padding-right:0; }

.news-content .post-cate a{ display: inline-block; line-height: 1; text-transform: uppercase; font-weight: 700; }

.news-box:hover h3 a{ color:#f7a392; }
.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:uppercase; font-weight: 700; letter-spacing: .8px; display:block; text-align: center; background-color: #f7a392; color:#ffffff; padding:7px 24px; z-index:0; position:relative; }
.col-3 .news-box .news-content .ln-read-more{ font-size: 12px; padding: 6px 20px; }
.ln-read-more:hover{ background-color:#333333; color: #ffffff; }

.col-3 .news-box .post-date { font-size:11px;}
.col-6 .news-box.even .post-date { bottom:-98px;}