/*LOGGIN PAGE*/
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');



body {  background:#3f4c50;
  min-width:0;
  color:#373e3f;
  font-family: "Abel", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 18px
}


#login {
  width: 50vw;
  padding: 5% 0 0;
  margin: auto;
  max-width: 650px;
  min-width: 320px;
}

.login h1 a {
	background-image: url("logo-lartisan.webp")!important;
	background-size: 100%;
	width: 100px;
	height: 130px;
}

.login form {
	border: none;
	box-shadow: 1px 1px 13px -2px rgba(0, 0, 0, 0.3);
}
.login form .input, .login input[type=password], .login input[type=text] {
	border-radius: 0;
	background: #ebebeb;
	border: 1px solid #d9d9d9;
}

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

.login .button {padding: 5px 15px; border-radius: 13px !important;}

.wp-core-ui .button-primary {
	border-radius: 0;
	background: linear-gradient(47deg, rgba(145,89,37,1) 0%, rgba(242,219,125,1) 64%, rgba(250,241,147,1) 98%);;
	border: none;
}
.wp-core-ui .button-secondary {
	color: #6e6e6e;
}
#nav, #backtoblog {
	text-align: center;
}
.login #nav a {
	color: #ffffff;
}

.login #backtoblog a:hover {color: #000}

.login .button-primary:hover {background:  #000;}

.login #backtoblog {background:  linear-gradient(47deg, rgba(145,89,37,1) 0%, rgba(242,219,125,1) 64%, rgba(250,241,147,1) 98%); border-radius: 13px; padding: 10px 30px; text-align: center}


.login #backtoblog a { color: #fff; font-size: 16px;text-align: center;}