/**
 * @file
 * Styles for the Contact page.
 */

.sp-page--contact {
  padding: 2rem 0;
}

.sp-page--contact .page-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}

.sp-page--contact .page-content .contact-form {
  background: #e9e9e9;
  border-radius: 16px;
  padding: 2rem;
}

.sp-page--contact .page-content .contact-form .form-checkbox {
  background-color: white;
}

.sp-page--contact .page-content .contact-form .form-checkbox:checked {
  background-color: #4D7737;
}

@media (min-width: 768px) {
  .sp-page--contact .page-content {
    grid-template-columns: 1fr 1fr;
  }

  .sp-page--contact .page-content .contact-info {
    grid-column: 2;
    grid-row: 1;
  }

  .sp-page--contact .page-content .contact-form {
    grid-column: 1;
    grid-row: 1;
  }
}