/*
 FileName:     PHASE Login CSS
 Description:  Login Page Customization by Phase Digital
 Author:       Titan DM Company
 Author URI:   https://phase-digital.com
 Version:      0.1
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
    background: #060606;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column nowrap;
}
#login {
	width: 90%;
	max-width: 1000px;
	margin: 0px;
	padding: 0px;
}
#login #backtoblog, .forgetmenot {
	display: none;
}
#login .login-title {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}
#login .message, #login #login_error {
	max-width: 500px;
	margin: 0 auto 20px auto;
}
#login form {
    background: transparent;
	border: none !important;
	box-shadow: none !important;
	max-width: 500px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
}
#login h1 a, .login h1 a {
    background-image: url('/wp-content/uploads/gg-icon.png');
    width: 294px;
    height: 128px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#login label {
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#login form p.submit {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
#login form p.submit .wp-generate-pw {
	background: #fff !important;
	border: 1px solid #fff !important;
	display: block !important;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	height: 45px;
}
#login #nav {
    margin: 0px auto;
    text-align: center;
}
#login #nav > a {
    color: #fff;
}
#login #wp-submit {
	background: #236023;
    border: none !important;
    border-radius: 20px;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 0;
	width: 200px;
	color: #fff;
	font-weight: bold;
    transition: 0.2s;
}
#login #wp-submit:hover {
    background: #d6a630;
}
.login-signup {
	max-width: 700px;
	margin: 50px auto 0 auto;
}
.login #login_error, .login .message, .login .success {
    border-left: 4px solid #236023 !important;
}
#login .g-recaptcha {
	width: 100%;
	
	& > div {
		margin: 0 auto;
	}
}
#registerform #reg_passmail {
	color: #fff;
	text-align: center;
}