/*
*  Custom Login Page CSS
*/
 
body.login {
   background-image: url('../img/series/stranger-things.jpg');
   /* background-image: linear-gradient(60deg, #C835F4, #FF1C1C); */
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   background-size: cover;
}

/* Logo */
.login h1 a {
   background: url('../img/favicon.png') no-repeat center !important;
   background-size: contain !important;
   filter : invert(100%);
}

/* formulaire de connexion */
.login form {
   background: rgba(255, 255, 255, 0.86);
   border-radius: 2px;
}

.login label { 
	font-size: 12px; 
	color: #555555; 
} 

.login input[type="text"]{ 
	background-color: #ffffff; 
	border-color:#dddddd; 
	-webkit-border-radius: 4px; 
} 

.login input[type="password"]{ 
	background-color: #ffffff; 
	border-color:#dddddd; 
	-webkit-border-radius: 4px; 
}

.login .button-primary { 
	width: 120px; 
	float:right; 
	background-color:#b32b5a !important; 
	color: #ffffff; 
	font-weight:bold; 
	-webkit-border-radius: 4px; 
	border: 1px solid #b32b5a; 
	box-shadow: none; 
	text-shadow: none; 
} 

.login .button-primary:hover { 
	background-color:#b30a73 !important; 
	color: #fff; 
	-webkit-border-radius: 4px; 
	border: 1px solid #b30a73; 
} 

.login .button-primary:active {
	background-color:#b30a73 !important; 
	color: #fff; 
	-webkit-border-radius: 4px; 
	border: 1px solid #b30a73; 
}


/* lien retour */
#backtoblog {
   position: fixed;
   left: 0;
   top: 0;
   margin: 0 !important;
   width: 100%;
}
 
.login #backtoblog a {
   font-size: 2em;
   color: #FFFFFF !important;
   text-shadow: 0 0 1px #000000, 2px 2px 3px #0c0c0c;
}
 
.login #backtoblog a:hover {
   color: #FFFFFF !important;
}

/* Retire le lien « Retour au site » */
/* p#backtoblog{
display: none;
} */

/* Retire le lien Mot de passe perdu */
p#nav {
display: none;
}

@media (max-width: 450px) {
	.login #backtoblog a {
		font-size: 1.5em
	}
}