.wcf--filterable-gallery .gallery-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.wcf--filterable-gallery .gallery-filter li {
	padding: 6px 10px;
	cursor: pointer;
	transition: all .3s;
}

.wcf--filterable-gallery .gallery-filter li.mixitup-control-active, .wcf--filterable-gallery .gallery-filter li:hover {
	color: var(--primary);
}

.wcf--filterable-gallery .gallery-wrapper {
	display: grid;
	grid-auto-flow: dense;
	gap: 15px;
}

.wcf--filterable-gallery .gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.wcf--filterable-gallery .gallery-item .play__btn {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 50px;
	transform: translate(-50%, -50%);
}

.wcf--filterable-gallery img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.wcf--filterable-gallery.style-masonry .gallery-wrapper {
	grid-auto-rows: 250px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (min-width:768px) {
	.wcf--filterable-gallery.style-masonry .gallery-wrapper .horizontal {
		grid-column: span 2;
	}
	
	.wcf--filterable-gallery.style-masonry .gallery-wrapper .vertical {
		grid-row: span 2;
	}
	
	.wcf--filterable-gallery.style-masonry .gallery-wrapper .big {
		grid-column: span 2;
		grid-row: span 2;
	}
}