/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/**
 * Environment for all styles (variables, additions, etc).
 */
/*--------------------------------------------------------------*/
/* Vars */
.pk-zoom-icon-popup {
	--pk-zoom-icon-popup-color: white;
	--pk-zoom-icon-popup-background: rgba(0, 0, 0, 0.6);
	--pk-zoom-icon-popup-font-size: 16px;
}

/* Common Style */
.pk-lightbox-container {
	position: relative;
	max-width: 100%;
}

.pk-zoom-icon-popup {
	display: block;
}

.pk-zoom-icon-popup:after {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	opacity: 0;
	color: var(--pk-zoom-icon-popup-color);
	background: var(--pk-zoom-icon-popup-background);
	transition: all 0.2s ease;
	font-family: 'powerkit-icons';
	font-size: var(--pk-zoom-icon-popup-font-size);
	content: "\e916";
}

.pk-zoom-icon-popup:hover:after {
	opacity: 1;
}

.pk-zoom-icon-popup img {
	min-width: 100%;
}

.glightbox-clean .gslide-description {
	background: transparent;
}

.glightbox-clean .gdesc-inner {
	padding-left: 0;
	padding-right: 0;
}

.glightbox-clean .gslide-title {
	color: white;
	font-family: inherit;
	font-size: 1rem;
	font-weight: inherit;
}

.glightbox-clean .gslide-desc {
	color: rgba(255, 255, 255, 0.75);
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: inherit;
}