/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    MAP
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.uu-mazemap-wrapper {
  height: var(--uu-mazemap-height);
  position: relative;
}

/* restore some mazemap styling that gets overridden */
.uu-mazemap-wrapper button {
  color: var(--color-text);
  text-align: center;
}

.uu-mazemap-wrapper .mapboxgl-ctrl {
  box-sizing: content-box;
}

.uu-mazemap-wrapper .mapboxgl-ctrl > button {
  padding: initial;
}

.uu-mazemap-wrapper .mapboxgl-ctrl > button:hover {
  border: 0;
  border-radius: 12px;
}

.uu-mazemap-wrapper a.mapboxgl-ctrl-logo:hover,
.uu-mazemap-wrapper a.mazemap-ctrl-logo:hover {
  background-color: transparent;
}

/* make focus style follow site style */
.uu-mazemap-wrapper canvas.mapboxgl-canvas:focus {
  outline: 3px solid var(--color-focus);
  outline-offset: -3px;
}

.uu-mazemap-wrapper + a.button {
  margin-top: 2px;
}

.uu-mazemap-wrapper .mapboxgl-ctrl-attrib a {
  color: var(--color-text);
}

/* Style of map in a card */
.card-move-margin .sv-se-uu-uit-webb-webapp-map:not(:first-child) {
    margin-top: 1.25rem;
}

.card-body .sv-se-uu-uit-webb-webapp-map:last-child {
  margin-bottom: 0;
}

.card-body .uu-mazemap-wrapper + a.button {
  margin: 0.625rem 0 -0.55rem calc(-3px - .4rem);
  padding: .4rem;
}

@media print {
  .card-body .sv-se-uu-uit-webb-webapp-map a::after {
    content: " " !important;
  }
}