/**
 * CSS for RecExcite login form
 */

/* login form */
main > form.content#RecExcite-auth {
	width: 100% !important;
	margin: 20px auto 50px auto;
	text-align: left;
}

	/* intro article with links */
	main > form.content#RecExcite-auth > article {
		margin: 10px;
		padding: 10px;
	}

	/* login form */
	main > form.content#RecExcite-auth > section {
		width: 60% !important;
		margin: auto;
		text-align: left;
	}

	/* error message */
	main > form.content#RecExcite-auth > #RecExcite-auth-error {
		background-color: white;
		margin-bottom: 25px;
		border: 2px solid red;
		box-shadow: 1px 1px 3px rgba(0,0,0,.15);
		
		font-size: 16px;
	}

	/* set font */
	main > form.content#RecExcite-auth > section *:not(.fa) {
		font-family: Lato;
		font-size: 16px;
	}
	
	/* label */
	main > form.content#RecExcite-auth > section > label {
		font-weight: bold !important;
	}

	/* field */
	main > form.content#RecExcite-auth > section > label > input[type="text"],
	main > form.content#RecExcite-auth > section > label > input[type="password"] {
		margin-top: 5px !important;
		width: calc( 100% - 20px ) !important;
		font-weight: normal;
	}
	
	/* login button */
	main > form.content#RecExcite-auth > section > button#login {
		width: 100% !important;
	}
		:not(.is-mobile) main > form.content#RecExcite-auth > section > button#login:hover {
			background-color: #470A59;
		}