/* site.css - what is left of the template's rules after the brand (TODO-136): the page height and the floating-label placeholders. Colors and fonts are brand.css's. */

html {
  position: relative;
  min-height: 100%;
}

/* the sign-in and registration pages: one centered card instead of a form squeezed into a third of the page */
.fp-auth { max-width: 30rem; margin: 1rem auto 0; }
.fp-auth h1 { margin-bottom: 1rem; }
.fp-auth .fp-card { --fp-accent: var(--fp-primary); padding-bottom: 1.4rem; }
.fp-auth .fp-card h2 { font-size: 1.15rem; margin-bottom: 0.75rem; }
.fp-auth hr { display: none; }
.fp-auth .fp-links p { margin: 0 0 0.4rem; }

/* every other account page (forgot / reset password, resend, two-factor, and the account area): a form is a white card, a sub-heading is body type */
main .row > [class*="col-md-"] > form { background: var(--fp-surface); border-radius: var(--fp-radius-card); padding: 1.25rem 1.4rem 1rem; }
main h2 { font-family: var(--fp-font-body); font-style: normal; font-size: 1.2rem; }
main .row > [class*="col-md-"] > form hr { display: none; }
.fp-account .nav-pills { background: var(--fp-surface); border-radius: var(--fp-radius-card); padding: 0.5rem; }
.fp-account h3 { font-size: 1.35rem; margin-bottom: 0.75rem; }