/*!
 * Leaflet.extra-markers
 * https://github.com/coryasilva/Leaflet.ExtraMarkers
 *
 * Copyright 2013 Cory Silva
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Custom icons for leaflet based on Font Awesome
 */

.extra-marker {
  background: #fff;
  border: 2px solid #333;
  border-radius: 0;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 35px;
  height: 45px;
  line-height: 30px;
  position: relative;
}

.extra-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
}

.extra-marker.extra-marker-pulse {
  animation: pulse 1.5s ease-in-out infinite alternate;
}

.extra-marker.extra-marker-pulse:after {
  content: "";
  border-radius: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: inherit;
  animation-delay: 1s;
  z-index: -1;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0.7;
  }
}

.extra-marker-shadow {
  background: #000;
  border-radius: 50%;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  height: 10px;
  width: 20px;
  margin: 0 auto;
  opacity: 0.6;
  transform: rotateX(55deg);
  z-index: -2;
}

/* Marker Colors */
.extra-marker.extra-marker-red {
  background: #d00;
  border-color: #a00;
  color: #fff;
}

.extra-marker.extra-marker-red i {
  color: #fff;
}

.extra-marker.extra-marker-orange {
  background: #f80;
  border-color: #d60;
  color: #fff;
}

.extra-marker.extra-marker-orange i {
  color: #fff;
}

.extra-marker.extra-marker-yellow {
  background: #ff0;
  border-color: #dd0;
  color: #333;
}

.extra-marker.extra-marker-yellow i {
  color: #333;
}

.extra-marker.extra-marker-green {
  background: #0a0;
  border-color: #080;
  color: #fff;
}

.extra-marker.extra-marker-green i {
  color: #fff;
}

.extra-marker.extra-marker-blue {
  background: #00f;
  border-color: #00d;
  color: #fff;
}

.extra-marker.extra-marker-blue i {
  color: #fff;
}

.extra-marker.extra-marker-violet {
  background: #a0a;
  border-color: #808;
  color: #fff;
}

.extra-marker.extra-marker-violet i {
  color: #fff;
}

.extra-marker.extra-marker-purple {
  background: #808;
  border-color: #606;
  color: #fff;
}

.extra-marker.extra-marker-purple i {
  color: #fff;
}

.extra-marker.extra-marker-pink {
  background: #faa;
  border-color: #d88;
  color: #333;
}

.extra-marker.extra-marker-pink i {
  color: #333;
}

.extra-marker.extra-marker-white {
  background: #fff;
  border-color: #ddd;
  color: #333;
}

.extra-marker.extra-marker-white i {
  color: #333;
}

/* Marker Shapes */
.extra-marker.extra-marker-circle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.extra-marker.extra-marker-circle.extra-marker-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.extra-marker.extra-marker-square {
  border-radius: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.extra-marker.extra-marker-square.extra-marker-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.extra-marker.extra-marker-star {
  background: #ff0;
  border-color: #dd0;
  border-radius: 50%;
  color: #333;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.extra-marker.extra-marker-star i {
  color: #333;
}

.extra-marker.extra-marker-star.extra-marker-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
}