/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
.block-map-switcher .title-text {
  font-weight: bold;
  color: #fff;
}
.block-map-switcher main {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background: transparent;
  border-top: 1px solid var(--wp--preset--color--primary);
}
.block-map-switcher section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid var(--wp--preset--color--primary);
  height: 610px;
  transition: all 2s linear;
}
.block-map-switcher section svg {
  opacity: 0;
}
.block-map-switcher input {
  display: none;
}
.block-map-switcher label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: var(--wp--preset--color--primary);
  transition: 0.3s ease-in-out all;
}
.block-map-switcher label:hover {
  color: var(--wp--preset--color--foreground);
  background: var(--wp--preset--color--primary);
  cursor: pointer;
}
.block-map-switcher input:checked + label {
  color: var(--wp--preset--color--foreground);
  border-bottom: 1px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--primary);
}
.block-map-switcher #tab1:checked ~ #content1,
.block-map-switcher #tab2:checked ~ #content2,
.block-map-switcher #tab3:checked ~ #content3,
.block-map-switcher #tab4:checked ~ #content4 {
  display: block;
}

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}