/*------------------------------------------------------------------------
# mod_mx_awoseme-news Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
:root {
  --txtmx-color: #e03d24;
  --black-color:rgb(0,0,0);
}

.mos-img img {display: none !important;}
.news-block-a8{
	position:relative;
	margin-bottom:30px;
}

.news-block-a8 .inner-box{
	position:relative;
	border-radius:6px;
	overflow:hidden;
	box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}

.news-block-a8 .inner-box .image{
	position:relative;
}

.news-block-a8 .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-block-a8 .inner-box .category{
	position:absolute;
	right:15px;
	top:15px;
	z-index:1;
	padding:3px 12px;
	font-weight:600;
	border-radius:3px;
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	background-color:var(--txtmx-color);
}
.news-block-a8 .inner-box .category-in{
	padding:1px 12px;
	font-weight:500;
	border-radius:3px;
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	margin-bottom: 10px;
	font-size: 13px;
	background-color:var(--txtmx-color);
}

.news-block-a8 .inner-box .category-in a, .news-block-a8 .category a {
	color:#fff;
}
.news-block-a8 .inner-box .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.news-block-a8 .inner-box:hover .category{
	display: none;
}
.news-block-a8 .inner-box:hover .overlay-box{
	bottom:-150px;
}

.news-block-a8 .inner-box .overlay-box .content{
	position:relative;
	padding:25px 25px 20px;
	background-color:#fff;
}

.news-block-a8 .inner-box .overlay-box h5{
	font-weight:600;
	font-size: 26px;
	line-height:28px;
	margin-top:-10px;
}

.news-block-a8 .inner-box .post-meta{
	position:relative;
	padding-left: 0;
}

.news-block-a8 .inner-box .post-meta li{
	position:relative;
	font-weight:500;
	display:inline-block;
	color:rgb(102,102,102);
	font-size:16px;
	margin-right:10px;
}

.news-block-a8 .inner-box .post-meta li:last-child{
	margin-right:0px;
}

.news-block-a8 .inner-box .post-meta li .icon{
	font-size:14px;
	color:var(--black-color);
}

.news-block-a8 .inner-box .overlay-box .title{
	position:relative;
	display:block;
	font-size:15px;
	margin-top:5px;
}

.news-block-a8 .inner-box:hover .overlay-box-two{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.news-block-a8 .inner-box .overlay-box-two{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.news-block-a8 .inner-box .overlay-box-two .image-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:30px;
	bottom:0px;
	filter: blur(10px);
	-webkit-filter: blur(10px);
}

.news-block-a8 .inner-box .overlay-box-two .post-date{
	position:absolute;
	right:0px;
	top:0px;
	width: 173px;
	height: 46px;
	text-align:center;
	font-weight:700;
	padding-top:10px;
	font-size:18px;
	color:#fff;
	background-color:var(--txtmx-color);
	border-bottom-left-radius: 8px 8px;
}

.news-block-a8 .inner-box .overlay-box-two .post-date:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:-18px;
	border-top: 18px solid rgb(180,39,6);
	border-right: 30px solid transparent;
}

.news-block-a8 .inner-box .overlay-box-two .overlay-inner{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    padding: 10px 30px;
}

.news-block-a8 .inner-box .overlay-box-two .overlay-inner .overlay-content{
	position: relative;
    display: table-cell;
    vertical-align: middle;
}

.news-block-a8 .inner-box .overlay-box-two h5{
	line-height:30px;
	font-size:24px;
	color:#fff;
	font-weight: bold;
}

.news-block-a8 .inner-box .overlay-box-two h5 a{
	position:relative;
	color:#fff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block-a8 .inner-box .overlay-box-two h5 a:hover{
	color:var(--txtmx-color);
}

.news-block-a8 .inner-box .overlay-box-two .text{
	max-width:80%;
	color:#fff;
	margin-top:15px;
	margin-bottom:20px;
}

.news-block-a8 .inner-box .overlay-box-two .read-more{
	position:relative;
	padding:7px 22px;
	border-radius:4px;
	font-weight:700;
	display:inline-block;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	background-color:var(--txtmx-color);
}

.news-block-a8 .inner-box .overlay-box-two .read-more span{
	position:relative;
	top:1px;
	font-size:12px;
	margin-left:5px;
}