/* ------------------------------------------------------------ *\
	Login styles
\* ------------------------------------------------------------ */

.login {
	background: rgba(240, 244, 247, 0.8);
}
.login h1 a {
	background: url(../resources/images/temp/logo.svg) no-repeat center center;
	background-size: 241px 49px !important;
	width: 241px;
	height: 49px;
}
.login form {
	border-radius: 6px;
	border-color: #ff4767;
}
.login form ~ p a,
.login form ~ p {
	color: #000 !important;
	transition: all 0.3s;
}
.login form ~ p a:hover {
	opacity: 0.7;
}
.login #login_error,
.login .message,
.login .success {
	color: #3b3b3b;
}
.login #login_error,
.login .message,
.login .success {
	border-left: 4px solid #ff4767;
}

.login .button-primary {
	display: inline-block;
	padding: 10px 20px !important;
	font-size: 16px;
	line-height: 1 !important;
	min-height: 10px !important;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	background: #3b3b3b;
	border: 0;
	background: #ff4767;
	transition: all 0.6s;
	&:hover {
		background: #192032 !important;
	}
}