/* ui09-funnels: one reading order. Civic palette only. */

.funnel-page {
  background: var(--home-page-bg, #f4f6f9);
}

.funnel-inner {
  max-width: 40rem;
}

.funnel-kicker {
  color: #134074;
  text-transform: uppercase;
}

.funnel-hero h1 {
  color: var(--home-navy, #0b2545);
}

.funnel-lede,
.funnel-who p,
.funnel-step-list li,
.funnel-note {
  color: var(--home-muted, #5c6b7a);
}

.funnel-who h2,
.funnel-steps h2 {
  color: var(--home-navy, #0b2545);
}

.funnel-who,
.funnel-steps {
  background: var(--home-surface, #ffffff);
  border: 1px solid var(--home-line, #e3e8ef);
  box-shadow: var(--home-shadow);
}

.funnel-step-list {
  overflow: visible;
}

.funnel-step-list li::before {
  background: var(--home-blue, #134074);
  color: #ffffff;
  box-shadow: none;
}

.funnel-actions .btn-primary {
  background: var(--home-blue, #134074);
  color: #ffffff;
  border: 1px solid var(--home-blue, #134074);
  box-shadow: none;
}

.funnel-actions .btn-primary:hover {
  background: var(--home-navy, #0b2545);
  color: #ffffff;
}

.funnel-actions .btn-secondary {
  background: var(--home-surface, #ffffff);
  color: var(--home-navy, #0b2545);
  border: 1px solid var(--home-line-strong, #c9d4e1);
  box-shadow: none;
}

.funnel-actions .btn-secondary:hover {
  background: #ffffff;
  color: #134074;
  border-color: #134074;
}

/* CSuiteware only. Kicker and H1 sit on Prussian. Lede stays on the page. */
.funnel-body-csuiteware .funnel-offer {
  background: #0B2545;
  margin: 0 calc(var(--theme-gutter, 1.5rem) * -1) 1.35rem;
  padding: 1.35rem var(--theme-gutter, 1.5rem) 1.15rem;
  border: 0;
  box-shadow: none;
}

.funnel-body-csuiteware .funnel-offer .funnel-kicker,
.funnel-body-csuiteware .funnel-offer h1 {
  color: #ffffff;
}

.funnel-body-csuiteware .funnel-offer h1 {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .funnel-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .funnel-actions .btn {
    flex: 0 0 auto;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
  }
}