/* Login / register — same yard as the rest of The Oil Hand. */

body.login {
  background-color: #1c1914 !important;
  background-image:
    linear-gradient(90deg, rgba(20, 17, 14, 0.18), rgba(20, 17, 14, 0.55)),
    var(--oh-rig-img) !important;
  background-size: cover !important;
  background-position: center !important;
}

.login-split {
  background-image: var(--oh-rig-img) !important;
  background-size: cover !important;
  background-position: center !important;
}

body.login #login {
  background: rgba(20, 17, 14, 0.9);
  border: 1px solid #8a5a2a;
  border-right: 6px solid #c44a1a;
  padding: 28px 24px 32px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

body.login #login h1 a {
  background-image: var(--oh-mark-img) !important;
  background-size: contain !important;
  width: 180px !important;
  height: 180px !important;
}

body.login form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.login label,
body.login a,
body.login #nav a,
body.login #backtoblog a,
.privacy-policy-page-link a {
  color: #f3ebdc !important;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  background: #1c1914 !important;
  border: 1px solid #8a5a2a !important;
  color: #f3ebdc !important;
  min-height: 44px;
}

body.login .button.button-primary,
body.login input[type="submit"] {
  background: #1c1914 !important;
  border: 1px solid #c44a1a !important;
  color: #f3ebdc !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  min-height: 44px;
}

body.login .button.button-primary:hover,
body.login input[type="submit"]:hover {
  background: #c44a1a !important;
  color: #fff !important;
}

#privacy-modal .modal-header,
#bs-modal-privacy .modal-header {
  background: #c44a1a !important;
  color: #f3ebdc !important;
}

#privacy-modal .modal-body,
#bs-modal-privacy .modal-body {
  background: #2a241c;
  color: #efe6d4;
}