/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Change background color and font family */
body {
	background-color: #fff;
  background: url('https://www.tetrachim.com/wp-content/uploads/2020/07/bg-maintenance.jpg') no-repeat center center;
	background-size: cover;
  font-family: 'Raleway',sans-serif;
}
 body:before {
	content: '';
	background: rgba(255,255,255,0.5);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url('https://www.tetrachim.com/wp-content/uploads/2020/07/logo-tetrachim.png');
  width: 244px;
  height: 51px;
  background-size: 244px 51px;
}
 
/* Add a few changes to the color and style of form itself */
.login label {
  color: #fff;
  display: inline-block;
  margin-bottom: 1em;
  font-weight: 600;
}
 
.login form .input {
  font-weight: normal;
color: #666;
}
.login form input:focus {
	border-color: #124c99;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.login form .forgetmenot label {
	font-size: 12px;
}
.login #backtoblog a, .login #nav a, .login .privacy-policy-link {
  color: #124c99;
}
.login #backtoblog a:hover, .login #nav a:hover, .login .privacy-policy-link:hover {
	color: rgba(255, 159, 86, 1);
}
 
.wp-core-ui .button-primary {
  background: -webkit-gradient(linear, left top, right top, from(rgba(245, 72, 72, 1)), to(rgba(255, 159, 86, 1)));
  background: -o-linear-gradient(left, rgba(245, 72, 72, 1) 0%, rgba(255, 159, 86, 1) 100%);
  background: linear-gradient(to right, rgba(245, 72, 72, 1) 0%, rgba(255, 159, 86, 1) 100%);
	text-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: none;
	padding: 0 12px;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active {
	background: -webkit-gradient(linear, right top, left top, from(rgba(245, 72, 72, 1)), to(rgba(255, 159, 86, 1)));
	background: -o-linear-gradient(right, rgba(245, 72, 72, 1) 0%, rgba(255, 159, 86, 1) 100%);
	background: linear-gradient(to left, rgba(245, 72, 72, 1) 0%, rgba(255, 159, 86, 1) 100%);
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.login .message {
	border-left: 4px solid #124c99;
}
#loginform {
	border-radius: 10px;
	background: -webkit-gradient(linear , left top, right top , color-stop(3%, rgb(14, 62, 106)) , color-stop(53%, rgb(18, 76, 153)));
	background: -o-linear-gradient(left , rgb(14, 62, 106) 3% , rgb(18, 76, 153) 53%);
	background: linear-gradient(to right , rgb(14, 62, 106) 3% , rgb(18, 76, 153) 53%);
}