/*
Theme Name: Adovvy
Theme URI: https://www.adovvy.ai/
Author: Adovvy
Description: Static Adovvy marketing site converted to a WordPress theme. Each page is its own custom template. Header and footer are shared. Contact submissions are emailed and stored in the dashboard.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: adovvy
*/

/* WordPress adds a body class named "page", which this site already uses for the content wrapper. */
body.page {
  position: static;
  z-index: auto;
}

/* Submitted form buttons use the ink colour. */
.footer__news.is-done .btn,
.dm-done .btn,
.dm-submit:disabled,
.footer__news button[type="submit"]:disabled,
.s10__submit:disabled {
  background: #17172B;
  border-color: #17172B;
  color: #fff;
  box-shadow: none;
  opacity: 1;
}
.footer__news.is-done .btn:hover,
.dm-done .btn:hover {
  background: #000;
  color: #fff;
}

/* Legal pages: privacy policy and terms. */
.legal-hero {
  padding: clamp(56px, 8vw, 96px) 0 clamp(40px, 6vw, 72px);
  background:
    radial-gradient(42% 80% at 0% 0%, rgba(106, 70, 200, .45), transparent 70%),
    radial-gradient(36% 70% at 100% 100%, rgba(16, 130, 124, .32), transparent 72%),
    var(--deep);
  color: var(--on-deep);
}
.legal-hero .kicker { color: var(--accent-lift); }
.legal-hero .h1 {
  max-width: 12ch;
  color: var(--on-deep);
  font-size: clamp(40px, 5vw, 68px);
}
.legal-hero .lede {
  max-width: 36ch;
  color: var(--on-deep-2);
}
.legal {
  padding: clamp(48px, 6vw, 80px) 0 clamp(72px, 10vw, 128px);
  background: var(--white);
}
.legal h2 {
  margin: 2.1em 0 .55em;
  font: 600 clamp(22px, 2vw, 28px)/1.2 var(--font);
  letter-spacing: -.03em;
  color: var(--ink);
}
.legal h2:first-of-type { margin-top: .2em; }
.legal h3 {
  margin: 1.45em 0 .35em;
  font: 600 18px/1.35 var(--font);
  letter-spacing: -.015em;
  color: var(--ink);
}
.legal p,
.legal li {
  font: 400 16.5px/1.7 var(--font);
  color: var(--body);
}
.legal p { margin: 0 0 1em; }
.legal ul {
  margin: .2em 0 1.15em;
  padding: 0;
  list-style: none;
}
.legal li {
  position: relative;
  margin: 0 0 .55em;
  padding-left: 1.15em;
}
.legal li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
}
.legal strong { color: var(--ink); font-weight: 600; }
.legal a {
  color: var(--accent-ink);
  text-decoration: underline;
  text-underline-offset: .18em;
}
.legal a:hover { color: var(--ink); }
.legal__more {
  margin: 2.4em 0 0;
  padding-top: 1.4em;
  border-top: 1px solid var(--line);
}