html body.login {position: relative;
    color: #fff;
    padding:0;
    background: url(/wp-content/uploads/2021/06/Glass-Kitchen-Cabinet-Doors.jpg) no-repeat scroll 0 0;
    background-size:100%
}
html body.login::before {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .6;
    z-index: -1;
}

html body.login #nav a, body.login #backtoblog a {
  color: #111!important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
  text-shadow:none;
}
html body.login #nav { margin-top:0}
#login { padding:4% 5px 0 5px;  width:100%!important; max-width:460px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#login .login-wrapper { background:#fff;
  border-top: 7px solid #da1a39;
  border-bottom: 8px solid #da1a39;
  position:relative;
  overflow:hidden;
  padding:30px;
  color:#222!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  -ms-border-radius:15px;
  -o-border-radius:15px;
  border-radius: 15px;
}
#login .login-wrapper::before {
    content: '';
    /* background: url(../images/dotsbg.png) no-repeat scroll 0 0; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity:.3
}
#login .login-wrapper a { color:#000!important;}
#login .login-wrapper h1 a { background:url(/wp-content/themes/peninsulaglass-newwp/images/logo.png) no-repeat scroll 50% 0;
  display:block; 
  height:34px;
  width:271px;
  margin:0 auto;
  margin-bottom:30px;
}
.login h1{ position:relative; z-index:99}
.login form {position:relative; z-index:99; padding:0; color:#000!important; margin-top:0; background:0!important; border:0!important; border-radius:0!important; box-shadow:none!important}
.login label {color: #111!important;font-size:13px!important;}
.login input[type=text],
.login input[type=password]{ font-size: 13px!important;
    padding:10px!important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13)!important;;
    box-shadow: 0 0 10px rgba(0,0,0,.13)!important;
}
.login #nav a,
.login #backtoblog a { position:relative; z-index:99}
#login > .login-wrapper #wp-submit {border:0;
  cursor:pointer;
  height:inherit;
  line-height:inherit;
  box-shadow:inherit;
  text-shadow:inherit;
  color:#fff;
  -webkit-transition: all 0.25s ease; 
  -moz-transition: all 0.25s ease; 
  -ms-transition: all 0.125s ease; 
  -o-transition: all 0.25s ease; 
  transition: all 0.25s ease;
  background: #0070ba;
  display:block;
  font-size:16px;
  margin:0!important;
  padding:10px 25px!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#login > .login-wrapper #wp-submit { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    display:inline-block;
    background: #da1a39;
    padding:15px 30px 12px 30px;
    text-transform:uppercase;
    margin:0!important;
    font-size:15px;
    font-weight:bold;
    letter-spacing:.5px;
    color:#fff!important;
    height:inherit;
    -webkit-transition: all 0.25s ease; 
    -moz-transition: all 0.25s ease; 
    -ms-transition: all 0.125s ease; 
    -o-transition: all 0.25s ease; 
    transition: all 0.25s ease;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#login > .login-wrapper #wp-submit:hover { background:#cc0000;}
#copy {background: #222;position: absolute;width:100%;left:0;bottom:0;color: #fff;padding:20px 0;text-align:center;line-height:1.5em;font-size:13px;}
#copy a { color:#fff; text-decoration:none}
#copy a:hover {text-decoration:underline}
.txt-center { text-align:center;}
#login #backtoblog,
#login #nav { padding:0!important}