html{
	font-size: 62.5%;
}

body{
	background-color: #edd2c4;;
	background-size: cover;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.login h1 a {
  background-image: url('https://cicada-seascape.gr/wp-content/uploads/2021/05/cicada-seascape-Gold-quadrat.svg');
  background-size:auto!important;
  width:100%!important;
  height:13rem!important;
}

.login form {
  box-shadow:none;
  padding:2rem;
  border:0rem;
}

#login {
	background: #FFF;
	margin: 5rem auto;
	padding:2rem;
	width: 35rem;
	border-radius:.5rem;
	box-shadow:1px 1px 7px -1px rgba(0,0,0,0.57);
}

.login label, #nav a , #backtoblog a{
	color: #A18672 !important;
	font-size: 1.4rem;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
}

.login form .forgetmenot{
  float:none;
}

#login form p.submit{
  margin-top:1.5rem;
}


.login.wp-core-ui .button-primary {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.4rem !important;
	text-align: center;
	color: #FFFFFF;
	background: #A18672;
	border: 1px solid #A18672;
	border-radius: .5rem;
	padding: 1.5rem 3.5rem;
	transition: all .4s;
	cursor: pointer;
}

.login.wp-core-ui .button-primary:hover {
	color: #A18672;
	background: #FFFFFF !important;
	border: 1px solid #A18672 !important;
	padding: 1.5rem 3.5rem !important;
}

.login #login_error, 
.login .message, 
.login .success {
  border-left: .4rem solid #A18672;
}

.wp-core-ui .button-primary.focus, 
.wp-core-ui .button-primary:focus {
  box-shadow: 0 0 0 .1rem #fff,0 0 0 .3rem #A18672;
}