/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wgl-dynamic-highlights-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	color: transparent;
	pointer-events: none;
}
.wgl-dynamic-highlights-js:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 2px;
	margin: auto;
	background-color: currentColor;
	box-shadow: 0 0 .25em .325em currentColor;
	border-radius: 50%;
}
.wgl-add-backdrop-filter {
	z-index: 1;
}
.wgl-add-backdrop-filter:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: inherit;
	border: inherit;
	border-color: transparent;
}

.wgl-morph-js {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 450px;
	fill: rgba(0,0,0,.15);
	pointer-events: none;
}

.extended-parallax .wgl_mask_image{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
}
.wgl-wave{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}