/* Terms and Privacy Policy: overrides on the mcnz /css/legal.css for the WP
   Elementor pages 104 and 3, which share one layout. */

.legal-hero {
  min-height: 200px;
}

.legal-hero .hero-divider {
  border-block-start-width: 3px;
  margin-block: 20px 0;
}

/* The text column is 80% of the boxed container, on the page gutter rather
   than centred. */
.legal-content {
  padding-block: 80px 100px;
  padding-inline: max(50px, calc((100% - 1366px) / 2));
}

.legal-content .center {
  --center-width: 80%;
  margin-inline: 0;
}

.legal-content h2 {
  font-size: 22px;
  line-height: 1.2;
  margin-block: 20px 10px;
}

.legal-content h2:first-child {
  margin-block-start: 0;
}

.legal-content h2 + h2 {
  margin-block-start: 0;
}

.legal-content ol,
.legal-content ul {
  margin-block: 0;
  padding-inline-start: 40px;
}

.legal-content li,
.legal-content li p {
  margin-block: 0;
}

.legal-content a {
  color: var(--color-accent);
}

.legal-content a:hover {
  color: var(--color-accent-hover);
}

/* The version line on Terms sits under a 1px rule across the column. */
.legal-content .center > p:last-child {
  margin-block-start: 20px;
  padding-block-start: 30px;
  border-block-start: 1px solid currentColor;
}

@media (max-width: 1024px) {
  .legal-content {
    padding: 40px 20px 60px;
  }

  .legal-content .center {
    --center-width: 70%;
    padding-inline-start: 20px;
  }
}

@media (max-width: 767px) {
  .legal-hero {
    min-height: 120px;
  }

  .legal-content {
    padding: 30px 20px;
  }

  .legal-content .center {
    --center-width: none;
    padding-block-start: 20px;
    padding-inline-start: 0;
  }
}