/*
Plugin Name: BWA Gallery
*/
:root {
	--primary-color : #A78F61;
}

/*---GALLERY---*/
.bwa_gallery {
	display        : flex;
	flex-direction : column;
}

/*--- FONTS ---*/
.bwa_gallery a,
.bwa_gallery button,
.bwa_gallery h3 {
	font-family : "Roboto", sans-serif;
}

/*--- TITLE ---*/
.bwa_gallery h3 {
	position        : relative;
	color           : #FDE608;
	font-weight     : 600;
	font-size       : 25px;
	text-transform  : uppercase;
	letter-spacing  : 0.7px;
	display         : flex;
	justify-content : center;
}

.bwa_gallery h3:after {
	content    : '';
	position   : absolute;
	bottom     : -5px;
	width      : 50%;
	height     : 1px;
	background : #e8e8e8;
}

/*--- FILTERS && ACTION ---*/
.bwa_gallery .gallery-action,
.bwa_gallery .gallery-filter {
	display         : flex;
	align-items     : center;
	justify-content : center;
	flex-wrap       : wrap;
	margin-bottom   : 10px;
}

.bwa_gallery .gallery-action button,
.bwa_gallery .gallery-filter button {
	margin         : 0 20px;
	color          : #aaa;
	font-weight    : 600;
	font-size      : 15px;
	padding        : 5px 15px;
	text-transform : uppercase;
	background     : transparent;
	border         : none;
	transition     : all 0.3s ease-in-out;
}

.bwa_gallery .gallery-action button {
	margin : 20px 0;
}

.bwa_gallery .gallery-filter button {
	min-width : 150px;
}

.bwa_gallery .gallery-action button:hover,
.bwa_gallery .gallery-filter button:hover {
	color : #3a3a3a;
}

.bwa_gallery .gallery-filter button.active {
	color : var(--primary-color);
}

.bwa_gallery .gallery-content {
	min-height : 500px;
}

/*!*--- MASONRY ----*!*/
.grid,
.grid-sizer,
.grid-item {
	box-sizing : border-box;
}

.grid:after {
	content : '';
	display : block;
	clear   : both;
}

.grid-sizer,
.grid-item {
	width : 25%;
}

.grid-item {
	visibility : hidden;
	float      : left;
	padding    : 5px;
	filter     : drop-shadow(0px 2px 2px rgba(0, 0, 0, .3));
	transition : filter .25s ease-in-out;
}

.grid-item:hover {
	filter : drop-shadow(0px 5px 5px rgba(0, 0, 0, .3));
}

.grid-item img {
	display       : block;
	max-width     : 100%;
	border-radius : 4px;
	overflow      : hidden;
}