/* KIRJAUTUMIS-SIVU CSS */

body.login {
	background: #f6f6f6 url('login_tausta.jpg') no-repeat fixed center;
	background-size: 1920px 1200px;
}
#language-switcher {
  display: none;
}
.viesti{
    background-color: #fff;
    color:#333;
    padding:10px;
    text-align: center;
    margin-bottom: 4px;
    border-radius: 2px;  
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;  
	-webkit-border-radius: 2px;
}
#lostpasswordform div.g-recaptcha, #loginform div.g-recaptcha, #registerform div.g-recaptcha {
    margin: 12px 0 6px 4px !important;
}
div.updated,
.login .message {
	background-color:#ffffff !important;  
	border-color: #ffffff !important;  
	border:none!important;  
	margin: 10px auto!important;  
	
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
}
.login #login_error {
	background-color:#e6285f !important;  
	border-color: #e6285f !important;  
	border:none !important;  
	color:#ffffff !important;  
	margin: 0px auto !important;  
	margin-bottom: 4px !important;  
	border: 1px solid #e6285f !important;  
	
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0)!important;  
}
.login #login_error a{
	display:none!important;  
}
#login_error, .login .message {
    margin-left: 0!important;  
	margin-bottom: 4px!important;  
    padding: 12px!important;  
	font-family: "Trebuchet MS", Helvetica, sans-serif!important;  
	font-size: 14px!important;  
	font-weight: 400!important;  
	color:#333333!important;  
	text-align:center!important;  
	border: 1px solid #ffffff!important;  
	-webkit-border-radius: 2px!important;  
	-moz-border-radius: 2px!important;  
	border-radius: 2px!important;  
}
#login {
	margin-left: 0 auto;
	padding: 14% 0px 0px 0px !important;  
	width: 350px!important;  
	opacity: 1!important;  
    filter: alpha(opacity=100)!important;   /* For IE8 and earlier */
}
#login form p {
    margin-top: 6px!important;  
}
.login h1 {
	display:none!important;  
}
.login form {
	position:relative!important;
	background-image: url('login_logo.png')!important;  
	background-size: 300px 100px !important;  
	background-repeat:no-repeat!important;  
	background-position:center 30px!important;    
	margin-left: auto!important;  
	margin-right: auto!important;  
	padding: 150px 20px 120px 20px!important;  
	margin-top:0 !important;  
	margin-bottom:0px!important;  
	line-height:2!important;  
	border: 1px solid #fff  !important; 
	-moz-border-radius: 2px!important;  
	-webkit-border-radius: 2px!important;  
	-webkit-border-top-left-radius: 2px!important;  
	-webkit-border-top-right-radius: 2px!important;  
	-moz-border-radius-topleft: 2px!important;  
	-moz-border-radius-topright: 2px!important;  
	border-top-left-radius: 2px!important;  
	border-top-right-radius: 2px!important;  
	background-color: rgba(255,255,255,1)!important;
	
	-moz-box-shadow: none!important;  
	-webkit-box-shadow: none!important;  
	box-shadow: none!important;  
	overflow:visible!important;  
}
.login label {
	color: #333333!important;
	font-size: 18px!important;
	line-height: 2!important;  
	vertical-align:baseline!important;  
}
.login form .input,
.login input[type="text"]{
	color: #111!important;
	background-color: #eee!important;   
	font-size:16px!important;  
	border:1px solid #111!important;  
	margin:2px 0!important;  
	-webkit-border-radius: 2px!important;  
	-moz-border-radius: 2px!important;  
	border-radius: 2px!important;  
	
	-webkit-box-shadow: 1px 1	px 3px 0px rgba(0,0,0,0.16)!important;  
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.16)!important;  
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.16)!important;  
}
input#rememberme {   
	vertical-align: middle!important;    
	font-size:14px !important;  
	border:1px solid #111!important;  
}
.login form input:focus,
.login form textarea:focus {
	background-color: #ffffff!important;  
	color:#222!important;  
	border:1px solid #999!important;  
	/*
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.16)!important;  
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.16)!important;  
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.16)!important;  
	*/
	overflow: hidden!important;  
}
.login .privacy-policy-page-link {
    display: none;
}
.wp-core-ui .button.button-large, .wp-core-ui .button-group.button-large .button {
	font-family: "Trebuchet MS", Helvetica, sans-serif!important;  
	font-size:18px!important;  
	font-weight:400!important;  
	color:#222!important;
	background-color: #fff !important;  
	letter-spacing: 0px!important;  
	text-transform:inherit!important;  
	margin:10px 0!important;
	padding: 4px 0;   
	-webkit-border-radius: 2px!important;  
	-moz-border-radius: 2px!important;  
	border-radius: 2px!important;  
}
.wp-core-ui .button-primary {
	position:relative!important;  
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A8ED49), color-stop(1, #111))!important;  
	background:-moz-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-webkit-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-o-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-ms-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:linear-gradient(to bottom, #A8ED49 5%, #A8ED49 100%)!important;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8ED49', endColorstr='#A8ED49',GradientType=0)!important; 

	background-color:#A8ED49!important;  
	border:none !important; 
	-webkit-border-radius: 2px!important;  
	-moz-border-radius: 2px!important;  
	border-radius: 2px!important;  
	display:inline-block!important;  
	cursor:pointer!important;  
	color:#fff !important;  
	text-decoration:none!important;  
	width:100%;
	float:left;

	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0) !important; 
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0) !important; 
	box-shadow:2px 2px 4px 0px rgba(0,0,0,0) !important; 
	text-shadow: none !important; 
}

