/******************************************************************
Site Name:
Author:

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
body.login {
  background-image: url(/wp-content/uploads/2019/01/hero-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  /* background: #1b1a28; */
  background-size: cover;
}

/* the form box */
/*
Add a custom logo to the WordPress login. Clients really like their logo here.
Just create image at 320x84px and replace images/login-logo.png (add a @2x image for retina - the function is below).
*/
.login h1 a {
  display: block;
  overflow: hidden;
  padding-bottom: 15px;
  width: 100%;
  height: 34px;
  background: url(/wp-content/uploads/2019/03/Prov-logo-2.png) no-repeat top center;
  /* make sure to replace this! */
  background-size: contain;
  text-indent: -9999px;
}

form {
  margin-left: 8px;
  padding: 26px 24px 46px;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

body form .input {
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  padding: 3px;
  width: 97%;
  outline: none;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  -webkit-box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

/*
You'll have to override some of the default styles
but since we're referencing the id, it should be easy.
*/
/* login button*/
/*
retina login logo
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .login h1 a {
    width: 100%;;
    height: 84px;
    background: url('/wp-content/uploads/2019/03/Prov-logo-2.png') no-repeat top center;
    /* make sure to replace this! */
    background-size: 320px 84px;
  }
}