#login h1 a, .login h1 a { 
	background-image: url(../img/strictly-web-logo.png) !important; 
	background-size: 320px auto !important;
	width: 320px !important;
}


body.login #login {
	z-index: 1;
	min-height: 100%;
	box-sizing: border-box;
	margin-left: 0;
	width: 40%;
	background-color: #0a0a0a;
	position: relative;
}
.login form, #loginform {
	border: none;
	max-width: 360px;
	background-color: transparent;
}

.login_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(4, 22, 30, 0.75);
	z-index: 0;
}

#login {
	position: relative;
}

.login h1 {
	padding: 0 12px;
}

.login h1 a {
	width: 100%;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 54%;
}


.login label,
#loginform label {
	color: #f2f2f2;
	font-size: 14px;
}

.login form,
#loginform {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
	border-width: 0;
	border-style: solid;
	border-color: #565656;
	border-radius: 0;
}

.login .button.wp-hide-pw {
	margin-top: 5px;
}

.login #backtoblog,
.login #nav {
	text-align: center;
}

.login #nav a,
.login #backtoblog a {
	color: #ffffff;
}

.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus {
	color: #00a6ed;
}

.wp-core-ui .button {
	padding: 0 60px;
	height: 35px;
	line-height: 35px;
}

.wp-core-ui .button.button-primary {
	background-color: #48b9e2;
	border-color: #48b9e2;
	border-radius: 0;
}

.wp-core-ui .button.button-primary:hover,
.wp-core-ui .button.button-primary:focus {
	background-color: #3888af;
	border-color: #3888af;
}


#login {
	min-height: 100%;
	box-sizing: border-box;
	margin-left: 0;
	width: 40%;
	background-color: #0a0a0a;
}

@media (max-width: 1024px) {
	#login {
		min-width: 60%;
	}
}

@media (max-width: 768px) {
	#login {
		min-width: 100%;
	}
}

.login #login_error,
.login .message,
.login .success {
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
}

.login form,
#loginform {
	border: none;
	max-width: 360px;
	background-color: transparent;
}

body.login {
	background-color: #ffffff;
	background-image: url(../img/child-using-computer.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.login_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(4, 22, 30, 0.75);
	z-index: 0;
}

#login {
	position: relative;
}

.login h1 {
	padding: 0 12px;
}

.login h1 a {
	width: 100%;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 54%;
}


#loginform label {
	color: #f2f2f2;
	font-size: 14px;
}

.login form,
#loginform {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
	border-width: 0;
	border-style: solid;
	border-color: #565656;
	border-radius: 0;
}

.login form .input, .login form input[type=checkbox] {
    background: #0a0a0a;
	color: #ffffff;
	background-color: #0a0a0a;
}

.login form input:-webkit-autofill,
.login form input:-internal-autofill-previewed {
    -webkit-box-shadow:0 0 0 400px #0a0a0a inset !important;
    -webkit-text-fill-color: #ffffff;
}

.login form input:-webkit-autofill:hover, 
.login form input:-webkit-autofill:focus, 
.login form input:-webkit-autofill:active,
.login form input:-internal-autofill-selected {
	-webkit-box-shadow:0 0 0 400px #282828 inset !important;
    -webkit-text-fill-color: #ffffff;
}

.login form input[type=text],
.login form input[type=password] {
	border-width: 2px;
	box-shadow: none;
	outline: none;
	transition: all 0.30s ease-in-out;
	border-color: #666666;
	border-radius: 0;
	border-width: 1px;
	padding: 0 10px;
	height: 50px;
	font-size: 17px;
	color: #ffffff;
	background-color: #0a0a0a;
}

.login form input[type=text]:focus,
.login form input[type=password]:focus {
	color: #ffffff;
	background-color: #282828;
	border-color: #282828;
}

.login .message {
	background-color: #282828;
	color: #fff;
}

.login .button.wp-hide-pw {
	margin-top: 5px;
}

.login #backtoblog,
.login #nav {
	text-align: center;
}

.login #nav a,
.login #backtoblog a {
	color: #ffffff;
}

.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus {
	color: #00a6ed;
}

.wp-core-ui .button {
	padding: 0 60px;
	height: 35px;
	line-height: 35px;
}

.wp-core-ui .button.button-primary {
	background-color: #48b9e2;
	border-color: #48b9e2;
	border-radius: 0;
}

.wp-core-ui .button.button-primary:hover,
.wp-core-ui .button.button-primary:focus {
	background-color: #3888af;
	border-color: #3888af;
}


#login {
	min-height: 100%;
	box-sizing: border-box;
	margin-left: 0;
	width: 40%;
	background-color: #0a0a0a;
}

@media (max-width: 1024px) {
	#login {
		min-width: 60%;
	}
}

@media (max-width: 768px) {
	#login {
		min-width: 100%;
	}
}

.login #login_error,
.login .message,
.login .success {
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
}

.login form,
#loginform {
	border: none;
	max-width: 360px;
	background-color: transparent;
}

.login .button.wp-hide-pw .dashicons {
	color: #fff;
}