/* ***** custom_login.css ***** */
/* Change background image and font family */
body.login {
  position: relative;
  /* background-image: url(background.png); */
  /* font-family: Arial,Verdana,sans-serif; */
  /* background-color: #ff8f8f !important; */
  /* https://www.transparenttextures.com/ */
  /* background-color: #e27777 !important; */
  background-size: cover !important;
  /* background-size: auto !important; */
  background-repeat: no-repeat !important;
  /* background-repeat: repeat !important; */
}

body.login::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

body.login #login {
  position: relative;
  z-index: 10;
}

/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  /* background-image: url(logo.png); */
  /* background-image: url('http://alliedpointofsale.ie/wp-content/uploads/2021/01/site-logo.png') !important; */
  width: 275px !important;
  height: 97px !important;
  background-size: contain !important;
  margin-bottom: 25px !important;
}

/* Login Toast */
.login .message {
  border-left: 6px solid #039cdf;
}

/* Add a few changes to the color and style of form itself */
.login label {
  color: #454545;
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
}

.login form .input {
  font-weight: normal;
}

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

.wp-core-ui .button-primary {
  transition: 0.3s ease all;
  background-color: #383838;
  border-color: #383838;
  color: #fff;
}

.wp-core-ui .button-primary:hover {
  background-color: #039cdf;
  border-color: #039cdf;
  color: #fff;
}

/* Login Form Nav (Used for forgot password link) */
.login #loginform + #nav {
  margin-top: 30px;
}

.login #loginform + #nav a {
  transition: 0.3s ease all;
  display: inline-block;
  background-color: #383838;
  color: #fff;

  box-shadow: 3px 3px 0px 0px #039cdf;

  padding: 0.7rem 1rem;
}

.login #loginform + #nav a:hover {
  background: #039cdf;
  color: #fff;

  box-shadow: 3px 3px 0px 0px #015581;
}
/* End of Login Form Nav (Used for forgot password link) */

/* Back to Blog button */
.login #backtoblog {
}

.login #backtoblog a {
  transition: 0.3s ease all;
  display: inline-block;
  background-color: #383838;
  color: #fff;

  box-shadow: 3px 3px 0px 0px #039cdf;

  padding: 0.7rem 1rem;
}

.login #backtoblog a:hover {
  background: #039cdf;
  color: #fff;

  box-shadow: 3px 3px 0px 0px #015581;
}
/* End of Back to Blog button */

/* Privacy Policy Link */
.login .privacy-policy-page-link {
}

.login .privacy-policy-page-link .privacy-policy-link {
  transition: 0.3s ease all;
  color: #fff;
  text-decoration: none;
}

.login .privacy-policy-page-link .privacy-policy-link:hover {
  color: #fff;
  text-decoration: underline;
}
/* End of Privacy Policy Link */

/* Attribution Link */
.login #attribution {
  margin-top: 45px;
  text-align: center;
  color: #fff;
}

.login #attribution a {
  position: relative;
  z-index: 10;

  transition: 0.3s ease all;
  color: #fff;
  text-decoration: none;
}

.login #attribution a:hover {
  color: #fff;
  text-decoration: underline;
}
/* End of Attribution Link */