/**
 * 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);
	-webkit-transition: all 0.2s ease;
	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%;
}