@import "./variables/admin.scss";
$bp-lg-up: 961px;
$bp-lg: 960px;
$bp-md-up: 783;
$bp-md: 782px;
@import "mixins";

//login
body.login {
  font-family: $font-family;
  // background-color: $admin-col-bg;
  #login {
    width: 400px;
    max-width: 100%;
    margin: auto;
  }
  h1 a {
    background-image: url(theme-url("/assets/svg/logo.svg"));
    background-image: none, url(theme-url("/assets/svg/logo.svg"));
  }
  form#loginform {
    padding: 24px;
    background: $white;
    border-radius: $admin-br;
    border: none;
    box-shadow: $admin-bs;
    label {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 0.5rem;
      color: $black;
    }
    .forgetmenot {
      margin-top: 14px;
    }
  }
  #login_error,
  .message,
  .success {
    border-left: none;
    padding: 16px;
    margin-left: 0;
    margin-bottom: 16px;
    background-color: $white;
    color: $black;
    box-shadow: $admin-bs;
    border-radius: $admin-br;
    font-weight: $fw-bold;
  }
  #login_error {
    background-color: #f44336;
    color: $white;
  }
  .success {
    background-color: #4caf50;
    color: $white;
  }
  .button {
    color: $white;
    border: 1px solid $admin-col-prm;
    background: $admin-col-prm;
    font-size: 12px;
    padding: 0.3rem 1.6rem !important;
    line-height: 115%;
    text-transform: none;
    font-weight: $fw-bold;
    border-radius: $admin-br;
    transition: $trans;
    text-align: center;
    vertical-align: center;
    &:hover,
    &:active,
    &:focus {
      background: $admin-col-prm-h;
      color: $white;
      opacity: 0.8;
      transition: $trans-h;
    }
  }
}
.login #backtoblog a,
.login #nav a {
  color: $admin-col-sec;
  text-align: center !important;
  &:hover {
    color: $admin-col-sec;
    text-decoration: underline;
  }
}
.login #backtoblog,
.login #nav {
  font-size: 12px;
  padding: 0 24px;
  text-align: center;
}
input[type="checkbox"] {
  @include input;
}
select {
  @include input;
  padding: 0.9rem 1.6rem;
  border-radius: $admin-br;
  line-height: 1;
}
input[type="search"],
input[type="text"],
input[type="number"],
input[type="password"],
textarea {
  @include input;
  padding: 0.5rem 1rem !important;
  border-radius: $admin-br;
  line-height: 115% !important;
  font-size: 14px !important;
}
.language-switcher {
  display: none;
}
