.wpplatform-contact-page {
  background: var(--school-background);
}
.wpplatform-contact-page section{
  padding-block: var(--wp--preset--spacing--70);
}

.wpplatform-contact-page > * {
  margin-block-start: 0;
}

.wpplatform-contact-page__eyebrow {
  margin: 0 0 var(--school-space-1);
  color: var(--school-primary);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wpplatform-contact-inquiry,
.wpplatform-contact-location {
  padding-block: var(--school-section-padding-y-lg);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--school-secondary) 11%, transparent), color-mix(in srgb, var(--school-primary) 8%, transparent)),
    var(--school-surface);
}

.wpplatform-contact-inquiry__layout,
.wpplatform-contact-location__layout,
.wpplatform-contact-tour__layout {
  gap: var(--school-space-6);
  align-items: center;
}

.wpplatform-contact-inquiry__layout {
  align-items: flex-start;
}

.wpplatform-contact-inquiry__panel,
.wpplatform-contact-inquiry__help-card,
.wpplatform-contact-location__card {
  border: var(--school-card-border-width) solid var(--school-card-border-color);
  border-radius: var(--school-card-radius);
  background: var(--school-card-background);
  box-shadow: var(--school-shadow-md);
}

.wpplatform-contact-inquiry__panel {
  padding: var(--wp--preset--spacing--50);
  border-top: 0.25rem solid var(--school-primary);
}

.wpplatform-contact-inquiry__plugin-placeholder {
  margin: var(--school-space-3) 0 0;
  padding: var(--school-space-3);
  border: 1px dashed var(--school-card-border-color);
  border-radius: var(--school-card-radius);
  background: var(--school-background);
  color: var(--school-text);
}

.contact-form-note {
  margin: 0;
  color: var(--school-text);
  font-size: var(--wp--preset--font-size--x-small);
}

.wpplatform-contact-inquiry__help-card {
  overflow: hidden;
 /* padding-bottom: var(--school-card-compact-padding);*/
  padding: var(--school-space-2) var(--school-space-3);
  position: sticky;
  top: calc(var(--school-header-height, 5rem) + var(--school-space-3));
}

.wpplatform-contact-inquiry__help-column {
  align-self: stretch;
}

.wpplatform-contact-inquiry__help-card .wp-block-image,
.wpplatform-contact-inquiry__help-card .wp-block-image img,
.wpplatform-contact-tour__media .wp-block-image,
.wpplatform-contact-tour__media .wp-block-image img {
  width: 100%;
}

.wpplatform-contact-inquiry__help-card .wp-block-image img,
.wpplatform-contact-tour__media .wp-block-image img {
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.wpplatform-contact-inquiry__help-card > :not(.wp-block-image) {
  margin-inline: var(--school-card-compact-padding);
}

.wpplatform-contact-inquiry 
.wpplatform-contact-inquiry__help-column 
.wpplatform-contact-inquiry__help-card 
.wpplatform-contact-inquiry__pill {
  display: inline-flex;
  width: fit-content;
  padding: 0.4rem 0.65rem;
  border-radius: var(--school-radius-pill);
  background: var(--school-secondary);
  color: var(--school-primary-dark);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 800;
  margin: 15px; /*var(--school-space-2) var(--school-space-4);*/
}

.wpplatform-contact-location__map {
  overflow: hidden;
  min-height: 380px;
  border-radius: var(--school-radius-large);
  box-shadow: var(--school-shadow-lg);
}

.wpplatform-contact-location__map figure {
  height: 100%;
  margin: 0;
}

.wpplatform-contact-location__map img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
}

.wpplatform-contact-location__card {
  padding: var(--wp--preset--spacing--50);
}

.wpplatform-contact-check-list {
  padding-left: 0;
  list-style: none;
}

.wpplatform-contact-check-list li {
  position: relative;
  padding-left: 1.55rem;
}

.wpplatform-contact-check-list li + li {
  margin-top: 0.6rem;
}

.wpplatform-contact-check-list li::before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: var(--school-radius-circle);
  background: var(--school-secondary);
}

.wpplatform-contact-tour {
  padding-block: var(--school-section-padding-y-lg);
  background: var(--school-background);
}

.wpplatform-contact-tour__media {
  position: relative;
}

.wpplatform-contact-tour__media img {
  border-radius: var(--school-radius-large);
  box-shadow: var(--school-shadow-lg);
}

.wpplatform-contact-tour__badge {
  position: absolute;
  right: var(--school-space-3);
  bottom: var(--school-space-3);
  margin: 0;
  padding: 0.5rem 0.8rem;
  border-radius: var(--school-radius-pill);
  background: var(--school-background);
  color: var(--school-heading);
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 800;
  box-shadow: var(--school-shadow-md);
}

.wpplatform-contact-tour__content h2,
.wpplatform-contact-location__card h2,
.wpplatform-contact-inquiry__panel h2 {
  margin-top: 0;
  color: var(--school-heading);
}

@media (max-width: 781px) {
  .wpplatform-contact-inquiry__layout,
  .wpplatform-contact-location__layout,
  .wpplatform-contact-tour__layout {
    gap: var(--school-space-4);
  }

  .wpplatform-contact-inquiry__help-card {
    position: static;
  }
}

@media (max-width: 599px) {
  .wpplatform-contact-inquiry,
  .wpplatform-contact-location,
  .wpplatform-contact-tour {
    padding-block: var(--school-section-padding-y-mobile);
  }

  .wpplatform-contact-inquiry__panel,
  .wpplatform-contact-location__card {
    padding: var(--school-card-compact-padding);
  }

  .wpplatform-contact-tour__badge {
    position: static;
    width: fit-content;
    margin-top: var(--school-space-2);
  }

}

.wpplatform-contact-social__content .wp-block-social-links .wp-social-link svg {
    height: 2em;
    width: 2em;
}