/* Gin theme login page overrides. */

/* Splash page css. */
body.gin-login .user-form-page__user-form img {
  max-height: 51.7px;
}

body.gin-login .region-highlighted .messages--error,
body.gin-login .region-highlighted .messages__title,
body.gin-login div.help,
body.gin-login #block-opis-cma-tabs {
  display: none;
}

body.gin-login .user-form-page__page-title,
.gin-login h1 {
  color: #394859;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.5rem;
  margin-bottom: 4px;
}

@media (min-width: 768px) {
  body.gin-login .user-form-page__page-title,
  .gin-login {
    color: #394859;
    font-size: 1.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    letter-spacing: -1px;
    line-height: 2.25rem;
    margin-bottom: 16px;
  }
}

body.gin-login p {
  color: #394859;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.024px;
  line-height: 1.5rem;
}

body.gin-login a {
  color: #1b6ebf;
  cursor: pointer;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.024px;
  line-height: 1.5rem;
  text-decoration: none;
}

body.gin-login a:hover,
body.gin-login a:focus {
  text-decoration: underline;
}

body.gin-login main.page-content > h1.user-form-page__page-title:first-of-type {
  display: none;
}

/* Temporary splash page css for drupal login form. */
body.gin-login .user-form-page .block-system form.user-login-form {
  background: #bbbbbb;
  padding: 15px;
}

body.gin-login
  .user-form-page
  .block-system
  form.user-login-form
  div.form-item--name
  label::before {
  color: darkred;
  content: "This username/password form is for Drupal system administrators only. All other users, please use 'Log in with Dow Jones IDP' button below the gray background of this form.";
  display: block;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1.6rem;
  margin-bottom: 10px;
}

body.gin-login
  .user-form-page
  .block-system
  form.user-login-form
  div.form-wrapper.more-links
  a {
  font-size: 0.9rem;
  margin-top: 0.8rem;
}

/* CSS for user login page messages */
body.gin-login .region-highlighted .messages-list,
body.gin-login .region-highlighted .messages-list a {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.024px;
  line-height: 1.5rem;
}

body.gin-login .region-highlighted .messages .messages__header::before {
  top: 8px;
}

body.gin-login .messages.messages--warning {
  background: #fdf4f5;
  border: 1px solid #d62f36;
  color: #2e3a47;
}

body.gin-login .messages.messages--warning .messages__header::before {
  background-color: #d62f36;
}

body.gin-login .messages.messages--warning a {
  color: #185fa7;
  font-weight: 500;
}

body.gin-login .messages .button--dismiss .icon-close {
  background-color: #0d1114;
}

body.gin-login .messages .button--dismiss:hover:not(:focus) {
  background-color: #cff4ff!;
  border-color: #cff4ff !important;
}