.wsxp-ajax-gallery {
	padding: 5px;
	position: relative;
	text-align: center;
}

.wsxp-ajax-gallery.loading {
	opacity: .6;
}

.wsxp-ajax-gallery .pagination {
	display: block;
	margin-block: 1.5em;
	text-align: center;
	width: 100%;
}

.wsxp-ajax-gallery .pagination.count-1 {
	display: none;
}

.wsxp-ajax-gallery .pagination span {
	display: inline-block;
	padding: 15px;
}

.spinner {
	align-items: center;
	display: flex;
	justify-content: center;
}


/* Gallery grid columns ------------------------ */
.wsxp_gallery__thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ws-gap);
}

.wsxp-ajax-gallery .thumbnail {
	aspect-ratio: 1;
	line-height: 0;
	width: calc( 100% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}

.wsxp-ajax-gallery .thumbnail:is(:hover, :focus) {
	opacity: .6;
}

.wsxp-ajax-gallery .thumbnail img {
	border-radius: 5px;
	cursor: pointer;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.wsxp-ajax-gallery[data-num-columns="6"] .wsxp_gallery__thumbnails {
	--ws-column-count: 6;
	--ws-gap: .5em;
}

.wsxp-ajax-gallery[data-num-columns="5"] .wsxp_gallery__thumbnails {
	--ws-column-count: 5;
	--ws-gap: .625em;
}

.wsxp-ajax-gallery[data-num-columns="4"] .wsxp_gallery__thumbnails {
	--ws-column-count: 4;
	--ws-gap: .75em;
}

.wsxp-ajax-gallery[data-num-columns="3"] .wsxp_gallery__thumbnails {
	--ws-column-count: 3;
	--ws-gap: .875em;
}

.wsxp-ajax-gallery[data-num-columns="2"] .wsxp_gallery__thumbnails {
	--ws-column-count: 2;
	--ws-gap: 1em;
}

.wsxp-ajax-gallery[data-num-columns="1"] .wsxp_gallery__thumbnails {
	--ws-column-count: 1;
	--ws-gap: 1.125em;
}

/* SMALL DESKTOPS ---------------------------- */
@media (max-width: 1024px) {
	.wsxp-ajax-gallery:is([data-num-columns="6"], [data-num-columns="5"]) .wsxp_gallery__thumbnails {
		--ws-column-count: 4;
		--ws-gap: .75em;
	}
}


/* MOBILE ---------------------------- */
@media (max-width: 750px) {
	.wsxp-ajax-gallery:is([data-num-columns="6"], [data-num-columns="5"], [data-num-columns="4"]) .wsxp_gallery__thumbnails {
		--ws-column-count: 3;
		--ws-gap: .875em;
	}
}


/* WSXP overrides */
.has-lightbox .sl-overlay{
	background: #000;
}

.has-lightbox .sl-wrapper .sl-navigation button {
	color: #fff;
}

.has-lightbox .sl-wrapper .sl-counter{
	color: #fff;
	top: initial;
	bottom: 30px;
	left: 50%;
}

.has-lightbox .sl-wrapper .sl-close{
	color: #fff;
}
/**/