/* 1.0.65 — Contact block (inc/contact-info.php squaregrouper_render_contact_block()).
 * Loaded on every front-end page by inc/contact-info.php (the footer shows the block
 * everywhere), after sections.css. Every rule is scoped to .contact-block--page or
 * .contact-block--footer. Contact page: full-width card under the route cards.
 * Footer: one small line in the brand column. */
.contact-block--page {
  grid-column: 1 / -1;
}

.contact-block--page p {
  margin: 10px 0 0;
}

.contact-block--page .contact-block__email {
  color: var(--copper);
  font-weight: 900;
  font-size: 18px;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.contact-block--page .contact-block__email:hover {
  color: var(--navy);
}

.contact-block--footer {
  margin: 14px 0 0;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.contact-block--footer .contact-block__label {
  display: block;
  margin-bottom: 2px;
  color: var(--tan);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.contact-block--footer .contact-block__email {
  color: var(--cream-light);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-block--footer .contact-block__email:hover {
  color: var(--tan);
}

.contact-block .contact-block__email:focus-visible {
  outline: 2px solid var(--copper);
  outline-offset: 3px;
  border-radius: 4px;
}