html, body{
	background-color:#1c1d26;
	color: rgba(255, 255, 255, 0.75);
	font-weight:100;
	font-size:14px;
}

html, body, button, input, select, textarea{
	background-color:#1c1d26;
	color: rgba(255, 255, 255, 0.75);
	font-family: 'Roboto', Helvetica, Arial, serif;
}

/*Preload background images: */
body:after{
	display:none;
	content: url(images/login-logo.png); url("images/SCCD_icon-form-user.png") url("images/SCCD_icon-form-password.png") url("images/SCCD_icon-form-submit.png") url("images/SCCD_icon-form-user-on.png") url("images/SCCD_icon-support.png") url("images/SCCD_icon-form-password-on.png") url("images/SCCD_icon-form-submit-on.png");
}

strong, b {
	color: #ffffff;
	font-weight: 300;
}

.login h1 a {
	background-image: url(images/login-logo.png);
	height:320px; width:320px; margin:0 auto; background-size:320px;
	padding-bottom: 0px;
	transition: background-size 0.5s ease-in, height 0.5s ease-in, width 0.5s ease-in;
}

label[for=user_login] > br, label[for=user_pass] > br {
	display: none;
}

/*
#login {
	padding:0;
}

#login:before {
	content: "";
	display: inline-block;
	height: 8%;
	min-height: 25px;
}
*/

.login form {
	margin-top: 25px;
	margin-left: 0;
	padding: 0;
	background: none;
	box-shadow: none;
}
.login form input[type="text"],
.login form input[type="password"],
.login form input[type="email"],
.login form select{
	height:3em;
	font-size:17px;
	margin: 0 0 25px 0;
}

.login form #user_login{
	background-image:url("images/SCCD_icon-form-user.png");
}

.login form #user_pass{
	background-image:url("images/SCCD_icon-form-password.png");
}

.login form #user_login, .login form #user_pass{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 50px 50px;
	padding-left:50px;
}

.login form #user_login:focus{
	background-image:url("images/SCCD_icon-form-user-on.png");
}

.login form #user_pass:focus{
	background-image:url("images/SCCD_icon-form-password-on.png");
}

.login form input[type="text"],
.login form input[type="password"],
.login form input[type="email"],
.login form select, 
.login form textarea{
	-moz-appearance: none;
	background: transparent none repeat scroll 0 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	color:#c6c6c9;
	display: block;
	outline: 0 none;
	padding: 0 1em;
	text-decoration: none;
	transition: border-color 0.2s ease-in-out 0s;
	width: 100%;
}

.login form input[type="text"]:focus, 
.login form input[type="password"]:focus, 
.login form [type="email"]:focus, 
.login form select:focus, textarea:focus {
	border-color: #e44c65;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="radio"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
	box-shadow: none;
}

/*Cross-browser Placeholder Color*/
/*http://stackoverflow.com/a/2610741/2971649*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, 0.4);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.4);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, 0.4);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, 0.4);
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: rgba(255, 255, 255, 0.4);
}

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
	font-size:17px;
	background-color: #e44c65;
	box-shadow: none;
	color: #ffffff !important;
	border: 0 none;
	border-radius: 4px;
	font-weight: 300;
	height: 3em;
	line-height: 3em;
	padding: 0 1em; padding-right:50px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
	white-space: nowrap;
	transition: all 0.3s ease-in-out 0s;
	background-image:url("images/SCCD_icon-form-submit.png");
	background-position: right center;
	background-size: 50px 50px;
	background-repeat:no-repeat;
        text-shadow:none;
}

.wp-core-ui .button-group.button-large .button:hover, .wp-core-ui .button.button-large:hover {
	background-color: #e76278;
	color: #fff;
	background-image:url("images/SCCD_icon-form-submit-on.png");
}

.login form .forgetmenot label {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.75);
}

/*
.SCCC_cb-box{
	border: 1px solid rgba(255, 255, 255, 0.3);
	display:inline-block;
	width:30px;
	height:30px;
	background:url(check_radio_sheet.png) left top no-repeat;
	cursor:pointer;
	border-radius: 4px;
	margin-right:15px;
	float:left;
}
.SCCC_cb-box:focus{
	border-color: #e44c65;
}
.SCCC_cb-text{
	display:inline-block;
	float:right;
	margin-top:8px;
}
*/

.login p#backtoblog {
	display: none;
}

/*
.forgetmenot span {
	display: inline-block;
	margin-left: 15px;
	position: relative;
	top: 3px;
}
*/

