/**
 * Gel 2017.0
 * Log In Custom Asset CSS Stylesheet
 * @version 2017.0.1 - HR r2
 * @created 2017-04-26 by Kelly Chisum
 * @modified 2019-12-31 by Alexandria Stull
 */

/* LOG IN */
.flex-block.flex-password-reset {       /*Added for 2020.1*/
	display: block;
}
.flex-password-reset label {
	margin: 0 0 .75em;
}
.flex-block.flex-password-reset input[type="text"] {
	flex: 1;
	width: auto;
	margin: 0;
}
.flex-password-reset input[type="submit"] {
	display: block;
}
/*Added for 2020.1*/
.form-container {
	width: 36em;
	margin: auto;
}
@media screen and (max-width: 750px) {
	.form-container {
		width: 100%;
		margin: auto;
	}
}
@media screen and (min-width: 501px) {
	.flex-password-reset input[type="submit"] {
		margin: 0 0 0 1.5em;
	}
}

/*HR2020*/
@media screen and (max-width: 600px) {
	.login form {
		margin: 0;
	}
	.login .registrant-login-text {
		margin: 1em 0 .5em;
	}
	.login legend {
		padding: .4em 0;
	}
	.login .flex-form {
		padding: 0;
	}
	.login .flex-block {
		margin: 0 0 .5em 0;
	}
	.login .signin-button {
		width: 100%;
		margin-left: 0!important;
		margin: 1em 0;
	}
	.login .submit-button input[type=submit] {
		width: 100%;
		margin-left: 0!important;
		margin: 1em 0;
	}
	.login .flex-block.flex-password-reset .submit-button input[type="text"] {
		flex: 1 0 100%;
		width: 100%;
	}
	.login .submit-button {
		width: 100%;
	}
	#reset-pw-link {
		margin-left: 0!important;
		border: none;
		color: #008C97;
		text-transform: none;
		font-weight: 400;
		font-style: oblique;
		display: block;
		margin: 1em 0 .5em;
		padding: 0;
		text-align: left;
	}
	.login .page-column-full .button {
		margin-left: 0!important;
		border: none;
		color: #008C97;
		text-transform: none;
		font-weight: 400;
		font-style: oblique;
		display: block;
		margin: 1em 0 .5em;
		text-align: left;
		padding: 0;
	}
	#reset-pw-link:hover {
		box-shadow: none;
		color: #f99f3f;
	}
	.login .page-column-full .button:hover {
		box-shadow: none;
		color: #f99f3f;
	}
}