/***** Message actions *****/

#login_error, .message{	
    font-size: 16px !important;
	border: none !important;
	background: #ffa456 !important;
	color: white !important;
	font-weight: 500 !important;
	line-height:1.8em;
	text-align:center;
}

.message p{
    float: left;
    width: 70%;
}

.message a.button{
    margin: auto;
}

.message .flag{
    height: 12px;
}

i.far{
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
}

.custom-message-resetpass{
 	display: flex !important;
}

/**********************************/


body.login {
	background: url(https://portal.trainingcentre.unwomen.org/wp-content/uploads/2019/06/unw-nyc-600.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 5%;
}

html{
    height:auto;
}

#login {
  padding: 3% 0 0 !important;
}

#backtoblog{
  display:none;
}

.submit > #wp-submit, #wfls-token-submit{
  width:100%;
  margin-top:4%;
  padding: 20px !important;
  background-color: #009ddc !important;
  margin-bottom: 1px;
  box-shadow: none;
  line-height:0 !important;
}
.submit > #wp-submit:hover, #wfls-token-submit{
  background-color: #007fb2 !important;
}
#login form p.submit {
    margin: 0;
    padding: 0;
}

.login form {
    margin-top: 0px;
    padding: 0px 20px;
    box-shadow: none;
	background: none;
	width: 92%;
}

body.login	{
	-webkit-animation: animatedBackground 40s linear;
	-moz-animation: animatedBackground 40s linear;
	-ms-animation: animatedBackground 40s linear;
	animation: animatedBackground 40s linear;
	animation-fill-mode: forwards;
}


@keyframes animatedBackground {
	from { background-position: right center; }
	to { background-position: left center; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: right center; }
	to { background-position: left center; }
}
@-ms-keyframes animatedBackground {
	from { background-position: right center; }
	to { background-position: left center; }
}
@-moz-keyframes animatedBackground {
	from { background-position: right center; }
	to { background-position: left center; }
}

/* Styles for logo image */
body.login div#login h1 a {
  background-size: auto;
    width: auto;
    height: 100px;
}
			
 
body.login #login {
	width:500px;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px !important;
}
	
body.login div#login form p label {
	color:grey;
	font-size:17px;
}

body.login #loginform p.submit .button-primary, body.wp-core-ui .button-primary{
  font-size:26px;
  border: none !important;
  text-shadow: none;
  line-height: 0px;
}

body.login #loginform p.submit .button-primary:hover, body.login #loginform p.submit .button-primary:focus, body.wp-core-ui .button-primary:hover {
	background: rgba(225,147,68, 0.9) !important;
}

#nav a{
	font-size: 16px;
	color: #009ddc !important;
	text-decoration: underline !important;
}
#nav a:hover{
	color: grey !important;
}

.slider-copyright{
	text-align: center;
	margin-top: 13%;
	color: white;
	font-size: 16px;
}

.slider-copyright a{
	color: white !important;
}
.slider-copyright a:hover{
	color: #009ddc !important;
}

@media (max-width: 540px) {
  body.login #login {
	width:100% !important;
	background: rgba(255, 255, 255, 0.9);
	padding: 30px 0px !important;
}
	.slider-copyright{
	    margin-top: 10px;
		padding: 4px;
    }
	body.login {
		padding-top: 0px;
    }
	label,a{
   font-size: 15px !important;
	}
	body,html{
    height:100%;
}
}
#loginform{
  border: none;
}
#loginform{
border:none;
}
#loginform label{
  color: #333333 !important;
  font-size: 16px;
}