.wwall-btn {
float: left;
width: 100%;
position: relative;
}
.wwall-btn a {
background: #4267B2;
color: #fff;
width: 100%;
text-align: center;
line-height: 38px;
border-radius: 12px;
box-shadow: rgb(0 0 0 / 29%) 0px 5px 15px;
max-width: 600px;
margin: 0 auto;
display: block;
}
.wwall-btn a:hover {
background: #2e4c87;
color: #fff;
}
.wwall-form {
width: 100%;
max-width: 600px;
margin: 0 auto;
display: none;
transition: 0.5s;
}
.wwal-form-group label {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
margin-bottom: 2px;
float: left;
width: 100%;
}
.wwal-form-group {
float: left;
width: 100%;
margin-bottom: 10px;
}.prunecluster {
font-size: 12px;
border-radius: 20px;
transition: all 0.3s linear;
}
.leaflet-marker-icon.prunecluster-anim,
.leaflet-marker-shadow.prunecluster-anim,
.leaflet-markercluster-icon.prunecluster-anim {
transition: all 0.3s linear;
}
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-icon,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-marker-shadow,
.leaflet-zoom-anim .leaflet-zoom-animated.leaflet-markercluster-icon {
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.prunecluster div {
width: 30px;
height: 30px;
text-align: center;
margin-left: 5px;
margin-top: 5px;
border-radius: 50%;
}
.prunecluster div span {
line-height: 30px;
}
.prunecluster-small {
background-color: #b5e28c;
background-color: rgba(181, 226, 140, 0.6);
}
.prunecluster-small div {
width: 28px;
height: 28px;
background-color: #6ecc39;
background-color: rgba(110, 204, 57, 0.6);
}
.prunecluster-small div span {
line-height: 28px;
}
.prunecluster-medium {
background-color: #f1d357;
background-color: rgba(241, 211, 87, 0.6);
}
.prunecluster-medium div {
background-color: #f0c20c;
background-color: rgba(240, 194, 12, 0.6);
}
.prunecluster-large {
background-color: #fd9c73;
background-color: rgba(253, 156, 115, 0.6);
}
.prunecluster-large div {
width: 34px;
height: 34px;
background-color: #f18017;
background-color: rgba(241, 128, 23, 0.6);
}
.prunecluster-large div span {
line-height: 34px;
}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
} .leaflet-oldie .marker-cluster-small {
background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
background-color: rgb(241, 128, 23);
}
.marker-cluster {
background-clip: padding-box;
border-radius: 20px;
}
.marker-cluster div {
width: 30px;
height: 30px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 15px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
line-height: 30px;
}