/* SWITCHCRAFT - STREET NAMES */
.street-name {
  display: none;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  text-align: center;
  vertical-align: baseline;
  line-height: 1;
  font-weight: 700;
  color: rgba(255,255,255,1);
  text-shadow:
 -1px -1px 0 #000,  
  1px -1px 0 #000,
  -1px 1px 0 #000,
   1px 1px 0 #000;
  min-width: 256px !important;
  pointer-events: none;
  /* make it look less jarring when zooming */
  transition: opacity 350ms ease;
  opacity: 1;
}

.leaflet-map-pane.leaflet-zoom-anim .street-name {
  opacity: 0;
}

.street-name.street-name-vertical {
  transform: translate(-50%, -50%) rotate(270deg);
}

.street-name.street-name-iso {
  transform: translate(-50%, 25%) scale(1.5) rotateX(60deg) rotateY(0deg) rotateZ(45deg);
  margin-top: 0 !important;
}

.street-name.street-name-vertical.street-name-iso {
  transform: translate(-50%, 50%) scale(1.5) rotateX(60deg) rotateY(0deg) rotateZ(-45deg);
  margin-left: 0 !important;
}

/* only used in iso views */
body.zoom-8 .street-name {
  font-size: 24px;
  display: block;
}

body.zoom-7 .street-name {
  font-size: 20px;
  display: block;
}

body.zoom-7 .street-name:not(.street-name-vertical) {
  margin-top: 4px;
}

body.zoom-7 .street-name.street-name-vertical {
  margin-left: 4px;
}

body.zoom-6 .street-name {
  font-size: 14px;
  display: block;
}

body.zoom-6 .street-name:not(.street-name-vertical) {
  margin-top: 5px;
}

body.zoom-6 .street-name.street-name-vertical {
  margin-left: 5px;
}

body.zoom-5 .street-name {
  font-size: 11px;
  display: block;
}

body.zoom-5 .street-name:not(.street-name-vertical) {
  margin-top: 6px;
}

body.zoom-5 .street-name.street-name-vertical {
  margin-left: 6px;
}