/**
 * Set up a decent box model on the root element
 */
 html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/**
   * Make all elements from the DOM inherit from the parent box-sizing
   * Since `*` has a specificity of 0, it does not override the `html` value
   * making all elements inheriting from the root box-sizing value
   * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
   */
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  position: relative;
}

#login_error,
.message {
  max-width: 100%;
}

#login h1 a {
  background-image: url('./assets/images/logo.png');
  background-size: 100%;
  width: 75px;
  height: 47px;
  position: relative;
  overflow: visible;
}


/* a {
  color: #ffffff;
}

.login #backtoblog a,
.login #nav a {
  color: #ffffff;
} */

core-ui .button-primary {
  background: red;
  border-color: #283851;
  color: #fff;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: #283851;
  border-color: #283851;
  color: #fff;
}

.wp-core-ui .button-primary:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #283851;
}

.wp-core-ui .button-primary:active {
  background: #283851;
  border-color: #283851;
  color: #fff;
}

.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover {
  background: #283851;
  color: #fff;
  border-color: #283851;
  box-shadow: inset 0 2px 5px -3px #06141c;
}

.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary.button-primary-disabled,
.wp-core-ui .button-primary.disabled {
  color: #c7cdd1 !important;
  background: #283851 !important;
  border-color: #283851 !important;
  text-shadow: none !important;
}

.login form {
  margin-top: 20px;
  margin-left: 0;
  padding: 26px 24px 34px;
  font-weight: 400;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #283851;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  color: #283851;
}

.login #login_error, .login .message, .login .success {
  border: none;
  text-align: center;
  padding: 12px;
  margin-left: 0;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  word-wrap: break-word;
}