:root {
  --wn-color-gray: #eeeeee;
  --wn-color-black: #000000;
  --wn-color-white: #ffffff;
  --wn-color-light-green: #bec9f7;
  --wn-color-dark-gray: #28282c;
  --wn-color-dark-green: #4da74d;
  --wn-color-red: #db6464;
  --wn-color-yellow: rgb(237, 194, 64);
  --wn-color-light-gray: #f2efec;
  --wn-color-dark-border: #8c8f94;
}

body.login {
  background: var(--wn-color-gray);
}

body.login div#login h1 a {
  background-image: none, url('../images/webnorth.svg');
  background-size: contain;
  width: 100%;
  height: 75px;
}

body.login form p {
  width: 100%;
}

body.login form {
  border: none;
  padding: 45px 20px 25px;
}

body.login #loginform.hidden-form {
  padding-top: 10px;
}

body.login form .forgetmenot {
  float: none;
}

body.login .message,
body.login .success {
  border-left: 4px solid var(--wn-color-light-green);
}

body.login #login_error {
  border-left: 4px solid var(--wn-color-black);
}

body.login label {
  text-transform: uppercase;
}

body.login [name="wp-2fa-email-code-resend"],
body.login .button-primary,
body.login #loginform .button-primary,
body.login .dismiss-user-configure-nag {
  display: block;
  float: none;
  width: 100%;
  border-radius: 0;
  outline: none;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 18px;
  color: var(--wn-color-white);
  border: 2px solid var(--wn-color-dark-gray);
  background: var(--wn-color-dark-gray);
  background-size: 201% 100%;
  background-image: -webkit-linear-gradient(right, var(--wn-color-white) 50%, var(--wn-color-dark-gray) 50%);
  background-image: linear-gradient(to left, var(--wn-color-white) 50%, var(--wn-color-dark-gray) 50%);
  transition: all 0.3s linear;
}

body.login [name="wp-2fa-email-code-resend"]:hover,
body.login .button-primary:hover,
body.login .button-primary:focus,
body.login .button-primary:focus-within,
body.login .button-primary:target,
body.login #loginform .button:hover,
body.login #loginform .button:focus,
body.login #loginform .button:focus-within,
body.login #loginform .button:target,
body.login .dismiss-user-configure-nag:hover,
body.login .dismiss-user-configure-nag:focus,
body.login .dismiss-user-configure-nag:focus-within,
body.login .dismiss-user-configure-nag:target {
  color: var(--wn-color-dark-gray);
  background-position: -99% 0;
  border-color: var(--wn-color-dark-gray);
  background-image: linear-gradient(to left, var(--wn-color-white) 50%, var(--wn-color-dark-gray) 50%);
  background-size: 201% 100%;
  background-color: var(--wn-color-white);
  box-shadow: none;
}

body.login #loginform:not(.hidden-form),
body.login #lostpasswordform,
body.login #registerform {
  display: flex;
  flex-wrap: wrap;
}

body.login #loginform [name="wp-2fa-email-code-resend"] {
  background-image: linear-gradient(to left, var(--wn-color-black) 50%, var(--wn-color-white) 50%);
  color: var(--wn-color-black);
}

body.login #loginform [name="wp-2fa-email-code-resend"]:hover {
  background-image: linear-gradient(to left, var(--wn-color-black) 50%, var(--wn-color-white) 50%);
  color: var(--wn-color-white);
}

body.login form .input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: none;
  padding: 0;
  box-shadow: none;
}

.login form input[type=checkbox] {
  border-radius: 0;
}

.login input[type=checkbox]:checked::before {
  content: '';
  height: 16px;
  width: 16px;
  margin: -1px 0 0 -1px;
  background: var(--wn-color-black);
}

body.login input[type=checkbox]:focus {
  border-color: var(--wn-color-black);
}

body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=checkbox]:focus,
body.login .button.wp-hide-pw:focus,
body.login #backtoblog a:focus,
body.login #nav a:focus,
body.login .privacy-policy-link:focus,
body.login div#login h1 a {
  box-shadow: none;
}

body.login .button.wp-hide-pw:focus {
  outline: none;
  border: none;
}

body.login .button.wp-hide-pw {
  outline: none;
  padding: 5px 0;
  min-width: unset;
  width: 1.3rem;
}

body.login .button.wp-hide-pw .dashicons {
  color: var(--wn-color-black);
  width: 1.25rem;
}

body.login .privacy-policy-page-link {
  margin: 10px 0 0 0;
  order: 5;
}

body.login .privacy-policy-link {
  color: var(--wn-color-black);
}

body.login .privacy-policy-link:hover {
  text-decoration: none;
}

body.login #backtoblog,
body.login #nav {
  padding: 0 20px;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: var(--wn-color-black);
}

body.login #backtoblog {
  margin-bottom: 0;
}

body.login #language-switcher {
  margin-top: 0;
}

body.login #language-switcher select {
  border-radius: 0;
  outline: none;
  color: var(--wn-color-black);
}

body.login #language-switcher select:focus {
  box-shadow: none;
  border-color: var(--wn-color-dark-border);
}

body.login #language-switcher input[type=submit] {
  border-radius: 0;
  background: var(--wn-color-white);
  color: var(--wn-color-black);
  border: 1px solid var(--wn-color-black);
  text-transform: uppercase;
  background-size: 201% 100%;
  background-image: -webkit-linear-gradient(right, var(--wn-color-black) 50%, var(--wn-color-white) 50%);
  background-image: linear-gradient(to left, var(--wn-color-black) 50%, var(--wn-color-white) 50%);
  transition: all 0.3s linear;
  margin: 0;
}

body.login #language-switcher input[type=submit]:focus {
  box-shadow: none;
}

body.login #language-switcher input[type=submit]:hover,
body.login #language-switcher input[type=submit]:focus,
body.login #language-switcher input[type=submit]:focus-within,
body.login #language-switcher input[type=submit]:target {
  background-position: -99% 0;
  background-image: linear-gradient(to left, var(--wn-color-black) 50%, var(--wn-color-white) 50%);
  background-color: var(--wn-color-black);
  color: var(--wn-color-white);
}

body.login #loginform .ws_azure_btn a,
body.login #loginform.hidden-form .ws_azure_btn a:hover {
  color: var(--wn-color-dark-gray);
}

body.login #loginform.hidden-form .ws_azure_btn a {
  color: var(--wn-color-white);
}

body.login #loginform .ws_azure_btn a:hover {
  text-decoration: none;
}

.plugin-card .updating-message:before {
  color: var(--wn-admin-color-button);
}

#dashboard-widgets-wrap .postbox-header {
  border-bottom: .5px solid var(--wn-color-light-gray);
}

#dashboard-widgets-wrap a:not(.ui-tabs-anchor) {
  color: var(--wn-color-black);
}

#dashboard-widgets .postbox .inside {
  padding: 13px 25px 35px 10px;
}

#dashboard-widgets-wrap a.button:not(.ui-tabs-anchor) {
  background: var(--wn-color-light-green);
}

.postman-not-configured-notice.notice.notice-error {
  display: none;
}