/*Custom skin login starts here*/


body.login { background: url(/wp-content/uploads/lynn_parotti-Dulse_Verde.jpg) no-repeat center top;
		-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


/* login space from top of browser */

.login {
	padding-top: 12vh !important;
	overflow: hidden !important;
}

 /* login form basic spacing */
	.login form {
		padding: 0 0 0px !important;
		margin: 22px 0px 0px 0px  !important;
		border: none !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		background: none !important;
	}

/*body p*/

p {line-height: 1.3 !important;}
body {color: #fff !important;}

/* login background colour */
.login #login {
	padding: 0px 5px 24px !important;
  border: 0px none !important;
    box-shadow: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important;
}

/*dead center the login*/

#login {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 360px !important;}

@media screen and (max-width: 456px) {
	#login {width: 90% !important;}
}

/* link colors */
.login a, .login #nav a, .login #backtoblog a { color: rgba(255,255,255,1) !important; text-shadow: none; transition: all 0.3s ease-out 0s !important;}
/*hover*/
.login a:hover, .login #nav a:hover, .login #backtoblog a:hover {color: rgba(255,255,255,0.8) !important;}

/* login button & border color and drop shadow */
.login #wp-submit { background: url(/wp-content/plugins/skin-login/includes/themes/button-overlay.png) repeat-x scroll left top #fff!important; font-size: 12px !important;
	border-color: #fff !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; color: #AEB1A0 !important; opacity: 0.8; transition: all 0.3s ease-out 0s !important;}

.login #wp-submit:hover {opacity: 1;}


.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    height: 26px !important;
    line-height: 20px !important;
    padding: 0px 12px 1px 12px !important;
}


/* login logo */
	.login h1 a {
    background-image: url(/wp-content/uploads/lynn_parotti_logo_large.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 100% !important;
    height: 180px !important;
		width: 100% !important;
		margin: 0px 0px 15px 0px !important;
}

/* login logo - clicked - not fixed yet */
login h1 a:active, login h1 a:focus {
	box-shadow: none !important;
}

/* space above login fields */

		.login form input[type="text"],
		.login #loginform input[type="password"],
		.login #loginform input[type="email"] { margin-top: 6px !important; color: #766E6C !important; border-radius:0;}

/* Login labels */

.login label {
    color: #fff !important;
    font-size: 12px !important;
	  
}
		
/* login fields font size */

.login form .input, .login input[type="text"] {
    font-size: 14px !important;
    padding: 8px !important;
	border: 0px none !important;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}

/* login fields background colour */

.login form .input, .login form input[type="checkbox"], .login input[type="text"] {
    background: rgba(255,255,255,0.7) !important;
}


/* WP weird blue button line */

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

/* Button radius */

.wp-core-ui .button, .wp-core-ui .button-primary {
	border-radius: 0px !important; }


/* Logged out message border colour */

.login #login_error, .login .message {
    border-left: 0px none !important;
	margin-left: 24px !important;
	margin-right: 24px;
	background-color: rgba(0,0,0,0) !important;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0) !important;
	text-align: center !important;
	padding: 0px !important;
}

/* Login message space */

.login .message {margin-bottom: 10px !important;}

/* Bottom links */

.login #nav {
    margin: 12px 0px 0px !important;
}


.login #backtoblog, .login #nav {
    
    padding: 0px 12px !important;
}

.login #nav, .login #backtoblog {
    margin-left: 0px !important;
    text-align: center !important;
	font-size: 12px !important;
}


#backtoblog {
    margin: 12px 0px 0px !important;
    text-align: center !important;
}