.block-post-type-masonry-grid {
	padding-top: 50px;
}

.block-post-type-masonry-grid .masonry-grid-filters {
	max-width: var(--wp--custom--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
	font-size: 0px;
}

.block-post-type-masonry-grid .masonry-grid-filters .filter-item {
	font-size: var(--wp--preset--font-size--default);
	background: var(--wp--preset--color--light-gray);
	display: inline-block;
	padding: 5px 10px;
	margin: 5px 10px 5px 0px;
	transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.block-post-type-masonry-grid .masonry-grid-filters .filter-item:hover {
	cursor: pointer;
}

.block-post-type-masonry-grid .masonry-grid-filters .filter-item:active, .block-post-type-masonry-grid .masonry-grid-filters .filter-item.active {
	background: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

.block-post-type-masonry-grid .grid {
	padding-top: 32px;
	margin-right: calc($gap * -1);
	margin-left: calc($gap * -1);
	color: var(--wp--preset--color--e-black);
	padding-bottom: 45px;
	vertical-align: center;
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	grid-auto-rows: 1px;
	position: relative;
}

.block-post-type-masonry-grid .grid .item {
	font-size: 0;
	display: inline-block;
	position: relative;
	opacity: 0;
	transition: opacity .3s ease-in-out, margin-bottom .3s ease-in-out;
	width: 100%;
	overflow: hidden;
}

.block-post-type-masonry-grid .grid .item.show {
	opacity: 1;
}

.block-post-type-masonry-grid .grid .item.fade {
	opacity: 0.5;
}

.block-post-type-masonry-grid .grid .item a {
	color: var(--wp--preset--color--e-black);
	text-decoration: none;
}

.block-post-type-masonry-grid .grid .item:before {
	padding: 16px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.block-post-type-masonry-grid .grid .item img {
	position: absolute;
	width: 100%;
	border: 1px solid #F8F8F8;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	transition: filter .2s ease-in-out;
	height: 100%;
}

.block-post-type-masonry-grid .grid .item .desc {
	padding: 16px;
	background-color: var(--wp--preset--color--light-gray);
	background-color: var(--wp--preset--color--e-black);
	background-color: rgba(0, 0, 0, 0.7);
}

.block-post-type-masonry-grid .grid .item h3 {
	font-size: var(--wp--preset--font-size--medium) !important;
	margin: 0px !important;
	padding: 0px !important;
	color: #fff;
}

.block-post-type-masonry-grid .grid .item .grid__body {
	position: absolute;
	bottom: 1px;
	left: 1px;
	transition: opacity .2s ease-in-out;
	width: 100%;
}

.block-post-type-masonry-grid .grid .item:hover img {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.block-post-type-masonry-grid .grid .item:hover .grid__body {
	opacity: 1;
}

@media (max-width: 991px) {
	.block-post-type-masonry-grid .grid .item .grid__body {
		opacity: 1;
	}
	.block-post-type-masonry-grid .grid .item img {
		-webkit-filter: grayscale(0%);
		/* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}
}

/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */