/* --- HOTSPOT --- */

#airports-vulnerable-storm-surge .hotspot {
  width: 24px;
  height: 24px;
  padding: 6px 0 0 0;
  font: 600 12px/12px 'Roboto';
}

#airports-vulnerable-storm-surge .hotspot.on {
  padding: 4px 0 0 0;
}

/* --- OVERLAY --- */

#airports-vulnerable-storm-surge .overlay.arrow-left {
  top: -10px;
  left: 47px;
}

#airports-vulnerable-storm-surge .overlay.arrow-right {
  top: -10px;
  right: 47px;
}

#airports-vulnerable-storm-surge .overlay h3 {
  margin: 0 0 6px 0;
}

#airports-vulnerable-storm-surge .overlay h4 {
  margin: 0;
  font: 14px/14px 'Roboto';
}

/* --- HOTSPOTS --- */

#airports-vulnerable-storm-surge #hotspot1 {
  left: 6.5%;
  top: 48%;
}

#airports-vulnerable-storm-surge #hotspot2 {
  left: 10%;
  top: 46.5%;
}

#airports-vulnerable-storm-surge #hotspot3 {
  left: 85.5%;
  top: 33.5%;
}

#airports-vulnerable-storm-surge #hotspot4 {
  left: 86%;
  top: 38%;
}

#airports-vulnerable-storm-surge #hotspot5 {
  left: 81%;
  top: 36.5%;
}

#airports-vulnerable-storm-surge #hotspot6 {
  left: 83.25%;
  top: 39.5%;
}

#airports-vulnerable-storm-surge #hotspot7 {
  left: 79.5%;
  top: 42%;
}

#airports-vulnerable-storm-surge #hotspot8 {
  left: 58%;
  top: 68.5%;
}

#airports-vulnerable-storm-surge #hotspot9 {
  left: 70.25%;
  top: 74%;
}

#airports-vulnerable-storm-surge #hotspot10 {
  left: 73%;
  top: 76%;
}

#airports-vulnerable-storm-surge #hotspot11 {
  left: 73.75%;
  top: 80.5%;
}

#airports-vulnerable-storm-surge #hotspot12 {
  left: 77.5%;
  top: 83.5%;
}

#airports-vulnerable-storm-surge #hotspot13 {
  left: 40%;
  top: 85%;
}