/*Begin HTML5up*/

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2em;
	opacity: 0;
	width: 1em;
	z-index: -1;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 100;
	padding-left: 2.55em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	content: '';
	display: inline-block;
	height: 1.8em;
	left: 0;
	line-height: 1.725em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.8em;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	background: rgba(255, 255, 255, 0.25);
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
	border-color: #e44c65;
}

input[type="checkbox"] + label:before {
	border-radius: 4px;
}

input[type="radio"] + label:before {
	border-radius: 100%;
}

.login hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.3);
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	margin: 3em 0;
}

/*END HTML5up*/

.login form .forgetmenot label {
	line-height: 35px;
}

input[type="checkbox"] + label::before, input[type="radio"] + label::before {
	line-height: 31px;
}

.login #nav{
	display:none;
}

.login-action-lostpassword #login{
	display:none;
}

.login .message, .login #login_error {
	background-color: #2d2e36;
	border-left: 4px solid #616168;
	box-shadow: none;
	margin-top:25px;
}

/*
.login .message:before {
	content:'\f129';
	font-family: FontAwesome;
}
*/

#SCCC_support{
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
	/*height:100px;*/
	width:255px; 
	padding-left:65px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url("images/SCCD_icon-support.png");
	background-repeat:no-repeat;
	background-position: -27px center;
}

a{
	color: #e44c65;
	text-decoration: none;
	transition: border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
	border-bottom-color: transparent;
}

a:hover {
	border-bottom: 1px dotted;
	color: #e44c65 !important;
}

a:focus, a:active{
	box-shadow: none;
	color: #e44c65;
	border-bottom-color: transparent;
	text-decoration: none;
}

.login h1 a:hover {
	border:0;
}

@media screen and ( max-height: 820px ){
	.login h1 a {
		height: 250px;
		width: 250px;
		background-size: 250px;
		margin: 0 auto;
	}
				#login, .mobile #login {
		padding-bottom:0px;
	}     
}
@media screen and ( max-height: 730px ){
	.login h1 a {
		height: 150px;
		width: 150px;
		background-size: 150px;
		margin: 0 auto;
	} 
	#login {
		padding-top:25px;
	}    
				#login, .mobile #login {
		padding-top:25px;
		padding-bottom:0px;
	}  
}
@media screen and ( max-height: 630px ){
	.login h1 a {
		height: 100px;
		width: 100px;
		background-size: 100px;
		margin: 0 auto;
	}
	#login {
		padding-top:25px;
	}   
				#login, .mobile #login {
		padding-top:25px;
		padding-bottom:0px;
	}  
}
@media screen and ( max-width: 320px ){
	.login form {
		padding-left:15px;
						padding-right:15px;
						/*transition: padding 0.5s ease-in-out 0s;*/
	}
				#SCCC_support {
					width: 225px;
					/*transition: width 0.5s ease-in-out 0s;*/
				}
		.login .message, .login #login_error {
		  margin-left: 15px;
		  margin-right: 15px;
		}
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {

	#SCCC_support {
		background-image: url("images/SCCD_icon-support@2x.png");
		background-size:100px;
	}

	.login h1 a {
		background-image: url(images/login-logo@2x.png);
	}

	.login form #user_login{
		background-image:url("images/SCCD_icon-form-user@2x.png");
	}
	.login form #user_pass{
		background-image:url("images/SCCD_icon-form-password@2x.png");
	}
	.login form #user_login:focus{
		background-image:url("images/SCCD_icon-form-user-on@2x.png");
	}
	.login form #user_pass:focus{
		background-image:url("images/SCCD_icon-form-password-on@2x.png");
	}
	.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
		background-image:url("images/SCCD_icon-form-submit@2x.png");
	}
	.wp-core-ui .button-group.button-large .button:hover, .wp-core-ui .button.button-large:hover {
		background-image:url("images/SCCD_icon-form-submit-on@2x.png");
	}

	/*Preload background images: */
	body:after{
		display:none;
		content: url(images/login-logo@2x.png); url("images/SCCD_icon-form-user@2x.png") url("images/SCCD_icon-form-password@2x.png") url("images/SCCD_icon-form-submit@2x.png") url("images/SCCD_icon-form-user-on@2x.png") url("images/SCCD_icon-support@2x.png") url("images/SCCD_icon-form-password-on@2x.png") url("images/SCCD_icon-form-submit-on@2x.png");
	}

}