/******************************************************************
Site Name: Dr. Rybak
Author: [WORX]


Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/

body.login {
  background: #F7F6F6;
  position: relative;
}

#login {

}

.login form {
  margin-left: 0;
  padding: 26px 24px 46px;
  font-weight: normal;
  background: #fff;
  border: 0 none;
  border-radius: 0;
}

.login form .input, .login form input[type=checkbox], .login input[type=text] {
  background: #fff;
}

.login form .input, .login input[type=text] {
  font-size: 16px;
  width: 100%;
  padding: 3px 3px 3px 9px;
  margin: 2px 6px 16px 0;
  line-height: 1.6em;
}

.login h1 a {
  background-image: url('../images/logo_rybak-sportrecht.png');
  background-image:
    linear-gradient(transparent, transparent),
    url('http://www.dr-rybak.com/cms/wp-content/themes/ark-child/library/images/logo_dr-rybak-sportrecht.svg');
  background-size: 280px;
  background-position: center center;
  width: 100%;
}

.login label {
  color: #484B42;
  font-size: 14px;
}

.login .message, .login #login_error {
  border-left: 4px solid #30abd2;
}

.login #backtoblog, .login #nav {
  text-align: center;
}
.login #backtoblog a, .login #nav a {
  text-decoration: none;
  color: #484B42;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: #212121;
}


.login .button-primary {
  background: #30abd2;
  color: #484B42;
  border: none;
  border-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;

  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

.wp-core-ui .button-primary {
  text-shadow: none;
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
  height: 34px;
  line-height: 32px;
  padding: 1px 14px 19px;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
  background: #30abd2;
  color: #484B42;
  border: none;
  border-color: transparent;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

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: #30abd2;
  -webkit-box-shadow: 0 0 2px #30abd2;
  box-shadow: 0 0 2px #30abd2;
}

#user_login:-webkit-autofill {
  background: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}