BathHacked/energy-sparks

.map {
  margin-bottom: 30px;
  height: 800px;
  width: 100%;
}

.school-group-map {
  height: 600px !important;
  width: 100% !important;
}

// Leaflet popup styles

.leaflet-popup-content-wrapper {
  font-family : $default-font-family;
}

.leaflet-popup-content p {
  margin: 5px 0 !important;
}


// Leaflet cluster styles

.marker-cluster-small {
  background-color: $light-red;
}

.marker-cluster-small div {
  background-color: $new-red;
}

.marker-cluster-medium {
  background-color: $light-red;
}

.marker-cluster-medium div {
  background-color: $new-red;
}

.marker-cluster-large {
  background-color: $light-red;
}
.marker-cluster-large div {
  background-color: $new-red;
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: $light-red;
}
.leaflet-oldie .marker-cluster-small div {
  background-color: $new-red;
}

.leaflet-oldie .marker-cluster-medium {
  background-color: $light-red;
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: $new-red;
}

.leaflet-oldie .marker-cluster-large {
  background-color: $light-red;
}
.leaflet-oldie .marker-cluster-large div {
  background-color: $new-red;
}

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