/*
 * Button mixin- creates 3d-ish button effect with correct
 * highlights/shadows, based on a base color.
 */
html {
  margin: auto; }

a:focus {
  color: #28ecc5;
  -webkit-box-shadow: 0 0 0 1px #28ecc5, 0 0 2px 1px rgba(40, 236, 197, 0.8);
  box-shadow: 0 0 0 1px #28ecc5, 0 0 2px 1px rgba(40, 236, 197, 0.8); }

h1 a {
  /*  background: url(../images/playus-design-logo.svg) no-repeat 0 0;*/
  background: url('https://wemovetoheal.org/wp-content/uploads/2023/02/high-contrast.svg') no-repeat 0 0;
  width: 300px;
  height: 80px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-bottom: 0px; }

.login h1 a {
  /*  background: url(../images/playus-design-logo.svg) no-repeat 0 0;*/
  background: url('https://wemovetoheal.org/wp-content/uploads/2023/02/high-contrast.svg') no-repeat 0 0;
  width: 300px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin-left: 10px;
  background-size: 300px 80px; }

#wp-submit {
  background: #000000;
  border-color: black black black;
  color: white;
  box-shadow: 0 1px 0 black;
  text-shadow: 0 -1px 1px black, 1px 0 1px black, 0 1px 1px black, -1px 0 1px black; }
  #wp-submit:hover, #wp-submit:focus {
    background: #333333;
    border-color: black;
    color: white;
    box-shadow: 0 1px 0 black; }
  #wp-submit:focus {
    box-shadow: inset 0 1px 0 black, 0 0 2px 1px #28ecc5; }
  #wp-submit:active {
    background: black;
    border-color: black;
    box-shadow: inset 0 2px 0 black; }
  #wp-submit[disabled], #wp-submit:disabled, #wp-submit.button-primary-disabled, #wp-submit.disabled {
    color: #d1c7c7 !important;
    background: black !important;
    border-color: black !important;
    text-shadow: none !important; }
  #wp-submit.button-hero {
    box-shadow: 0 2px 0 black !important; }
    #wp-submit.button-hero:active {
      box-shadow: inset 0 3px 0 black !important; }

.login #nav a:hover, .login #backtoblog a:hover {
  color: #888888 !important; }

.button-primary {
  background: #000000;
  border-color: black black black;
  color: white;
  box-shadow: 0 1px 0 black;
  text-shadow: 0 -1px 1px black, 1px 0 1px black, 0 1px 1px black, -1px 0 1px black; }
  .button-primary:hover, .button-primary:focus {
    background: #333333;
    border-color: black;
    color: white;
    box-shadow: 0 1px 0 black; }
  .button-primary:focus {
    box-shadow: inset 0 1px 0 black, 0 0 2px 1px #28ecc5; }
  .button-primary:active {
    background: black;
    border-color: black;
    box-shadow: inset 0 2px 0 black; }
  .button-primary[disabled], .button-primary:disabled, .button-primary.button-primary-disabled, .button-primary.disabled {
    color: #d1c7c7 !important;
    background: black !important;
    border-color: black !important;
    text-shadow: none !important; }
  .button-primary.button-hero {
    box-shadow: 0 2px 0 black !important; }
    .button-primary.button-hero:active {
      box-shadow: inset 0 3px 0 black !important; }

.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
  color: #28ecc5; }

label {
  color: #888888;
  font-size: 20px; }

.error, .login #login_error {
  border-color: #ea2a4a; }

a, #adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, .plugins a.delete, .ui-tabs-nav a {
  color: #28ecc5; }

a:hover, a:active, a:focus {
  color: #28ecc5; }

.updated, .login .message {
  background-color: #999999;
  border-color: #999999;
  color: white; }

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: #28ecc5;
  -moz-box-shadow: rgba(40, 236, 197, 0.8) 0 0 2px;
  -webkit-box-shadow: rgba(40, 236, 197, 0.8) 0 0 2px;
  box-shadow: rgba(40, 236, 197, 0.8) 0 0 2px; }

input[type=checkbox]:checked:before {
  color: #28ecc5; }

/** Change background - Background position should be changed depending on which image you'll use */
body.login-action-lostpassword.login h1 a {
  background: url('https://wemovetoheal.org/wp-content/uploads/2023/02/high-contrast.svg') no-repeat 0 0;
  width: 300px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin-left: 10px;
  background-size: 300px 80px;
}
/* Change margins to better position with the image used on that page */
.login-action-lostpassword #login .submit input{
    background: #253544;
    border-radius: 40px;
    font-size: 18px;
    color: white;
    width: 100%;
}
/* Opacity on every form
.login-action-lostpassword form, .login-action-lostpassword #login_error, .login-action-lostpassword .message, .login-action-lostpassword .success {
    background-color: rgba(0,0,0,0.1);
    box-shadow: none;
} */