.post-column-wrap{
	background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, var(--primary) 50%);
	outline: 2px solid transparent;
}

.post-content{
	padding: 17px;
}

.post-content a:hover{
	text-decoration: none;
}

.post-date{
	font-size: 12px;
	font-style: italic;
	margin-bottom: 5px;
}

.post-title{
	font-weight: bold;
	margin-bottom: 10px;
}

.post-text{
  font-size: 12px;
  margin-bottom: 15px;
}

.post-inner{
	margin-bottom : 20px;
	padding : 5px !important;
}


.post-img-wrapper .img-fluid{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.post-column-wrap a{
	color: var(--text);
}

.post-column-wrap a i{
	color: var(--primary);
	margin-left: 10px;
}

.post-column-wrap a:hover{
	text-decoration : unset;
}

.post-column-wrap a:hover .post-title{
	text-decoration : underline;
}

/* 22-04-2022 new */
.top-post-date-wrapper{
	display : inline-block;
	margin-right : 10px;
}

.top-post-date-wrapper a{
	text-decoration : unset;
	padding : 5px 10px;
	border-radius : 25px;
	border : 1px solid var(--light-gray);
	color: var(--text);
	font-size: 14px;
}

.top-post-date-wrapper:hover p{
	color : white;
}

.top-post-date-wrapper a:hover,
.top-post-date-wrapper .active{
	background-color : var(--primary);
	border : 1px solid var(--primary);
	color : white;
}

.top-post-date-wrapper a:hover p{
	color: var(--white);
}

.post-column-wrap img{
	transition: 0.15s;
}


.post-column-wrap:hover{
	background-position: 0 -100%;
}




.post-column-wrap:hover p, .post-column-wrap:hover a, .post-column-wrap:hover a i{
	color : white;
}
/* 22-04-2022 new */