/*
Use this stylesheet to style the front end login page test
*/

/* colour the background here */
html, body.login {
	background: #21303A;
}

/* add the logo here */
.login h1 a {
background-image:url('../images/icons/apple-icon-180x180.png') !important;
background-size: auto !important;
width: auto !important;
height: 180px !important;
margin-bottom: 0 !important;
}

/* style the login and back to blog links */
.login #nav,
.login #backtoblog {
	text-align: center;
}

.login #nav a, .login #backtoblog a {
	color: white;
}

.login #nav a:hover, .login #backtoblog a:hover {
	color: white;
	text-decoration: underline;
}

/* 	style the login form */
.login form {
	background-color: transparent !important;
	box-shadow: none;
	margin-top: 0 !important;
	padding-bottom: 26px !important;
}

.login form input[type="text"], .login form input[type="password"] {
	height: 50px;
	padding: 3px 10px !important;
	border-radius: 3px !important;
}

.login form p.submit {
	text-align-last: center;
}

.login form p.submit input {
	height: auto !important;
	background-color: #00B16B;
	color: white;
	text-shadow: none;
	padding: 0.85em 1em !important;
	border-radius: 3px;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	border: 3px solid #00B16B;
	box-shadow: none;
	text-transform: uppercase;
	transition: opacity .2s;
}

.login form p.submit input:active,
.login form p.submit input:hover,
.login form p.submit input:focus {
	background-color: #00B16B;
	border-color: #00B16B;
	box-shadow: none;
	color: white;
	opacity: .85;
}

/* style the label text */
.login label   {
	color: white;
	font-weight: 500;
	text-transform: uppercase;
}

p#nav {
	margin-top: 0 !important;
}

p#nav a {
	font-weight: 500;
}

p.forgetmenot {
	margin-bottom: 1rem !important;
	width: 100%;
}