.wp-core-ui .button-primary:hover {
	color:#fff!important;  
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A8ED49), color-stop(1, #A8ED49))!important;  
	background:-moz-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-webkit-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-o-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-ms-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:linear-gradient(to bottom, #A8ED49 5%, #A8ED49 100%)!important;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8ED49', endColorstr='#A8ED49',GradientType=0)!important;  
	background-color:#A8ED49 !important; 
	border:none !important; 
}

.wp-core-ui .button-primary:active  {
	color:#fff!important;  
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A8ED49), color-stop(1, #A8ED49))!important;  
	background:-moz-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-webkit-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-o-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-ms-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:linear-gradient(to bottom, #A8ED49 5%, #A8ED49 100%)!important;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8ED49', endColorstr='#A8ED49',GradientType=0)!important;  
	background-color:#A8ED49 !important; 
	border:none !important; 
}
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
	color:#fff!important;  
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A8ED49), color-stop(1, #A8ED49))!important;  
	background:-moz-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-webkit-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-o-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:-ms-linear-gradient(top, #A8ED49 5%, #A8ED49 100%)!important;  
	background:linear-gradient(to bottom, #A8ED49 5%, #A8ED49 100%)!important;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8ED49', endColorstr='#A8ED49',GradientType=0)!important;  
	background-color:#A8ED49 !important;
	border:none !important;
}

.login #nav {
    background: none repeat scroll 0 0 transparent; 
    text-align: center!important;  
	margin-left:0px !important;
	width: 100% !important;
}
.login #backtoblog {
    background: none repeat scroll 0 0 transparent; 
    text-align: center!important;  
	margin-left:0px !important;
	width: 100% !important;
	display:none!important;
}
.login #nav{
	padding:6px 0!important;  
	margin-top:20px!important;  
	/*border-bottom: 1px dotted #222222!important;*/  
	text-align:center!important;  
	text-shadow: none!important;  
	-moz-box-shadow: none!important;  
	-webkit-box-shadow: none!important;  
	box-shadow: none!important;  
}
.login #backtoblog {
	padding:6px 0!important;  
	margin:0!important;  
	border-top: none!important;  
	text-align:center!important;  
	text-shadow: none!important;  
	-moz-box-shadow: none!important;  
	-webkit-box-shadow: none!important;  
	box-shadow: none!important;
	display:none!important;  
}
.login #nav a,
.login #backtoblog a {
	font-family:"Trebuchet MS", Helvetica, sans-serif!important;  
	color:#ffffff !important;
	font-size: 16px!important;  
	font-weight:400!important;  
	text-shadow:none!important;  
	margin-bottom:30px!important;  
	text-decoration:none!important;  
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color:#777777 !important;
}
@media screen and (max-width: 560px) {
    #login {
		width: 320px!important;  
	}
	#login form p {
		margin-top: 4px!important;  
	}
}