/* @override 
	http://www.coachingpattern.com/css/login-registration.css
	https://www.coachingkit.com/css/login-registration.css
*/

/* ---- LOGIN --- */

#reg-logo img {
	max-width: 100%;
}

#reg-logo {
	width: 200px;
	margin: 5em auto 3em;
	text-align: center;
}


#login-wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.login-panel {
	width: 90%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.login-panel h1 {
	font-family: "myriad-pro";
	font-size: 2.8em;
	color: #73AD30;
	text-align: center;
	margin-top: 1.4em;
	margin-bottom: .6px;
	padding-right: 1em;
	padding-left: 1em;
}

.login-panel .instruction {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #565656;
}

.login-panel fieldset input.form-text {
	width: 94%;
}

.login-panel fieldset, .registration-panel fieldset {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3em;
	text-align: left;
	margin-bottom: 3em;
}

#login-wrapper.forgot-password .login-panel fieldset,
#login-wrapper.forgot-username .login-panel fieldset {
	margin-top: 2em;
	margin-bottom: 2em;
}

.login-panel form {
	margin-bottom: 3em;
}

.login-panel form button {
	margin-left: auto;
	margin-right: auto;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 1.4em;
}

#login-wrapper.login .login-panel form button {
	font-size: 1.6em;
}

.login-panel .forgot-info-link {
	margin-top: -1.8em;
	color: #686868;
	font-size: 1.1em;
}

.login-panel .forgot-info-link a:link, .login-panel .forgot-info-link a:visited {
	color: #686868;
}

.outer-link {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 1.4em;
	color: #686868;
}

.outer-link a:link, .outer-link a:visited {
	color: #686868;
}

/* ---- ERRORS --- */

.login-error {
	color: #CC3333;
	font-size: 1.4em;
	margin-bottom: -.6em;
	margin-top: 1.1em;
	font-weight: 600;
}

.login-panel #global-errors {
	color: #CC3333;
	font-size: 1.4em;
	margin-bottom: -.6em;
	margin-top: 1.1em;
	font-weight: 600;
}

/* ---- REGISTRATION --- */

.registration-panel {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.registration-panel h1 {
	font-size: 2.8em;
	color: #73AD30;
	text-align: center;
	margin-bottom: .6px;
	margin-top: 1.4em;
	padding-right: .5em;
	padding-left: .5em;
}

.registration-panel h2 {
	font-size: 1.4em;
	font-style: italic;
	color: #6b6b6b;
	margin-top: .4em;
}

.registration-panel fieldset input.form-text {
	width: 96%;
}

.registration-panel form {
	margin-bottom: 3em;
}

/* ---- MEDIA QUERIES --- */

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 520px) {
#reg-logo {
	width: 200px;
	margin: 1.7em auto 1.5em;
}

.login-panel h1 {
	margin-bottom: .5px;
	margin-top: 1em;
}
.login-panel, .registration-panel {
	width: 90%;
}
}

@media screen and (min-width: 1200px) {

}