/* Change background color and font family */
body {
	background: linear-gradient(135deg, hsla(293, 90%, 92%, 1) 0%, hsla(167, 60%, 88%, 1) 100%) !important;
}
 
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo-gayit-24.svg) !important;
  width: 160px;
  height: 50px;
  background-size: 160px 50px;
}
.login h1{
	opacity: 0;
}
 
/* Add a few changes to the color and style of form itself */

 
.login form .input {
  font-weight: normal;
  border-color: hsla(0, 0%, 0%,0.15)
}
 .login label {

 }
.login #backtoblog a, .login #nav a {
  color: black !important;
  text-shadow: 0px 0px 4px rgba(0,0,0,0);
}
 .login #backtoblog a, .login #nav{
	 color: black;
 }
.wp-core-ui .button-primary {
  background-color: hsla(257, 84%, 90%,1);
  border-color: transparent;
  box-shadow: none;
  color: black;
  text-decoration: none;
  text-shadow: none;
   font-weight: 700;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active{
	background-color: hsla(257, 84%, 90%,1);
	 border-color: transparent;
	 box-shadow: none;
	   color: black;
	    font-weight: 700;
}
#loginform{
	opacity: 1;
	background-image: url(logo-gayit-24.svg) !important;
  background-size: 153px 81px;
  background-position: center 24px;
  background-repeat: no-repeat;
  padding-top: 140px;
  background-color: hsla(0, 0%, 100%,0.5);
  border: 0;
  border-radius: 4px;
  box-shadow: 0 -1px 12px hsla(174, 63%, 15%, 0.15);
}