/* ==========================================================================
   site.css — hand-maintained overrides layered on top of the Webflow export.
   Keep all post-export edits here so a future Webflow re-export only requires
   replacing css/clarkfinancials.webflow.css, css/webflow.css and css/normalize.css.
   ========================================================================== */

/* Direct-contact block that replaces the Webflow form.
   Static hosting has no form backend, so visitors are sent to email/phone. */
.contact_direct {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  margin-top: 2rem;
}

.contact_direct-button {
  text-align: center;
}

/* color:inherit keeps the note legible on the light contact page and on the
   dark contact popup alike, rather than hard-coding a background assumption. */
.contact_direct-note {
  margin-top: 0.5rem;
  color: inherit;
  opacity: 0.7;
}

@media screen and (min-width: 480px) {
  .contact_direct {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .contact_direct-note {
    flex-basis: 100%;
    margin-top: 0.25rem;
  }
}