@charset "utf-8";
html,
body {
  height: 100%;
}
.login {
  background: url(img/common/login_bg.png) no-repeat center / cover;
}
.login h1 a {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  margin: 0 auto 25px;
  text-decoration: none;
  display: block;
  margin-bottom: 65px;
}
.login #backtoblog a,
.login #nav a {
  color: #fff;
}

.login-wrapper {
  padding: 10% 16px 0;
}

.login-wrapper .um .um-form input[type="text"] {
  color: #121212 !important;
}

.um .um-form input:-webkit-autofill {
  -webkit-text-fill-color: #121212 !important;
}

.um-right,
.um-col-alt-b {
  display: none;
}

.login-wrapper .um-left {
  margin-top: 12px;
  float: none;
}

.login-wrapper .um input[type="submit"].um-button {
  background-image: -moz-linear-gradient(
    118deg,
    rgb(201, 182, 112) 0%,
    rgb(240, 236, 207) 100%
  );
  background-image: -webkit-linear-gradient(
    118deg,
    rgb(201, 182, 112) 0%,
    rgb(240, 236, 207) 100%
  );
  background-image: -ms-linear-gradient(
    118deg,
    rgb(201, 182, 112) 0%,
    rgb(240, 236, 207) 100%
  );
  color: #121212;
  font-weight: 600 !important;
}

.um-col-alt {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.um-field-checkbox-option {
  color: #fff;
}

.login-wrapper .um-field-checkbox-state i,
.login-wrapper .um-field-radio-state i,
.login-wrapper .um-icon-android-checkbox-outline::before {
  color: #fff;
}

.login-wrapper .um-field-checkbox-option {
  color: #fff !important;
}

@media all and (max-width: 896px) {
  .login h1 a {
    font-size: 20px;
    margin-bottom: 40px;
  }
}