/*
File name:       login.css
Version:         1.0
Description:     Stylesheet for WordPress-login
Author:          artesmedia.ch
Author URI:      https://artesmedia.ch
*/


/* generalia
--------------------------------------------------------------*/
a:active,
a:focus,
html,
button
h1 {
       outline:0!important;
       outline:none!important;
       order:0px!important;
       -moz-outline-style: none!important;
}
/* END generalia
--------------------------------------------------------------*/


/* login page
--------------------------------------------------------------*/
html {
	height: 100%;
	display: table;
	width: 100%;
}
body {
	display: table-cell;
	vertical-align: middle;
}
body.login {
       width:100%;
       background:#fff url(../../../../wp-content/uploads/login-bg.jpg) no-repeat center center;
       background-size:cover;
}
body #error-page {
       width:100%;
       height:100%;
       background:#fff url(../../../../wp-content/uploads/login-bg.jpg) no-repeat center left;
       background-size:cover;
}
/* END login page
--------------------------------------------------------------*/


/* login form
--------------------------------------------------------------*/
#login {
      float:left;
       margin:0% 0% 0% 2%;
       padding:0;
       width:370px;
       background: rgba(255,255,255,0.7);
       border-radius:20px;
}
#login {
	}
.login label {
       color:#000;
}
.login input#user_login,
.login input#user_pass {
       color:#000;
}
.login h1 a {
       margin:0;
       padding:0;	
       width:370px;
       height:90px;
       background:rgba(255,255,255,0.0) url(../../../../wp-content/uploads/login-logo.png);
       background-size:370px 74px;
	background-repeat:no-repeat;
	background-position:center center;
       border-bottom:0px solid #000;
       border-top:0px solid #000;
}
.login form {
	margin-top:0px;
       padding:20px 26px 26px;
       border:none;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
       border:1px solid #00567f;
       border-radius:4px;
       color:#000;
}
input[type="checkbox"] {
       display:none;
}
input[type="checkbox"] + label::before {
       width:15px;
       height:15px;
       border-radius:15px;
       border:2px solid #00567f;
       background-color:transparent;
       display:block;
       content:"";
       float:left;
       margin-right:5px;
}
input[type="checkbox"]:checked+label::before {
       box-shadow:inset 0px 0px 0px 3px #fff;
       background-color:#00567f;
}
.forgetmenot {
       margin-top:7px;
}
.login input[type="text"],
.login input[type="password"] {
       background-color:transparent;
       border-radius:0px;
       border:none;
       border-bottom:1px dashed #405464;
       color:#000;
       box-shadow:none;
	font-size:20px;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus {
       box-shadow:none;
}
.dashicons,
.dashicons-before::before {
       color:#00567f;
}
.dashicons:hover {
       color:#008fd1;
}
#loginform,
#lostpasswordform {
       background:none;
       background-color:transparent;
       box-shadow: none;background:rgba(255,255,255,0.0);
}
.login #nav {
	border-top:0px solid #405464;
}
.login #nav,
.login #backtoblog,
.login .privacy-policy-page-link {
       margin:0;
	padding:0;
	text-align:right;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link {
	display:block;
       margin:0 0 1px 0;
	padding:5px 27px 5px 0px;
	background:rgba(255,255,255,0.0);
       color:#00567f;
	text-decoration:none;

}
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-link:hover {
       color:#fff;
       background:#00567f;	
}
.login .privacy-policy-link {
	border-bottom:0px solid #405464;
}
.login #backtoblog::after {
	display:block;
	margin:0;
	padding:10px 0 0 0;
	background:rgba(255,255,255,0.0);
	content:url(./././../pics/logo-artesmedia-320x60.svg);
	color:#405464;
	text-align:center;	
}
.login #login::after {
	display:block;
       margin-top:0px;	
	padding:10px 0 20px 0;
	background:rgba(255,255,255,0.0);	
	text-align:center;	
	content:'- 2018 -';
       color:#000;
       font-weight:normal;
}
/* login messages
--------------------------------------------------------------*/
.login #login_error,
.login .message {
       border-left:0px solid #00567f;
       border-left-color:rgb(0,0,0);
       margin:0;
       padding:12px;
       background:#000;
       -webkit-box-shadow:0 0px 0px 0 rgba(0,0,0,0);
       box-shadow:0 0px 0px 0 rgba(0,0,0,0);
       color:#fff;
}
.login #login_error a:link {
       color:#fff;
}
.login #login_error a:hover {
       color:#000;
}
/* login button
--------------------------------------------------------------*/
.wp-core-ui .button-primary {
       background:none repeat scroll 0 0 #00567f;
       border-color:#00567f;
       box-shadow:0 0px 0 rgba(0,0,0,0.5) inset, 0 0px 0 rgba(0,0,0,0.15);
       color:#fff;
       text-decoration:none;
       text-shadow:none;
}
.wp-core-ui .button-primary:hover {
       background:#008fd1;
       border-color:#008fd1;
       color:#fff;	
}
/* END login form
--------------------------------------------------------------*/