.wpgmza-ol-modern-infowindow-container {
	position: absolute;
	top: 0px;
	right: 0px;
}

.wpgmza_map {
	position: relative;
}

.wpgmza_map.is-fullscreen {
	min-height: 100%;
}

.wpgmza_map[data-maps-engine="open-layers"] canvas {
	max-width: unset;
}

/*
.wpgmza-ol-modern-infowindow-container .wpgmza_modern_infowindow
{
	min-width: 160px;
}
*/
@keyframes wpgmza-bounce {
	from {
		bottom: 0px;
	}
	
	to {
		bottom: 15px;
	}
}

@-webkit-keyframes wpgmza-bounce {
	from {
		bottom: 0px;
	}
	
	to {
		bottom: 15px;
	}
}

@keyframes wpgmza-drop {
	from {
		bottom: 100vh;
	}
	
	to {
		bottom: 0vh;
	}
}

@-webkit-keyframes wpgmza-drop {
	from {
		bottom: 100vh;
	}
	
	to {
		bottom: 0vh;
	}
}

.ol-marker {
	position: relative;
}

.ol-marker>img, .wpgmza_map .ol-marker > img {
	/* NB: Re-added, removing this breaks marker animations */
	position: absolute;
	bottom: 0px;
	transform: translateX(-50%);
	max-width: none;
	z-index: 2;
}

.ol-marker[data-anim='bounce']>img {
	animation: wpgmza-bounce .3s infinite alternate;
	-webkit-animation: wpgmza-bounce .3s infinite alternate;
}

.ol-marker[data-anim='drop']>img {
	animation: wpgmza-drop .3s;
	-webkit-animation: wpgmza-drop .3s;
}

.ol-marker-label {
	top: 2.4rem;
	position: relative;
	transform: translateX(-50%);
	font-size: .7rem;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 0px 2px #fff;
	text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
}

.ol-info-window-plain {
	position: absolute;
	bottom: 56px;
	left: 0px;
	transform: translateX(-50%);
	background: white;
	padding: 10px;
	font-size: 14px;
	width: 348px;
	max-width: 648px;
	overflow-y: auto;
}

/* Hide for now, the way the container is wrapped, this causes scroll issues */

/* Scroll is more important than the arrow mark I believe. Longterm, wrap content for scrolls */

/*.ol-info-window-plain:after{
	
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: white;
	border-bottom: 0;
	margin-left: -8px;
	margin-bottom: -8px;
}*/
.ol-info-window-close {
	float: right;
	margin: 0 0 3px 3px;
	cursor: pointer;
}

.ol-info-window-container, .wpgmza-pro-info-window-container {
	z-index: 999999;
}

.wpgmza_map, #wpgmza_map {
	position: relative;
}

.wpgmza-ol-canvas-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	z-index: 1;
}

.wpgmza_map[data-maps-engine="open-layers"] .wpgmza-modern-store-locator, #wpgmza_map[data-maps-engine="open-layers"] .wpgmza-modern-store-locator {
	position: absolute;
	top: 0px;
	left: 50%;
	max-width: 100% !important;
	z-index: 99;
}

.wpgmza-modern-store-locator {
	pointer-events: none;
	z-index: 0;
	position: absolute;
	top: 0px;
	max-width: 100% !important;
	left: 50%;
}

.wpgmza-modern-store-locator .wpgmza-inner {
	position: relative;
	left: -50%;
}

.wpgmza-modern-store-locator>.wpgmza-inner {
	pointer-events: all;
}

.ol-info-window-polygon {
	bottom: 0 !important;
}

.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible {
	font-size: 12px;
}

.wpgmza_map .ol-viewport .ol-control:not(.ol-attribution) {
	background: transparent;
}

.wpgmza_map .ol-viewport .ol-control button {
	background: var(--wpgmza-color-white);
	color: var(--wpgmza-color-charcoal);
	box-shadow: var(--wpgmza-shadow-common);
}

.wpgmza_map .ol-viewport .ol-control button:focus, .wpgmza_map .ol-viewport .ol-control button:hover {
	background: var(--wpgmza-color-grey-50);
}

.rtl .wpgmza_map * {
	direction: ltr;
}

.rtl .wpgmza_map .wpgmza-infowindow, .rtl .wpgmza_map .wpgmza-infowindow  * {
	direction: rtl;
}