/*
 FileName:     PHASE Login CSS
 Description:  Login Page Customization by PHASE Digital
 Author:       PHASE Digital
 Author URI:   https://phase-digital.com
 Version:      0.1
*/
body {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column nowrap;
	background: #1e1e1e;
}
.login {
    #login {
        margin: 0px;
        max-width: 1000px;
        padding: 0px;
        width: 90%;

        form {
            background: transparent;
            border: none !important;
            box-shadow: none !important;
            max-width: 500px;
            margin: 0 auto;
            padding: 0 20px 20px 20px;
    
            p.submit {
                display: flex;
                justify-content: center;
            }
        }
        h1 a {
            background-image: url('https://phase-digital.com/wp-content/uploads/Logo-Phase-Only.png');
            width: 400px;
            height: 73px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        label {
            color: #fff;
        }
        #backtoblog, .forgetmenot {
            display: none;
        }
        .g-recaptcha {
            margin: 0px !important;
            width: 100%;
    
            & > div {
                margin: 0 auto;
            }
        }
        .login-title {
            font-family: 'futura-pt', sans-serif;
            font-size: 18px;
            margin-bottom: 20px;
            color: #000;
        }
        .message, .login_error {
            max-width: 500px;
            margin: 0 auto 20px auto;
        }
        #nav {
            margin: 0px auto;
            text-align: center;
    
            & > a {
                color: #fff;
                font-family: 'futura-pt', sans-serif;
            }
        }
        #reg_passmail {
            display: none !important;
        }
        #registerform > p:first-of-type {
            display: none !important;
        }
        #wp-submit {
            background: #000;
            border: 0px !important;
            margin-top: 10px;
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'futura-pt', sans-serif;
            padding: 5px 0;
            width: 200px;
        }
    }
}
.login-signup {
	max-width: 700px;
	margin: 50px auto 0 auto;
}
@media screen and (max-width: 450px) {
	.login {
        h1 a {
            height: 51px;
            width: 280px;
        }
	}
}