/* Login gate shown by index.cfm when a visitor is not logged in.
   Foundation-free: the React top-nav owns the login modal (.login-flow-launcher
   opens it). This only styles the fallback panel behind the modal. */
.tw-login-gate {
  max-width: 32rem;
  margin: 12vh auto;
  padding: 0 1.5rem;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: #111;
}

.tw-login-gate h1 {
  font-size: 1.75rem;
  margin: 0 0 .5rem;
}

.tw-login-gate p {
  color: #555;
  margin: 0 0 1.5rem;
}

.tw-login-gate__btn {
  display: inline-block;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font: inherit;
  padding: .625rem 1.5rem;
  border-radius: .375rem;
  cursor: pointer;
}

.tw-login-gate__btn:hover {
  background: #fff;
  color: #111;
}