/*  Metro Layout css  */

.tpgb-post-listing.tpgb-metro .post-loop-inner .grid-item {
	max-width: 100%
}

.tpgb-post-listing.tpgb-metro .tpgb-blog-image-metro {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	display: block;
	transition: all .3s ease-in-out
}

.tpgb-post-listing.tpgb-metro .post-content-image,
.tpgb-post-listing.tpgb-metro .post-loop-inner .grid-item .dynamic-list-content,
.tpgb-post-listing.tpgb-metro .tpgb-post-featured-img {
	height: 100%;
	width: 100%
}

.tpgb-post-listing.tpgb-metro.dynamic-style-2 .dynamic-list-content.tpgb-post-category,
.tpgb-post-listing.tpgb-metro:not(.dynamic-style-2) .dynamic-list-content .tpgb-post-metro-category-top {
	position: absolute;
	top: 0;
	z-index: 1;
	padding: 20px;
	width: 100%
}

.tpgb-post-listing.tpgb-metro.dynamic-style-2 .tpgb-content-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: 0 0;
	padding: 20px;
}

.dynamic-style-2.tpgb-metro .dynamic-list-content .tpgb-content-bottom .tpgb-post-metro-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px;

}

.dynamic-style-2.tpgb-metro .dynamic-list-content .tpgb-content-bottom .post-meta-info {
	margin-top: 10px;
	padding-top: 0;
	border: 0;
}

.tpgb-post-listing.dynamic-style-2 .tpgb-post-title a {
	color: #000;
}

.tpgb-post-listing.tpgb-metro .post-loop-inner .grid-item {
	max-width: 100%
}

.tpgb-post-listing.tpgb-metro .tpgb-blog-image-metro {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	display: block;
	transition: all .3s ease-in-out;
}

.tpgb-post-listing.tpgb-metro .post-content-image,
.tpgb-post-listing.tpgb-metro .post-loop-inner .grid-item .dynamic-list-content,
.tpgb-post-listing.tpgb-metro .tpgb-post-featured-img {
	height: 100%;
	width: 100%
}


.tpgb-post-listing.tpgb-metro:not(.dynamic-style-2) .dynamic-list-content .tpgb-post-metro-category-top {
	position: absolute;
	top: 0;
	z-index: 1;
	padding: 20px;
	width: 100%
}

/*  Metro Layout css  */