@charset "utf-8";

/*

Theme Name: WP Custom Login
Author: Vent d'Autan
Author URI: http://www.ventdautan.fr/
Description: Styles personnalisés pour les pages de connexion Wordpress
	
/*  ------------------------------------------------------------------------------------------  *\
 -	1 - INITIALISATION
\*  ------------------------------------------------------------------------------------------  */

	@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);

/*  ------------------------------------------------------------------------------------------  *\
 -	2 - STRUCTURE
\*  ------------------------------------------------------------------------------------------  */

	.login { font-family:"Source Sans Pro", sans-serif; font-weight:400; background:#AAA; }
	.login #login { width:480px; max-width:100%; margin:0 auto; padding:10% 0 0 0; overflow:visible; box-shadow:0 2px 0 rgba(0,0,0,0.05); }

/*  ------------------------------------------------------------------------------------------  *\
 -	3 - LOGO
\*  ------------------------------------------------------------------------------------------  */

	.login #login h1 { text-align:center; margin:0 auto; height:160px; }
	.login #login h1 a { display:inline-block; width:100%; height:160px; text-align:center; margin:0 auto; outline:0;
		background:#FFF url('../images/logo.svg') center center no-repeat; background-size:80% 80%;
		-webkit-transition:background-color 0.25s ease; transition:background-color 0.25s ease; }
	.login #login h1 a:hover,
	.login #login h1 a:focus { background-color:#CCC; outline:0; }

/*  ------------------------------------------------------------------------------------------  *\
 -	4 - FORMULAIRES
\*  ------------------------------------------------------------------------------------------  */

	.login #login #loginform,
	.login #login #registerform,
	.login #login #lostpasswordform { margin:0 0 20px 0; padding:25px 30px 30px 30px; background-color:rgba(255,255,255,0.55); border-radius:0; }

	/* Labels */

	.login #login p { margin:0; }
	.login #login p label { font-size:16px; line-height:20px; font-weight:400; color:#444; }
	.login #login p.forgetmenot label { vertical-align:bottom; font-size:14px; line-height:16px; font-weight:400; }

	.login #login p label[for="user_login"]:before,
	.login #login p label[for="user_email"]:before,
	.login #login p label[for="user_pass"]:before,
	.login #login p.aiowps-captcha label:before { display:inline-block; vertical-align:bottom; content:""; margin:0 8px 0 0; 
		font-family:"dashicons"; font-size:18px; line-height:20px; color:#AAA; }
	.login #login p label[for="user_login"]:before { content:"\f110"; }
	.login #login p label[for="user_email"]:before { content:"\f466"; }
	.login #login p label[for="user_pass"]:before { content:"\f528"; }
	.login #login p.aiowps-captcha label:before { content:"\f112"; }

	/* Champs */

	.login #login input[type="text"],
	.login #login input[type="email"],
	.login #login input[type="password"] { border-width:0; box-shadow:none; margin:10px 0 10px 0; padding:5px 10px; font-size:16px; line-height:30px; font-weight:400; color:#333; 
		background-color:rgba(255,255,255,0.55); }
	.login #login input#user_login { }
	.login #login input#user_pass { margin:10px 0 15px 0; color:#AAA; }

	.login #login p.forgetmenot { float:left; }
	.login #login p.forgetmenot input#rememberme { vertical-align:bottom; margin:0; }

	/* Boutons */

	.login #login p.submit input#wp-submit { display:block; margin:5px 0 0 0; padding:10px 30px; border-radius:0; 
		font-size:15px; line-height:20px; font-weight:400; text-transform:uppercase; 
		outline:0; border-width:0; height:auto; float:right; color:#777; background-color:#FFF; box-shadow:0 1px 2px rgba(0,0,0,0.25); text-shadow:none;
		-webkit-transition:background-color 0.2s ease, color 0.2s ease; transition:background-color 0.2s ease, color 0.2s ease; }
	.login #login p.submit input#wp-submit:hover,
	.login #login p.submit input#wp-submit:focus { outline:0; color:#EEE; background-color:#333; outline:0; box-shadow:none; }

	/* Captcha */

	.login #login .aiowps-captcha-equation { display:inline-block; margin:0 auto; }
	.login #login .aiowps-captcha-equation strong { font-size:16px; line-height:60px; font-weight:400; padding:0; color:#F06; }
	.login #login .aiowps-captcha-equation #aiowps-captcha-answer { display:inline-block; text-align:center; width:50px; padding:5px; margin:0 0 0 10px; }
	.login #login .aiowps-captcha-equation #aiowps-captcha-answer + p { clear:both; }

	/* Infos */

	.login #login #reg_passmail { float:left; width:50%; margin-top:5px; font-size:13px; line-height:20px; font-weight:400; color:#444; }
	.login #login #reg_passmail + br.clear { display:none; clear:none; }

/*  ------------------------------------------------------------------------------------------  *\
 -	5 - LIENS
\*  ------------------------------------------------------------------------------------------  */

	.login #login #nav { float:right; text-align:right; padding:0; margin:0; }
	.login #login #backtoblog { float:left; text-align:left; padding:0; margin:0; }

	.login #login #nav a,
	.login #login #backtoblog a { font-size:14px; line-height:20px; padding:5px 10px; outline:0; -webkit-transition:color 0.2s ease; transition:color 0.2s ease; }
	.login #login #nav a,
	.login #login #nav a:visited,
	.login #login #backtoblog a,
	.login #login #backtoblog a:visited { color:#333; }
	.login #login #nav a:hover,
	.login #login #nav a:focus,
	.login #login #backtoblog a:hover,
	.login #login #backtoblog a:focus { color:#FFF; background-color:#888; outline:0; box-shadow:none; }

	.login #login #nav a:before,
	.login #login #backtoblog a:before { display:inline-block; vertical-align:top; content:""; margin:0 10px 0 0; font-family:"dashicons"; font-size:18px; line-height:20px; color:#888;
		-webkit-transition:color 0.2s ease; transition:color 0.2s ease; }
	.login #login #backtoblog a:before { content:"\f531"; }
	.login #login #nav a:before { content:"\f240"; }
	.login #login #nav a:last-child:before { content:"\f112"; }
	.login #login #nav a:hover:before,
	.login #login #nav a:focus:before,
	.login #login #backtoblog a:hover:before,
	.login #login #backtoblog a:focus:before { color:#FFF; outline:0; box-shadow:none; }

/*  ------------------------------------------------------------------------------------------  *\
 -	6 - MESSAGES
\*  ------------------------------------------------------------------------------------------  */

	.login .message,
	.login #login_error { text-align:left; margin:0; padding:20px 30px 22px 30px; color:#FFF; font-size:14px; line-height:20px; font-weight:400; box-shadow:none; 
		border-width:0 0 5px 0; border-style:solid; }

	.login .message { background-color:rgba(0,125,255,0.35); border-color:#6A7DE3; }
	.login #login_error { background-color:rgba(255,0,0,0.55); border-color:#DD3D36; }

	.login .message:before { display:inline-block; vertical-align:bottom; margin:0 5px 0 0; font-family:"dashicons"; font-size:18px; line-height:20px; color:#EEE; content:"\f348"; }