.kontaktkarta {
  padding: 60px 0;
}
.kontaktkarta__inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.kontaktkarta__heading {
  margin-bottom: 40px;
}
.kontaktkarta__layout {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
.kontaktkarta__map-wrap {
  flex: 0 0 427px;
  position: sticky;
  top: 100px;
}
@media (max-width: 1300px) {
  .kontaktkarta__map-wrap {
    flex: 0 0 327px;
  }
}
.kontaktkarta__svg {
  width: 100%;
  height: auto;
  display: block;
}
.kontaktkarta__region {
  fill: var(--wp--preset--color--lighter-blue) !important;
  cursor: pointer;
}
.kontaktkarta__region path {
  fill: inherit !important;
  fill-opacity: 1 !important;
}
.kontaktkarta__region:hover {
  fill: var(--wp--preset--color--marin) !important;
}
.kontaktkarta__region:focus {
  outline: none;
  fill: var(--wp--preset--color--marin) !important;
}
.kontaktkarta__region.is-active {
  fill: var(--wp--preset--color--marin) !important;
}
.kontaktkarta__region.is-greyed {
  fill: #ecf0f8 !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: none;
}
.kontaktkarta__region-frame {
  transition: stroke 0.15s ease;
}
.kontaktkarta__region--finland:hover .kontaktkarta__region-frame, .kontaktkarta__region--finland:focus .kontaktkarta__region-frame, .kontaktkarta__region--finland.is-active .kontaktkarta__region-frame {
  stroke: var(--wp--preset--color--marin);
}
.kontaktkarta__region--finland.is-greyed .kontaktkarta__region-frame {
  stroke: #dde4f1;
}
.kontaktkarta__map-label {
  font-size: 11px;
  font-weight: 700;
  fill: var(--wp--preset--color--marin);
  pointer-events: none;
  user-select: none;
  letter-spacing: 1.5px;
}
.kontaktkarta__contacts {
  flex: 1;
  min-width: 0;
}
.kontaktkarta__contacts > .contact-person-tabs {
  margin-top: 0 !important;
  flex-wrap: wrap;
}
.kontaktkarta__contacts > .contact-person-tabs > .contact-person-tab {
  padding: 0.9em 2.5em;
  max-width: 160px;
  text-align: left;
}
.kontaktkarta .contact-person-tab.is-greyed {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.kontaktkarta__map-hint {
  font-size: 0.8rem;
  color: #3D598A;
  margin-bottom: 0.75rem;
  text-align: center;
}
.kontaktkarta__filter {
  margin-bottom: 2rem;
  text-align: right;
}
.kontaktkarta__select {
  appearance: none;
  background-color: #fff;
  border: 1px solid #A7BCE1;
  border-radius: 3px;
  padding: 0.34rem 1.8rem 0.34rem 1.2rem;
  font-size: 0.8rem;
  font-weight: 400;
  color: #112E5F;
  cursor: pointer;
  background-image: url('data:image/svg+xml,<svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.234 3.88629C3.38092 4.0379 3.61849 4.0379 3.76385 3.88629L6.88981 0.660484C7.03673 0.508871 7.03673 0.26371 6.88981 0.11371C6.74289 -0.0362903 6.50532 -0.0379032 6.35996 0.11371L3.49971 3.06532L0.639455 0.11371C0.492535 -0.0379032 0.254962 -0.0379032 0.109605 0.11371C-0.0357524 0.265323 -0.0373154 0.510484 0.109605 0.660484L3.23556 3.88629H3.234Z" fill="%233D598A"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
.kontaktkarta__grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .kontaktkarta__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 781.98px) {
  .kontaktkarta__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1124px) {
  .kontaktkarta__layout {
    flex-direction: column-reverse;
    gap: 32px;
  }
  .kontaktkarta__map-hint, .kontaktkarta__svg {
    display: none;
  }
  .kontaktkarta__map-wrap {
    flex: 0 0 auto;
    width: 100%;
    position: static;
  }
  .kontaktkarta__filter {
    margin-bottom: 0;
  }
  .kontaktkarta__select {
    width: 100%;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
}

.contact-person-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media (max-width: 991.98px) {
  .contact-person-block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 781.98px) {
  .contact-person-block {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contact-person-block .contact-person figure {
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1rem;
  aspect-ratio: 1/1;
}
.contact-person-block .contact-person figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.contact-person-block .contact-person h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.contact-person-block .contact-person .contact-person-title {
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.contact-person-block .contact-person a {
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--wp--preset--color--textcolor);
  padding-left: 1.6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.125rem;
}
.contact-person-block .contact-person .contact-person-phone,
.contact-person-block .contact-person .contact-person-email {
  margin-bottom: 0.2rem;
}
.contact-person-block .contact-person .contact-person-phone a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M5.62929 0.879329C5.35156 0.21488 4.62734 -0.136681 3.93828 0.0496461L3.74493 0.10238C1.47385 0.721126 -0.466768 2.92189 0.0992446 5.60078C1.40353 11.7531 6.24452 16.5941 12.3968 17.8984C15.0792 18.4679 17.2765 16.5238 17.8952 14.2527L17.948 14.0593C18.1378 13.3668 17.7827 12.6425 17.1218 12.3683L13.7011 10.9445C13.121 10.7019 12.4496 10.8707 12.0488 11.3593L10.6918 13.0187C8.22029 11.7918 6.23046 9.73865 5.08789 7.21796L6.64178 5.95234C7.13045 5.55508 7.29569 4.8836 7.05662 4.30001L5.62929 0.879329Z" fill="%23FFBA28"/></svg>');
}
.contact-person-block .contact-person .contact-person-email a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path d="M1.6875 0C0.755859 0 0 0.727865 0 1.625C0 2.1362 0.249609 2.61693 0.675 2.925L7.9875 8.20625C8.58867 8.63958 9.41133 8.63958 10.0125 8.20625L17.325 2.925C17.7504 2.61693 18 2.1362 18 1.625C18 0.727865 17.2441 0 16.3125 0H1.6875ZM0 4.46875V10.8333C0 12.0284 1.00898 13 2.25 13H15.75C16.991 13 18 12.0284 18 10.8333V4.46875L11.025 9.50625C9.82617 10.3729 8.17383 10.3729 6.975 9.50625L0 4.46875Z" fill="%23FFBA28"/></svg>');
}

/*# sourceMappingURL=kontaktkarta.css.map */