HEX

File: /storage/v12674/lcafreshheads/public_html/wp-content/wp-google-maps/css/open-layers.css
.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 0.3s infinite alternate;
	-webkit-animation: wpgmza-bounce 0.3s infinite alternate;
}

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

.ol-marker-label
{
	top: 1.5em;
    position: relative;
    transform: translateX(-50%);
	text-shadow: 
		0px 0px 1px white,
		0px 0px 1px white,
		0px 0px 1px white,
		0px 0px 2px white,
		0px 0px 2px white,
		0px 0px 2px white,
		0px 0px 3px white,
		0px 0px 3px white;
}

.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;

    /* box-shadow: 2px 2px 5px rgba(0,0,0,0.5); */
    /* border: 1px solid lightgray; */
}

/* 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%;
	/*width: 100%;*/
	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;
}