/* CU*Answers Nexus login branding.
   Layered on top of the `keycloak` parent theme (Keycloak aggregates parent
   stylesheets, so the base login CSS still loads and this file overrides it).
   Brand tokens mirror the Nexus site (src/css/custom.css): primary #00AEEF. */

.login-pf body {
  background: #f5f7fa;
}

.card-pf {
  background:#fff;
  border-top:2px solid transparent;
  box-shadow:0 1px 1px rgba(3,3,3,.175);
  margin:0 -10px 20px;
  padding:0 20px;
  width: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Swap the realm-name text header for the CU*Answers logo. */
#kc-header-wrapper {
  background: #F5F7FA url(../img/cua-logo.svg) no-repeat center center;
  background-size: contain;
  height: 70px;
  margin: 4rem;
  color: #0000;
  font-size: 0;
}

/* Primary buttons in CU*Answers blue. */
.btn-primary {
  background-color: #00AEEF;
  border-color: #00AEEF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #049ad1;
  border-color: #049ad1;
}

/* Links. */
a,
a:hover,
a:focus {
  color: #049ad1;
}

/* Focused inputs pick up the brand color. */
#kc-form-login input[type="text"]:focus,
#kc-form-login input[type="email"]:focus,
#kc-form-login input[type="password"]:focus {
  border-color: #00AEEF;
  box-shadow: 0 0 0 1px #00AEEF;
}