body.login {
  background: #f4f5f8;
  background-repeat: no-repeat;
  background-size: cover;
}
#login {
  padding: 7% 0 0;
}

.login h1 a {
  background-image: url("../images/Logo.png");
  background-size: 100% !important;
  height: 70px !important;
  width: 35% !important;
  margin-bottom: 0 !important;
}
.login label {
  font-size: 15px;
  color: #232777;
}

.login input[type="text"] {
  background-color: #ffffff;
  border-color: #232777;
}

.login input[type="password"] {
  background-color: #ffffff;
  border-color: #232777;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
  box-shadow: #232777 !important;
}

.login .button-primary {
  width: 100px;
  float: right;
  background-color: #232777 !important;
  border-color: #232777;
  box-shadow: 0 1px 0 #232777;
  text-shadow: 0 -1px 1px #232777, 1px 0 1px #232777, 0 1px 1px #232777,
    -1px 0 1px #232777;
  color: #ffffff;
  -webkit-border-radius: 0;
  border: none;
}

.login .button-primary::before {
  bottom: 0;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  right: 50%;
  transition-duration: 0.3s;
  transition-property: left, right;
  transition-timing-function: ease-out;
  z-index: -1;
}

.login .button-primary:hover {
  background-color: #232777 !important;
  color: #fff;
  -webkit-border-radius: 0;
  border: none;
}
.login .button-primary:hover::before {
  left: 0;
  right: 0;
}

.login .button-primary:active,
.login .button-primary:focus {
  background-color: #232777 !important;
  color: #fff;
  -webkit-border-radius: 0;
  border: none;
  border-color: #232777;
  box-shadow: 0 1px 0 #232777, 0 0 2px 1px #232777 !important;
}

p#nav {
  display: none;
}

p#backtoblog {
  display: none;
}
.login #nav {
  display: none;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
  color: #232777;
}

input[type="checkbox"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
  border-color: #232777;
  box-shadow: 0 0 0 1px #232777;
  outline: 0px solid transparent;
  color: #232777;
}

.dashicons-visibility:before {
  content: "\f177";
  color: #232777;
}

.dashicons-hidden:before {
  content: "\f530";
  color: #232777;
}

::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: #232777;
}

::selection {
  color: #fff;
  background: #232777;
}

#login_error {
  margin-top: 20px !important;
}