@charset "UTF-8";
/* CSS Document */
.masked {
  aspect-ratio: 150 / 37;
  -webkit-mask-image: url(/img/svg/eDeckslogo.svg);
  -webkit-mask-mode: alpha;
  mask-image: url(/img/svg/eDeckslogo.svg);
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-position: center;
  background-size: cover;
  transition: -webkit-mask-image 1s, mask-image 1s;
}
.headerAS-5-1 {
  aspect-ratio: 5 / 1;
}
#map {
  height: 700px;
}
@media (max-width: 575.98px) {
  #map {
    height: 350px;
  }
}
.legend {
  background: white;
  padding: 6px 8px;
  border-radius: 8px;
  line-height: 1.2em;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}
/* Delivery zone color classes */
.zone-A {
  --zone-color: #A0FFB4;
}
.zone-B {
  --zone-color: #FED976;
}
.zone-C {
  --zone-color: #FEB24C;
}
.zone-D {
  --zone-color: #FD8D3C;
}
.zone-E {
  --zone-color: #FC4E2A;
}
/*	 .zone-A .primary { fill: #A0FFB4; } */
.popup-zone-A {
  background-color: #A0FFB4 !important;
}
.popup-zone-B {
  background-color: #FED976 !important;
}
.popup-zone-C {
  background-color: #FEB24C !important;
}
.popup-zone-D {
  background-color: #FD8D3C !important;
  color: #fff !important
}
.popup-zone-E {
  background-color: #FC4E2A !important;
  color: #fff !important
}
.zone-A .zoneIs {
  background-color: #A0FFB4 !important;
}
.zone-B .zoneIs {
  background-color: #FED976 !important;
}
.zone-C .zoneIs {
  background-color: #FEB24C !important;
}
.zone-D .zoneIs {
  background-color: #FD8D3C !important;
  color: #fff !important
}
.zone-E .zoneIs {
  background-color: #FC4E2A !important;
  color: #fff !important
}
.zoneIs .page_curl_right {
  mix-blend-mode: lighten;
}
/* Optional usage for backgrounds or borders */
.bg-zone {
  background-color: var(--zone-color) !important;
}
.border-zone {
  border-color: var(--zone-color) !important;
}
.text-zone {
  color: var(--zone-color) !important;
}
.zone-layer {
  mix-blend-mode: multiply;
}
.leaflet-overlay-pane {
  mix-blend-mode: multiply;
}
#map-wrapper {
  position: relative;
}
#mapLoading {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.zone-layer {
  mix-blend-mode: overlay;
  opacity: 0.4
}
.zone-A .zone-layer-A {
  mix-blend-mode: overlay;
  opacity: 1
}
.zone-B .zone-layer-B {
  mix-blend-mode: overlay;
  opacity: 1
}
.zone-C .zone-layer-C {
  mix-blend-mode: overlay;
  opacity: 1
}
.zone-D .zone-layer-D {
  mix-blend-mode: overlay;
  opacity: 1
}
.zone-E .zone-layer-E {
  mix-blend-mode: overlay;
  opacity: 0.8
}
.zone-layer:hover {
  mix-blend-mode: darken;
  opacity: 1
}
.leaflet-popup-content {
  min-width: 150px !important
}
.leaflet-control-attribution {
  display: none;
}
#zoneLabels {}
.zone-A-label, .zone-B-label, .zone-C-label, .zone-D-label, .zone-E-label {
  display: none;
}
.zone-A .zone-A-label {
  display: flex;
}
.zone-B .zone-B-label {
  display: flex;
}
.zone-C .zone-C-label {
  display: flex;
}
.zone-D .zone-D-label {
  display: flex;
}
.zone-E .zone-E-label {
  display: flex;
}
#zoneBollards {
  min-height: 240px;
}
#zoneBollards_Container {
  overflow: hidden;
}
@media (min-width: 768px) {
  #zoneBollards_Container {
    overflow: visible;
  }
}
@media (min-width: 576px) {
  #zoneBollards {
    min-height: 380px;
  }
}
@media (min-width: 768px) {
  #zoneBollards {
    min-height: 200px;
  }
}