/*
Wordpress Login Style Override
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap');

body.login {
	background: #fff;
}

#login {
	margin: 0 auto;
  padding: 8% 20px;
  width: 100% !important;
  max-width: 342px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.login h1 a {
	background-image: url('../images/logo-login.png');
	background-size: 167px 86px;
	background-repeat:no-repeat;
	width: 167px;
	height: 86px;
	margin: 0 auto 20px auto;
}


h3 {
	font-size: 18px;
	color: #7abcdb;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
}


p, label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	/* color: #e1e1e1; */
}


p.message {
	color: #222;
	margin-top: 30px;
}



input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    border-color: #7abcdb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/*-----------------------------------------------------------------------------------*/
/* Login Form */
/*-----------------------------------------------------------------------------------*/
.login form {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
padding: 0;
/* padding: 30px; */
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* background: #002338; */
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}



.login form input {
height: 40px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}


.login label {
/* color: #fff; */
line-height: 26px;
}


input#rememberme {
height: 18px;
width: 18px;
display: inline;
vertical-align: middle;
margin: 10px 0;
}






/*-----------------------------------------------------------------------------------*/
/* Login Form Button*/
/*-----------------------------------------------------------------------------------*/

.wp-core-ui .button.button-large, .wp-core-ui .button-group.button-large .button {
  margin-top: 13px;
  width: 100%;
  height: 44px;
  float:right;
  border: 1px solid #fff;
  background: #13394c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
  -webkit-box-shadow: 0 0 0 0  rgba(0,0,0,0);
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}


.wp-core-ui .button.button-large:hover, .wp-core-ui .button-group.button-large .button:hover {
	border: 1px solid #7abcdb;
	background: #1e7cab;
}







.login #nav,
.login #backtoblog {
  color: #222 !important;
  padding: 0;
}


.login #nav a,
.login #backtoblog a {
  color: #222 !important;
}


.login #nav a:hover,
.login #backtoblog a:hover {
  color: #7abcdb !important;
}


div.updated,
.login .message {
background-color: lightYellow;
border-color: #7abcdb;

}


.login #backtoblog a,
.forgetmenot { display:none;}