/* -------------------------------------------------------------------------- */
/*                                                                            */
/*  About Page                                                                */
/*                                                                            */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
.pageCallout {
  background-color: var(--about-callout-background-color);
  color: var(--about-callout-text-color);

  display: block;
  text-align: center;

  padding: 1rem 1.0rem;
  margin-bottom: 1.5rem;

  border-radius: var(--border-radius);
}

/* -------------------------------------------------------------------------- */
.aboutPageHeaderImage {
  width: 100%;
  height: auto;
  max-height: 400px;
  aspect-ratio: 1.7 / 1;
  object-fit: cover;

  border-radius: var(--border-radius);
  margin-bottom: 0.75rem;
}


/* -------------------------------------------------------------------------- */
.about section h2 {
  display: block;

  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--horizontal-line-color);

  font-size: var(--about-section-subtitle-size);
  font-weight: var(--about-section-subtitle-weight);
  color: var(--about-section-subtitle-color);
}