/* CUSTOM LOGIN STYLES
----------------------------------------------------------------------------- */
body.login { height: 100%; margin: 0; font-family: 'Poppins', sans-serif; background: url('assets/bg.jpg') no-repeat center center fixed; background-size: cover; background-color: #212529; }
body.login #login {}
body.login #login h1 {}
body.login #login h1 a {
	background-image: none, url(assets/logo.svg) !important;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	color: #999;
	width: 320px;
	height: 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 0 0 18% 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
	display: block;
    z-index: 99999;
    position: relative;
}
body.login #login .message, 
body.login #login .notice, 
body.login #login .success {
	border-left: 4px solid #ff0b0b;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background: rgba(0,0,0,0.25);
	box-shadow: 0;
	word-wrap: break-word;
    color: #fff;
}
body.login #login form {
    font-family: 'Poppins', sans-serif;
	margin: 24px 0;
	padding: 26px 24px;
	font-weight: 400;
	overflow: hidden;
	background: rgba(0,0,0,0.25);
    border: 0;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    animation: boxshadowmovement 5s infinite;
    -webkit-box-shadow:0px 0px 90px 25px rgba(69,79,89,0.7);
    -moz-box-shadow: 0px 0px 90px 25px rgba(69,79,89,0.7);
    box-shadow: 0px 0px 90px 25px rgba(69,79,89,0.7);
    -webkit-transition: box-shadow 0.7s ease-in-out 0s;
    -moz-transition: box-shadow 0.7s ease-in-out 0s;
    -o-transition: box-shadow 0.7s ease-in-out 0s;
    -ms-transition: box-shadow 0.7s ease-in-out 0s;
    transition: box-shadow 0.7s ease-in-out 0s;
}

@keyframes boxshadowmovement {
    50% { 
        -webkit-box-shadow:0px 0px 140px 35px rgba(255,11,11,0.7);
        -moz-box-shadow: 0px 0px 140px 35px rgba(255,11,11,0.7);
        box-shadow: 0px 0px 140px 35px rgba(255,11,11,0.7);
    }
}

body.login #login form p { color: #fff; }
body.login #login form label { color: #fff; }

body.login #login form input {}
body.login #login form input#user_login {}
body.login #login form input#user_pass {}

body.login #login form .input, 
body.login #login form input[type="checkbox"], 
body.login #login input[type="text"] {
	background: #7c7a8c;
    border: 0 !important;
    box-shadow: 0 !important;
}

body.login #login form .input:hover, 
body.login #login form input[type="checkbox"]:hover, 
body.login #login input[type="text"]:hover,
body.login #login form .input:focus, 
body.login #login form input[type="checkbox"]:focus, 
body.login #login input[type="text"]:focus {
	background: #d5d3e8;
    border: 0 !important;
    box-shadow: 0 !important;
}

body.login #login .button.wp-hide-pw .dashicons {
	color: #171f21;
}

body.login #login .wp-pwd:hover .button.wp-hide-pw .dashicons {
	color: #ff0b0b;
}

body.login #login form p.forgetmenot {}
body.login #login form p.forgetmenot input#rememberme {}
body.login #login form p.submit {}
body.login #login form p.submit input#wp-submit {
    background: #ff0b0b;
    border: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 20px;
	font-weight: 600;
    -webkit-transition: background 0.25s ease-in-out 0.25s;
    -moz-transition: background 0.25s ease-in-out 0.25s;
    -o-transition: background 0.25s ease-in-out 0.25s;
    -ms-transition: background 0.25s ease-in-out 0.25s;
    transition: background 0.25s ease-in-out 0.25s;
}
body.login #login form p.submit input#wp-submit:hover {
    background: #ec5353;
    color: #fff;
}
body.login #login p#nav,
body.login #login p#nav a,
body.login #login p#backtoblog,
body.login #login p#backtoblog a { color: #fff; }
body.login #login p#nav a:hover,
body.login #login p#backtoblog a:hover { color: #ec5353; }