/* Old stained route map shared by the designs that show the bus's route. */
.map { position: relative; border-radius: 8px; overflow: hidden; border: 1px solid #5a4a30; box-shadow: 0 30px 70px rgba(0,0,0,.6), inset 0 0 80px rgba(0,0,0,.7); }
.map svg { display: block; width: 100%; height: auto; }
.map a { cursor: pointer; }
.map .pin-label { font-family: 'IM Fell English', Georgia, serif; font-size: 15px; fill: #e8d8b4; }
.map .pin-when { font-family: 'IM Fell English', Georgia, serif; font-style: italic; font-size: 12px; fill: #b9a57e; }
.map a:hover .pin-label { fill: #f6c46e; }
.route-ahead { stroke-dasharray: 2 9; animation: march 1.6s linear infinite; }
@keyframes march { to { stroke-dashoffset: -22; } }
.pulse { animation: pulse 2.2s ease-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes pulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(2.6); opacity: 0; } }
@media (max-width: 900px) {
  .map .pin-label { font-size: 19px; }
  .map .pin-when { font-size: 15px; }
}