/* Login page styling carried over from the retired Login Designer plugin (template 01), 2026-10-26. */
body.login.login-designer-template-01 {
  background-image: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  content: " ";
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media only screen and (min-width: 400px) {
  body.login.login-designer-template-01 #login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 85%;
    margin: 0;
    max-width: 580px;
    padding: 40px 0 0;
  }
}

@media only screen and (min-width: 800px) {
  body.login.login-designer-template-01 #login {
    padding: 100px 0 0;
  }
}

@media only screen and (max-width: 399px) {
  body.login.login-designer-template-01 #login {
    width: 90%;
  }
}

body.login.login-designer-template-01 #login .message {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

body.login.login-designer-template-01 form {
  border: 0;
  max-width: 420px;
  margin: 0 auto;
}

@media only screen and (max-width: 499px) {
  body.login.login-designer-template-01 form {
    padding-left: 25px;
    padding-right: 25px;
  }
}

body.login.login-designer-template-01 #lostpasswordform label {
  display: block;
  text-align: center;
}

body.login.login-designer-template-01 #lostpasswordform .submit {
  text-align: center;
}

body.login.login-designer-template-01 #lostpasswordform .submit .button {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 683px) {
  body.login.login-designer-template-01 #login-designer-background {
    background-attachment: initial !important;
    bottom: 0;
    height: 100%;
    left: 580px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    width: calc(100% - 580px);
    z-index: 0;
  }
}

body,html {
  height: auto !important;
}

#login{width:100%;}
#login > p{text-align:center;padding:0;margin:10px 0;}
#login form{border:0;overflow:visible;margin-top:0;}
@media screen and (max-width:600px){#login form{margin-right:10px;margin-left:10px;}
}
#login form p.submit{padding-bottom:25px !important;transform:initial !important;}
#login form p label br{display:none;}
#login form .forgetmenot{margin-top:5px;}
.wp-pwd{margin-bottom:16px;}
#user_pass{margin-bottom:0;}
.login .button.wp-hide-pw{line-height:1;bottom:0;height:calc(100% - 5px);top:5px;}
.login .button.wp-hide-pw .dashicons{top:0;}
#login-designer-logo-h1{margin-right:auto;margin-left:auto;}
#login-designer-logo{transition-duration:0;}
#login h1 a:focus{box-shadow:none;}
#login input[type=checkbox]{box-shadow:none;}
#login input[type=checkbox]:checked:before{font:400 24px/1 dashicons;margin:-4px -6px;}
#login form .submit .button{box-shadow:none;text-shadow:none;height:auto !important;line-height:inherit;transform:translateY(0px) !important;}
#login-designer--below-form{text-align:center;}
#login .message{background:transparent;border:0;box-shadow:none;padding:5px 0;}
body.login{background-color:#ed4844;}
body.login,#login-designer-background{background-image:url(" https://metamythos.net/wp-content/uploads/2016/10/The-green-cave-midres-larger.jpg ");}
body.login,#login-designer-background{background-repeat:no-repeat }
body.login,#login-designer-background{background-position:center center }
body.login,#login-designer-background{background-size:cover }
body.login,#login-designer-background{background-attachment:fixed}
#login h1 a{width:auto;}
#login-designer-logo,body.login #login h1 a{background-image:url(" https://metamythos.net/wp-content/uploads/2008/07/cropped-metamythos.png ");background-position:center center;}
#login-designer-logo-h1,body.login #login h1 a{margin-left:auto;margin-right:auto;}
#login-designer-logo,body.login #login h1 a{background-size:256px 256px;}
#login-designer-logo-h1,body.login #login h1 a{width:256px;height:256px;}
#login-designer-logo-h1{width:256px !important;}
body.login #login h1 a,#login-designer-logo-h1{margin-bottom:25px !important;}
#login form,.login-designer-template-01 #login,.login-designer-template-04 #login{background-color:#ffffff;}
#login form{padding-left:40px;padding-right:40px;}
#login form{padding-top:26px;padding-bottom:26px;}
#login form{box-shadow:none;}
#login form .input{background-color:#ffffff;-webkit-box-shadow:inset 0 0 0px 9999px #ffffff }
#login form .input{padding-top:6px;}
#login form .input{padding-bottom:6px;}
#login form .input{padding-left:12px;}
#login form #user_login,#login form .wp-pwd{margin-bottom:16px;}
#login form .input{border-style:solid;border-width:2px;}
#login form .input{border-color:#dddddd;}
#login form .input,#login form div .login-designer-event-button{border-radius:3px;}
#login form .input{box-shadow:inset 0 0 0 9999px #ffffff }
#login form .input{font-size:24px }
#login form .input{color:#32373c }
#login .button.wp-hide-pw{color:#32373c;}
#login .button.wp-hide-pw:focus{border-color:currentColor;box-shadow:0 0 0 1px currentColor;}
#login form label:not([for=rememberme]),#login .message{font-size:14px }
#login form label:not([for=rememberme]),#login .message{color:#72777c }
#login form .input{margin-top:2px }
#login form .submit .button{background-color:#0085ba;}
#login form .submit .button{padding-top:4px;}
#login form .submit .button{padding-bottom:4px;}
#login form .submit .button{padding-left:12px;padding-right:12px;}
#login form .submit .button{border-style:solid;border-width:1px;}
#login form .submit .button{border-color:#0073aa;}
#login form .submit .button,#login form .submit .login-designer-event-button{border-radius:3px;}
#login form .submit .button{font-size:13px }
#login form .submit .button{color:#ffffff }
#login .forgetmenot label{font-size:12px }
#login .forgetmenot label{color:#72777c }
#login form .forgetmenot{margin-top:5px }
#login form input[type=checkbox]{height:16px;width:16px }
#login form input[type=checkbox]{border-style:solid;border-width:1px;}
#login form input[type=checkbox]{border-color:#b4b9be;}
#login form input[type=checkbox]{background-color:#fbfbfb;}
#login #nav,#login #nav a,#login #backtoblog a{color:#444 }
#login #nav,#login #nav a,#login #backtoblog a{font-size:13px }

#login input[type="checkbox"]:checked::before { margin: -6px -4px !important; }