@media screen and (min-width: calc(900px + 1px)) {
  body[data-page-id="15"] {
    background: url("../images/static/bg-emoji-hand-sign-victory.svg"), url("../images/static/bg-emoji-hand-sign-ok.svg"), url("../images/static/bg-hp-emoji-smile-light-right.svg"), url("../images/static/bg-hp-bubble-1.svg"), url("../images/static/bg-hp-bubble-2.svg"), url("../images/static/bg-hp-bubble-3.svg");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: right 27.52rem, left 8rem, right 58rem, right top, left 4rem, right 42rem;
    background-size: 16rem auto, 18rem auto, 15.6rem auto, 31.12rem auto, 42.32rem 78.28rem, 51.48rem auto;
  }
}
body[data-page-id="15"] [data-pin-id] {
  cursor: pointer;
}
body[data-page-id="15"] .map {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
body[data-page-id="15"] .map svg {
  width: 100%;
  height: auto;
}
body[data-page-id="15"] .map svg path {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  fill: var(--color-orange-150) !important;
}
body[data-page-id="15"] .map svg path:hover {
  fill: var(--color-orange-200) !important;
}
body[data-page-id="15"] .map svg path.active {
  fill: var(--color-orange-250) !important;
}
body[data-page-id="15"] .map .pins {
  padding-left: 0;
  list-style: none;
}
body[data-page-id="15"] .map .pins [data-pin-id] {
  position: absolute;
  transition: all 0.2s ease-in-out;
}
body[data-page-id="15"] .map .pins [data-pin-id] span {
  position: absolute;
  top: 0.5em;
  left: 0;
  transform: translateX(-50%);
  font-size: 0.56rem;
  font-weight: 700;
  line-height: 0.6rem;
  text-align: center;
  min-width: 6em;
}
body[data-page-id="15"] .map .pins [data-pin-id] svg {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -100%);
  width: 1.5rem;
  height: auto;
}
body[data-page-id="15"] .map .pins [data-pin-id] svg path {
  transition: all 0.2s ease-in-out;
  fill: var(--color-magenta-600) !important;
}
body[data-page-id="15"] .map .pins [data-pin-id]:hover svg path {
  fill: var(--color-magenta-700) !important;
}
body[data-page-id="15"] .map .pins [data-pin-id].active {
  transform: scale(1.25);
}
body[data-page-id="15"] .map .pins [data-pin-id].active svg path {
  fill: var(--color-magenta-400) !important;
  transform-origin: bottom center;
  overflow: visible;
}
body[data-page-id="15"] .map + .school-list {
  margin-top: 2rem;
}
body[data-page-id="15"] .school-list {
  padding-left: 0;
  width: 100%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.6rem;
  list-style: none;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: calc(600px + 1px)) {
  body[data-page-id="15"] .school-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: calc(900px + 1px)) {
  body[data-page-id="15"] .school-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body[data-page-id="15"] .school-list li {
  margin-top: 0 !important;
  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 1.25em;
  padding: 1.25em 2em 1em;
  transition: all 0.2s ease-in-out;
}
body[data-page-id="15"] .school-list li:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
body[data-page-id="15"] .school-list li.active {
  background-color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: calc(calc(1200px + 2 * 1rem) + 1px)) {
  body[data-page-id="15"] .school-list li {
    font-size: 0.8rem;
  }
}
body[data-page-id="15"] .school-list li h2 {
  font-size: 1.1em;
  margin: 0;
  margin-bottom: 0.2em;
}
body[data-page-id="15"] .school-list li p {
  margin: 0;
}
body[data-page-id="15"] .school-list li p a {
  font-weight: 500;
  color: var(--color-berry-700);
}/*# sourceMappingURL=page-school-list.css.map */