.osm-wpml-map {
width: 100%;
min-height: 300px;
z-index: 1;
}
.osm-wpml-popup {
max-width: 260px;
}
.osm-wpml-popup h3 {
margin: 8px 0 6px;
font-size: 16px;
line-height: 1.25;
}
.osm-wpml-popup-image {
display: block;
width: 100%;
height: auto;
margin-bottom: 8px;
border-radius: 4px;
}
.osm-wpml-popup-content p {
margin: 0 0 8px;
}
.osm-wpml-popup-link {
display: inline-block;
margin-top: 4px;
}
.osm-wpml-marker-icon {
background: transparent;
border: 0;
}
.osm-wpml-marker {
position: relative;
width: var(--osm-marker-width, 32px);
height: var(--osm-marker-height, 32px);
}
.osm-wpml-marker img {
position: relative;
z-index: 2;
display: block;
width: var(--osm-marker-width, 32px);
height: var(--osm-marker-height, 32px);
object-fit: contain;
}
.osm-wpml-marker-pulse {
position: absolute;
left: 50%;
bottom: 10%;
z-index: 1;
width: var(--osm-pulse-size, 18px);
height: var(--osm-pulse-size, 18px);
margin-left: calc(var(--osm-pulse-size, 18px) / -2);
border-radius: 999px;
background: var(--osm-pulse-color, #2196F3);
opacity: .45;
animation: osmWpmlPulse var(--osm-pulse-speed, 2s) ease-out infinite;
}
.osm-wpml-marker-opened .osm-wpml-marker-pulse {
animation: none;
opacity: 0;
}
.osm-wpml-default-pin {
position: relative;
z-index: 2;
display: block;
width: var(--osm-marker-width, 32px);
height: var(--osm-marker-height, 32px);
}
.osm-wpml-default-pin::before {
content: '';
position: absolute;
left: 50%;
top: 0;
width: 72%;
height: 72%;
transform: translateX(-50%) rotate(45deg);
border-radius: 50% 50% 50% 0;
background: #2a81cb;
box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}
.osm-wpml-default-pin::after {
content: '';
position: absolute;
left: 50%;
top: 21%;
width: 22%;
height: 22%;
transform: translateX(-50%);
border-radius: 50%;
background: #fff;
z-index: 3;
}
@keyframes osmWpmlPulse {
0% {
transform: scale(.8);
opacity: .55;
}
70% {
transform: scale(3.5);
opacity: 0;
}
100% {
transform: scale(3.5);
opacity: 0;
}
}