@charset "utf-8";
/* ─────────────────────────────────────────────────────────────
   B-Up Studios — small overrides on top of the bootScore chrome.
   Everything else is inherited from css/main.css, dragonlings.css,
   homepage.css, arcade.css and footer.css.
   ───────────────────────────────────────────────────────────── */

/* Header logo (bupstudioslogo.png is 500×100) */
.navbar-brand img.logo {
  width: auto;
  display: block;
}
.navbar-brand img.logo.xs { height: 34px; }
.navbar-brand img.logo.md { height: 40px; }

/* Keep the fixed navbar from covering page content on interior pages */
#page .site-content,
main#primary {
  scroll-margin-top: 80px;
}

/* Simple hardcoded nav — match the arcade green accent */
#bootscore-navbar .nav-link {
  letter-spacing: 0.02em;
}
#bootscore-navbar .nav-link:hover,
#bootscore-navbar .nav-link:focus,
#bootscore-navbar .nav-link.active {
  color: #34b429;
}

/* "Donate" gets a subtle outline so it reads as the call to action */
#bootscore-navbar .nav-item--donate .nav-link {
  border: 1px solid #34b429;
  border-radius: 4px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: 0.35rem;
  color: #34b429;
}
#bootscore-navbar .nav-item--donate .nav-link:hover,
#bootscore-navbar .nav-item--donate .nav-link:focus {
  background: #34b429;
  color: #fff;
}

@media (max-width: 991.98px) {
  #bootscore-navbar .nav-item--donate .nav-link {
    display: inline-block;
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

/* Full-width hero screenshots — let the tool tiles fill the band */
.hp-hero__slide img { object-position: center; }