.postthumimg {
	padding-bottom: 74%;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url("../images/cadet-logo.jpg");

}
.postthumimg1 {
	padding-bottom: 60%;
	background-size: cover;
	background-position: top left;
}

.postAnimationImage {min-height:368px;}
.postAnimationImage a, .postAnimationTitle a, .postAnimationText a, .postAnimationAuthor a, .postAnimationDate a {display:block;}

.postAnimation .postthumimg {
	border-radius: 0;
}
.postAnimation {
	position: relative;
	padding-top: 30px;
	max-height: 368px;
}
.postAnimationDetails {
	position: absolute;
	bottom: 0;
	padding: 30px;
	background: rgba(0,0,0,.85);
	width: 100%;
}
.postMetaSeprater {
	padding: 0 5px;
}
.postAnimationDate {
	display: flex;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 900;
}
.postAnimationText {
	max-height: 100px;
	overflow: hidden;
	height: 0;
	transition: height 0.5s, transform 0.5s;
}
.postAnimationText, .postAnimationText p {
	font-size: 16px;
	margin: 0;
	color: #fff;
}
.postAnimationTitle {
	margin: 0 0 7px;
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -1px;
	max-height: 60px;
	overflow: hidden;
}
.postAnimationTitle a {
	color: #fff;
}
.postAnimation:hover .postAnimationText {
	height: 70px;
}