/* Regional map (includes/map.php), used on the contact and areas pages */
.rmap { width: 100%; height: 100%; display: block; }
.rmap__land { fill: #e7efe1; }
.rmap__dot { fill: rgba(15,36,24,.13); }
.rmap__region { opacity: .55; transition: opacity .6s; }
.rmap__region.is-on { opacity: 1; }
.rmap__water { fill: #b9d6e3; stroke: #9cc3d4; stroke-width: 1.5; }
.rmap__river { fill: none; stroke: #9cc3d4; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.rmap__roads path { fill: none; stroke: #ffffff; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.rmap__roads { filter: drop-shadow(0 0 1px rgba(15,36,24,.25)); }
.rmap__route { fill: none; stroke: var(--coral); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 10 10; }
.rmap__rlabel { font-family: var(--display); font-weight: 750; font-size: 34px; fill: rgba(15,36,24,.42); letter-spacing: .02em; }
.rmap__sea { font-family: var(--display); font-weight: 650; font-style: italic; font-size: 24px; fill: rgba(40,90,120,.6); }
.rmap__town circle { fill: #fff; stroke: var(--green-deep); stroke-width: 3; transition: fill .3s; }
.rmap__town text { font-family: var(--body); font-weight: 650; font-size: 25px; fill: var(--ink); paint-order: stroke; stroke: #e7efe1; stroke-width: 5px; stroke-linejoin: round; }
.rmap__town.is-on circle { fill: var(--green-deep); }
.rmap__town.is-dim { opacity: .35; }
.rmap__town { transition: opacity .4s; }
.rmap__pin { fill: var(--coral); stroke: #fff; stroke-width: 4; }
.rmap__pulse { fill: none; stroke: var(--coral); stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: rmap-pulse 2.2s ease-out infinite; }
.rmap__office:nth-of-type(2) .rmap__pulse { animation-delay: 1.1s; }
@keyframes rmap-pulse { 0% { transform: scale(.8); opacity: .9; } 100% { transform: scale(3); opacity: 0; } }
.rmap__olabel { font-family: var(--display); font-weight: 800; font-size: 30px; fill: var(--ink); paint-order: stroke; stroke: #fff; stroke-width: 7px; stroke-linejoin: round; }
@media (prefers-reduced-motion: reduce) {
  .rmap__pulse { animation: none; opacity: 0; }
}
