body.login {

  background-attachment: fixed;
  background-position: top;
  background-size: 100%;

    background: -webkit-radial-gradient(circle, white 10%, #597E4D); /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, white 10%, #597E4D); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, white 10%, #597E4D); /* For Fx 3.6 to 15 */
    background: radial-gradient(circle, white 10%, #597E4D); /* Standard syntax (must be last) */
}

#login {
    width: 320px;
    padding: 8% 0 0;

}


.login h1 a {
	background-image: url('http://chezmagan.it/wp-content/uploads/2025/04/logo_chez_magan.svg');
	background-size: 250px;
    width: 100%;
    height: 150px;
}


.login form {
    width: 230px;
    margin: 0 auto;
    padding: 26px 24px 16px;
    background: #fff;
    background: rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

p#backtoblog, p#nav, p.message, .privacy-policy-page-link, .language-switcher {
  display: none;
}


.login #login_error {
    width: 250px;
    margin: 0 auto;
}



.login label {
  font-size: 12px;
  color: #555555;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login .button-primary {
  width: 120px;
  float:right;
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3));
  background: -webkit-linear-gradient(top, #17a8e3, #17a8e3);
  background: -moz-linear-gradient(top, #17a8e3, #17a8e3);
  background: -ms-linear-gradient(top, #17a8e3, #17a8e3);
  background: -o-linear-gradient(top, #17a8e3, #17a8e3);
  background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%);
  color: #ffffff;
  -webkit-border-radius: 4px;
  border: 1px solid #0d9ed9;
}

.login .button-primary:hover {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
  background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
  background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #0d9ed9;
}

.login .button-primary:active {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
  background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
  background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
  color: #fff;
  -webkit-border-radius: 4px;
  border: 1px solid #0d9ed9;
}

@media screen and (max-width: 590px) {
.login h1 a {
	background-size: 350px;
	background-position: bottom;

    width: 100%;
    height: 240px;
}
}

@media screen and (max-width: 320px) {
.login h1 a {
	background-size: 280px;
	background-position: bottom;

    width: 100%;
    height: 150px;
}
}