/* Bright Commerce Lab - shared top bar, masthead and footer (all pages).
   Palette from images/logo.png: navy #010544, gold #D8934F, brown #68340F. */

.topbar {
  background: #010544;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .32em;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 12px;
}

.masthead { background: #fff; }
.masthead .container,
.site-foot .container { max-width: 1150px; margin: 0 auto; padding: 0 24px; }
.masthead .container { padding-top: 18px; padding-bottom: 18px; }
.masthead-logo { display: inline-block; width: 190px; }
.masthead-logo img { display: block; width: 100%; height: auto; }

.site-foot {
  background-color: #010544;
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 6px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.12) 0 1px, transparent 1px 7px);
  border-top: 4px solid #D8934F;
  color: #E9EAF4;
  font-family: "Poppins", sans-serif;
  font-size: 12.5px;
  line-height: 1.75;
  text-align: center;
  padding: 26px 0 22px;
  margin-top: 60px;
}
.site-foot p { margin: 0; }
.site-foot a { color: #fff; font-weight: 600; text-decoration: none; }
.site-foot a:hover { text-decoration: underline; }
.foot-company { border-top: 1px solid rgba(216,147,79,.35); border-bottom: 1px solid rgba(216,147,79,.35); padding: 16px 0; }
.foot-company .fc-name { font-weight: 700; color: #fff; }
.foot-legal { padding: 16px 0 6px; }
.foot-legal p + p { margin-top: 8px; }
.foot-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 26px; margin-top: 16px; }
.foot-links a { font-weight: 600; font-size: 13px; }

@media (max-width: 600px) {
  .masthead-logo { width: 160px; }
  .masthead .container { padding-top: 14px; padding-bottom: 14px; }
  .site-foot .container { padding: 0 16px; }
}

/* Subpages: match the article typography */
body { font-family: "Poppins", "Segoe UI", Helvetica, Arial, sans-serif; }
.page-hero h1, .page-body h1, .page-body h2, .page-body h3, .page-hero h2 { font-family: "Poppins", sans-serif; font-weight: 700; }