/*Page Log-in*/

/* changement de l'image de fond de ma page de connexion WordPres */
#login{
	padding: 8% 0 0 0;
}

.login { 
  background: #359744;
  background: linear-gradient(180deg, rgba(66,189,84,.8), rgba(53,151,68,1) 100%);
}

.login h1 a{
	background-image: url(in-logo-white.png);
	background-image: none,url(ineis-logo.svg);
	background-size: 150px 89px;
	width: 150px;
	height: 89px;
}

.login #nav,
.login #backtoblog{
	display: none;
}

.login form{
	background-clip: border-box;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
	border-radius: 0.5rem;
}

.login .message{
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
	border-radius: 2rem;
}

.login form .input,
.login form input[type="checkbox"],
.login input[type="text"]{
	background: #ECF8EE;
}

.login form .input,
.login input[type="password"],
.login input[type="text"]{
	border-width:0rem;
	border-radius: 20px;
}

.login input[type="checkbox"], 
.login input[type="radio"]{
	border: none;
}

.login a:active, .login a:hover{
	color: #359744;
}

.login a{
	color: rgb(66, 189, 84);
}

.login .button-primary{
	color: #fff;
  	background: #359744;
  	background: linear-gradient(180deg, rgba(66,189,84,.8), rgba(53,151,68,1) 100%);
	font-size: 0.9rem;
	line-height: 1.5;
	border-radius: 2rem;
  	border: none;
  	transition: background-color .5s;
}

.login .button-primary:hover{
	background-color: #287233;
	background: linear-gradient(180deg, rgba(66,189,84,.8), rgba(40,114,51,1) 100%);
}
 
.login .button-secondary{
	color: #359744;
}

.login .button-secondary:hover{
	color: #287233;
}