.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__panel .wp-block-shortcode {
  overflow-wrap: anywhere;
}

.wpplatform-contact-inquiry .wpcf7-form .contact-form {
  display: grid;
  gap: 0;/*var(--school-space-3);*/
  margin-top: var(--school-space-3);
}

.wpplatform-contact-inquiry .wpcf7-form .form-grid {
  display: grid;
}

.wpplatform-contact-inquiry .wpcf7-form label {
  display: grid;
  gap: 0.55rem;
  color: var(--school-heading);
  font-weight: 700;
}

.wpplatform-contact-inquiry .wpcf7-form-control-wrap {
  display: block;
}

.wpplatform-contact-inquiry .wpcf7-form :where(input:not([type="submit"]), textarea) {
  width: 90%;
  min-height: 3.75rem;
  box-sizing: border-box;
  border: 1px solid var(--school-card-border-color);
  border-radius: var(--school-card-radius);
  background: var(--school-background);
  color: var(--school-heading);
  font: inherit;
  padding: 0.85rem 1rem;
  margin: 0 0 0 var(--school-space-4);
  font-weight: 500;
}

.wpplatform-contact-inquiry .wpcf7-form textarea {
  min-height: 11rem;
  resize: vertical;
}

.wpplatform-contact-inquiry .wpcf7-form :where(input:not([type="submit"]), textarea):focus {
  outline: var(--school-focus-outline-width) solid var(--school-focus-color);
  outline-offset: var(--school-focus-outline-offset);
  box-shadow: var(--school-focus-shadow);
}

.wpplatform-contact-inquiry .wpcf7-submit {
  width: fit-content;
  min-height: var(--school-button-min-height, 3rem);
  border: var(--school-button-border-width) solid var(--school-secondary);
  border-radius: var(--school-button-radius);
  background: var(--school-secondary);
  color: var(--school-primary-dark);
  cursor: pointer;
  font-weight: var(--school-button-font-weight);
  padding: var(--school-button-padding-y) var(--school-button-padding-x);
  box-shadow: var(--school-shadow-button);
  font-size: var(--wp--preset--font-size--heading-6);
}

.wpplatform-contact-inquiry .wpcf7-submit:hover,
.wpplatform-contact-inquiry .wpcf7-submit:focus-visible {
  background: color-mix(in srgb, var(--school-secondary) 88%, var(--school-background));
}

.wpplatform-contact-inquiry .wpcf7-not-valid-tip {
  margin-top: 0.35rem;
  color: #b42318;
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 700;
}

.wpplatform-contact-inquiry .wpcf7-response-output {
  margin: var(--school-space-3) 0 0;
  padding: var(--school-space-2) var(--school-space-3);
  border-radius: var(--school-card-radius);
}

.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 iframe {
  display: block;
  width: 100%;
  min-height: 380px;
  border: 0;
}

.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-inquiry .wpcf7-form .form-grid {
    grid-template-columns: 1fr;
  }

  .wpplatform-contact-inquiry .wpcf7-submit {
    width: 100%;
  }
}

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