.gallery-wrapper {
	padding:60px 0;
}
.gallery-wrapper .filters {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px;
	align-items:center;
}
.gallery-wrapper .filters .buttonWrapper {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.gallery-wrapper .filters .sub {
	position:absolute;
	display:none;
	background:#D63728;
	z-index:100;
	width:200px;
	list-style:none;
	margin:0;
	padding:0;
}
.gallery-wrapper .filters .sub li {
	padding:0;
	margin:0;
}
.gallery-wrapper .filters .sub a {
	color:#fff;
	text-transform:none;
	display:block;
	text-align:left;
	padding:10px 15px;
}
.gallery-wrapper .filters .sub a.on {
	background:#fff;
	color:#D63728;
}
.gallery-wrapper .filters .parent-wrapper {
	position:relative;
}
.gallery-wrapper .filters .parent-wrapper:hover .sub {
	display:block;
}
.galleryGrid {
	display:grid;
	grid-template-columns: 33% 33% 33%;
	gap:10px;
}
.galleryGrid .galleryItem {
	display:none;
}
.galleryGrid .galleryItem.active {
	display:block;
}
.galleryGrid .galleryItem .photo {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	padding-top:67%;
}
.galleryGrid .galleryItem .photo .overlay {
	display:none;
	background-color:rgba(214,55,40,.84);
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px 25px;
}
.galleryGrid .galleryItem .photo:hover .overlay {
	display:block;
}
.galleryGrid .galleryItem .photo .overlay h3{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:0;
}
.galleryGrid .galleryItem .photo .overlay div {
	opacity: 0.9;
	color: #FFFFFF;
	font-family: Petrona;
	font-size: 20px;
	font-style: italic;
	letter-spacing: 0;
	line-height: 24px;
}
.galleryGrid .galleryItem.large {
	grid-column-end: span 2;
	grid-row-end: span 2;
}
.galleryGrid .galleryItem.large .photo {
	padding-top:67.8%;
}
.gallery-wrapper .filters .filter {
    color: #333333;
    font-family: Secuela;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 38px;
    text-align: right;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	line-height:1;
}
.gallery-wrapper .filters .filter.on::after {
	position:absolute;
	content:'';
	width:100%;
	border-bottom:2px solid #D63728;
	display:block;
}
.gallery-wrapper .filters .sub .filter.on::after {
	display:none;
}
/* Small Tablet + Mobile */
@media (max-width : 767px) {
	.gallery-wrapper .filters {
		margin-bottom:20px;
	}
	.galleryGrid {
		grid-template-columns: 49% 49%;
	}
}