/* Shared header, footer, buttons, and feature cards come from sbhome.css. */

@font-face {font-family: newathletic; src: url('newathletic.ttf')}

body.scoreclock-access { min-width: 0; }
.scoreclock-main { max-width: 1180px; margin: auto; padding: 115px 24px 50px; }
.scoreclock-main .intro { /*max-width: 720px;*/ margin: 20px auto 35px; }
.scoreclock-main .eyebrow { font-size: 14px; letter-spacing: 2px; color: #225b96; }
.scoreclock-main h1 { font-size: clamp(42px, 7vw, 72px); font-weight: 400; line-height: 1.1; margin: 20px 0; }
.scoreclock-main .lead { font-size: 22px; line-height: 1.6; max-width: 580px; margin: 24px auto; }
.scoreclock-main .contact { width: auto; min-height: 50px; height: auto; padding: 10px 24px; margin: auto; }
.scoreclock-main .contact:disabled { opacity: .6; cursor: wait; }
.scoreclock-main .note { font-size: 15px; margin: 16px 0; }
.scoreclock-main #status { line-height: 1.5; min-height: 24px; display: none; }
.scoreclock-main #status.error { color: #a02323; display: block; font-family: monospace; }
.scoreclock-image { max-width: 1100px; margin: 0 auto 45px; }
.scoreclock-image img { display: block; width: 100%; height: auto; }
.scoreclock-main .next {
  margin: auto;
  padding: 40px 100px;
  margin-top: 20px;
  background: linear-gradient(45deg, #000000ee, #3d3d3d);
  color: white;
  border-radius: 10px;
}
.scoreclock-main .next h2 { font-size: 28px; font-weight: 400; }
.scoreclock-main .next p { font-size: 18px; line-height: 1.7; margin: 20px 0; }
.scoreclock-main .next a { color: #164b92; font-size: 18px; }
.scoreclock-main a:focus-visible, .scoreclock-main button:focus-visible { outline: 3px solid #164b92; outline-offset: 5px; }
@media (max-width: 500px) {
  .scoreclock-main { padding: 100px 16px 35px; }
  .scoreclock-main .feature { width: calc(100% - 40px); height: 360px; }
  .scoreclock-main .featureDescription { padding: 20px; width: calc(100% - 40px); }
}
@media only screen and (max-width: 700px) {
  .scoreclock-main .contact { display: inline-block !important; position: static !important; }
  .scoreclock-main .next { padding: 40px 20px; }
}
h1 {
  font-family: 'newathletic';
}
h2 {
  font-family: 'newathletic';
  font-weight: lighter;
}