/* The footer's pages (Chapter Six, session 83): About, FAQ, Privacy, Contact,
   the Suggestion Box. Loaded after cards.css (and, on the two forms,
   galleries.css, whose form look they use); every rule here is the pages'
   own (.hb-footpage*, .hb-footform*). */

/* The band is the control row alone, as the galleries' create page. */
.hb-footpage-head .bb-8-header { min-height: 0; padding-bottom: 0; }

/* Staff's text, from the admin: a readable column on the dark panel. */
.hb-footpage-text {
  max-width: 760px; font-family: 'Raleway', sans-serif; font-size: 15px;
  line-height: 1.65; color: var(--t2);
}
.hb-footpage-text h2, .hb-footpage-text h3 {
  margin: 28px 0 10px 0; font-family: 'Oswald', sans-serif; font-weight: 400;
  letter-spacing: 1.2px; text-transform: uppercase; color: var(--t1);
}
.hb-footpage-text h2 { font-size: 18px; }
.hb-footpage-text h3 { font-size: 15px; }
.hb-footpage-text > :first-child { margin-top: 0; }
.hb-footpage-text p { margin: 0 0 12px 0; }
.hb-footpage-text strong, .hb-footpage-text b { color: var(--t1); }
.hb-footpage-text a { color: #4fb3e0; }
.hb-footpage-text a:hover { color: var(--yellow); }
.hb-footpage-text ul, .hb-footpage-text ol { margin: 0 0 12px 0; padding-left: 24px; }
.hb-footpage-text ul { list-style: disc; }
.hb-footpage-text ol { list-style: decimal; }
.hb-footpage-text li { display: list-item; }
.hb-footpage-text blockquote {
  margin: 0 0 12px 0; padding: 2px 0 2px 16px; border-left: 3px solid var(--line);
  font-style: italic;
}
.hb-footpage-text img { max-width: 100%; height: auto; }

/* The two forms: the help text over the form, the fields full width. */
.hb-footform-help { margin-bottom: 18px; }
.hb-footform-sent { max-width: 760px; margin: 0 0 18px 0; }
.hb-footform input[type="text"], .hb-footform input[type="email"], .hb-footform textarea {
  display: block; width: 100%; box-sizing: border-box; margin: 0 0 14px 0;
  padding: 6px 8px; font-family: 'Raleway', sans-serif; font-size: 14px;
  background: #1f1f1f; border: 1px solid var(--line); color: var(--t1);
}
.hb-footform textarea { resize: vertical; min-height: 140px; }
.hb-footform input:focus, .hb-footform textarea:focus { outline: none; border-color: var(--t3); }
.hb-footform .hb-gform-err:empty { display: none; }