.themesflat-gallery-taxonomy {
	.item {
		margin-bottom: 30px;
	}
}

.gallery-post {
	overflow: hidden;

	.featured-post {
		position: relative;

		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--theme-secondary-color);
			opacity: 0.5;
			@include transform(translateY(100%));
			transition: all 0.5s;
			z-index: 2;
		}
	}

	.content-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		@include d-flex();
		@include flex-column();
		@include justify-content-center();
		padding: 33px 29px;
		opacity: 0;
		transition: all 0.3s;
		z-index: 3;
	}

	.content {
		margin-top: auto;

		.title {
			margin-bottom: 0;
			color: #fff;
			font-size: 24px;
			line-height: 29px;
			text-transform: capitalize;
		}

		.post-meta {
			a {
				color: #fff;
				font-size: 14px;
				line-height: 19px;
				text-transform: capitalize;
			}

		}
	}

	.hover-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%));
		opacity: 0;
		transition: all 0.3s;
		z-index: 3;

		.icon {
			max-width: 48px;
		}
	}

	&:hover {
		.content-wrap, .hover-icon {
			opacity: 1;
		}

		.featured-post::before {
			@include transform(translateY(0));
		}
	}
}

.tf-heading-gallery {
	margin-bottom: 60px;
}