/**
 * @file
 * Prominent submit buttons + edit-profile notice (public-facing theme).
 */

/* Make submit buttons stand out, but never the Google/OpenID button. */
input[type="submit"]:not(.openid-connect-button),
button[type="submit"]:not(.openid-connect-button),
.form-submit:not(.openid-connect-button) {
  background-color: #c10037;
  border: 1px solid #c10037;
  border-radius: 4px;
  color: #fff;
  padding: 10px 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

input[type="submit"]:not(.openid-connect-button):hover,
button[type="submit"]:not(.openid-connect-button):hover,
.form-submit:not(.openid-connect-button):hover {
  background-color: #a30030;
  border-color: #a30030;
  color: #fff;
  box-shadow: 0 2px 6px rgba(193, 0, 55, 0.3);
  transform: translateY(-1px);
}

input[type="submit"]:not(.openid-connect-button):active,
button[type="submit"]:not(.openid-connect-button):active,
.form-submit:not(.openid-connect-button):active {
  background-color: #8f002a;
  border-color: #8f002a;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  transform: translateY(0);
}

input[type="submit"]:not(.openid-connect-button):focus,
button[type="submit"]:not(.openid-connect-button):focus,
.form-submit:not(.openid-connect-button):focus {
  outline: 2px solid #c10037;
  outline-offset: 2px;
}

/* Instructional notice at the top of the edit-profile form. */
.ie-edit-profile-notice {
  margin: 0 0 20px;
  padding: 12px 16px;
  border-left: 4px solid #23c100;
  border-radius: 4px;
  background-color: #edfbea;
  color: #3c4043;
  font-size: 14px;
  line-height: 1.5;
}