/******/
/*** LOGIN STYLE ***/
/******/

:root {
	--blue: #689AE0;
	--black: #000000;
	--cream: #FAF8F1;
	--light-green: #D9EDC4;
	--navy: #071A23;
	--white: #FEFEFE;
}

.login {
	background: var(--blue);
}
.login h1 a {
	background: url("../images/thrive-medical-logo-dark-simple.svg") no-repeat center center;
	background-size: contain;
	width: 11.5rem;
	height: 5.5rem;
}
.login form ~ p a,
.login form ~ p, .login #backtoblog a {
	color: var(--navy) !important;
}
.login #login_error,
.login .message,
.login .success {
	color: red;
	border-left: .25rem solid red;
}

.login .button-primary {
	display: inline-block;
	padding: .625rem 1.25rem !important;
	font-size: 1rem;
	line-height: 1 !important;
	min-height: .625rem !important;
	color: var(--navy);
	font-weight: 400;
	text-transform: uppercase;
	background: var(--light-green);
	border: .125rem solid var(--light-green);
	transition: all .6s;
}
.login .button-primary:hover {
	background: transparent;
	color: var(--navy);
	border: .125rem solid var(--light-green);
}
.login input[type=checkbox]:focus,
.login input[type=color]:focus,
.login input[type=date]:focus,
.login input[type=datetime-local]:focus,
.login input[type=datetime]:focus,
.login input[type=email]:focus,
.login input[type=month]:focus,
.login input[type=number]:focus,
.login input[type=password]:focus,
.login input[type=radio]:focus,
.login input[type=search]:focus,
.login input[type=tel]:focus,
.login input[type=text]:focus,
.login input[type=time]:focus,
.login input[type=url]:focus,
.login input[type=week]:focus,
.login select:focus,
.login textarea:focus {
    border-color: var(--navy);
    box-shadow: 0 0 0 .0625rem var(--navy);
    outline: .125rem solid transparent;
}

.login form ~ p a,
.login form ~ p {
	color: var(--navy) !important;
}
p#nav:hover, p#backtoblog:hover {
	color: var(--light-green);
}