/*
 CRAFT TOOLKIT LOGIN CSS
*/

body.login { 
	background: #eef5fb;
	margin: auto;
	background-color: #eef5fb;
	background-size: 600px auto;
	transition: background-size 0.6s;
	background-repeat: no-repeat;
}
body.login .language_switcher { padding: 20px 24px 0 24px; text-align: center; }
body.login .language_switcher .text { padding: 0 0 10px 0; }
body.login .language_switcher a {
	vertical-align: baseline;
	line-height: 40px;
	padding: 0 10px;
	display: inline-block;
	margin: 0 10px;
	background: #999;
	border-color: #999;
	min-width: 76px;
	height: 40px;
	float: none;
	border-radius: 4px;
	font-size: 15px;
	text-shadow: none;
	box-shadow: none;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
body.login .language_switcher a.active { background: #196C6A; }
body.login .rp_prompt { 
	display: none; 
}
body.login-action-rp .rp_prompt { 
	display: block; 
	/*padding: 25px 25px 0 25px;*/
}
body.login .message, body.login #login_error { 
	margin-top: 25px; 
	margin-left: auto; 
	margin-right: auto; 
	max-width: 480px;
}
body.login form#language_selector { background-color: #eef5fb; border: none; margin: 0; padding: 0; box-shadow: none; }
body.login form#language_selector legend { margin-bottom: 0.5rem; }
body.login form#language_selector legend h2 { margin-bottom: 1rem; }
body.login form#language_selector label { line-height: 1.8; }
body.login form#language_selector.shake { animation: none; animation-iteration-count: 0; transform: none; }
body.login form#language_selector .button { 
	border-radius: 100px;
	border: none;
	color: #fff;
}

body.login form:not(.language_selector) { background: #fff; box-shadow: 0 0 0 #fff; margin-top: 0; border: none; }
body.login form:not(.language_selector) input[type=text], 
body.login form:not(.language_selector) input[type=password] { border: 1px solid #ddd; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); }
body.login form:not(.language_selector) input[type=text]:focus, 
body.login form:not(.language_selector) input[type=password]:focus { border-color: #196C6A; box-shadow: 0 0 2px rgba(30,140,190,.8); }
body.login div#login { 
	padding: 0 0 0 0; 
	/*max-width: 480px;*/ 
	width: 100%; 
}
body.login div#login h1 a, body.login h1 a {
	background-image: none;
	height: auto;
	width: auto;
	padding-bottom: 0;
	margin-bottom: 0;
	text-indent: 0;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #73797f;
	display: inline-block;
	pointer-events: none;
}
body.login div#login h1 a:hover, body.login h1 a:hover {
	color: #2d353f;
	cursor: pointer;
}
body.login div#login h1 {
	background-color: #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
body.login div#login h1 a strong {
	display: block;
	font-weight: 600;
	font-size: 40px;
	color: #2d353f;
}
body.login div#login form p.forgetmenot { 
	display: none; 
}
body.login div#login form#loginform,
body.login div#login form#registerform,
body.login div#login form#resetpassform,
body.login div#login form#lostpasswordform { 
	max-width: 480px;
	margin: 32px auto 64px auto;
	padding-bottom: 0;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
	overflow: visible;
}
body.login div#login form#loginform p.submit { 
	display: block; 
}
body.login div#login form#loginform p.submit input#wp-submit.button-primary, 
body.login div#login form#registerform p.submit input#wp-submit.button-primary, 
body.login div#login form#resetpassform p.submit input#wp-submit.button-primary, 
body.login div#login form#lostpasswordform p.submit input#wp-submit.button-primary {
	display: block;
	margin: auto;
	background: #50AD47;
	border-color: transparent;
	width: 272px;
	height: auto;
	float: none;
	border-radius: 100px;
	font-size: 0.9rem;
	text-shadow: none;
	box-shadow: none;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	text-transform: uppercase;
	padding: 1.25em 1em;
	line-height: 1;
	transform: translateY(50%);
    z-index: 999;
    position: relative;
}

/* Hide Submit button on the Wordfence 2FA prompt, as it's not needed */
body.login div#login form#loginform #wfls-prompt-wrapper .submit {
    display: none;
}

body.login div#login form#loginform p.submit input#wp-submit.button-primary:hover,
body.login div#login form#registerform p.submit input#wp-submit.button-primary:hover,
body.login div#login form#resetpassform p.submit input#wp-submit.button-primary:hover,
body.login div#login form#lostpasswordform p.submit input#wp-submit.button-primary:hover { 
	background-color: #44933c;
}

body.login form#resetpassform input#wp-submit.button-primary[disabled] {
	opacity: 0;
}

body.login form#loginform input[type=password],
body.login form#resetpassform input[type=text],
body.login form#lostpasswordform input[type=text] {
	margin-bottom: 0;
}

body.login form#registerform br.clear {
	display: none;
}

/*body.login form#registerform label[for="user_login"] {
    position: relative;
    width: 100%;
}
body.login form#registerform label[for="user_login"]:after {
	content: ' (lowercase, alphanumeric characters, no spaces allowed)';
    font-weight: normal;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #333;
    color: #444;
    padding: 5px;
    width 100%;
    border-radius: 8px;
}

body.login form#registerform label[for="user_login"]:hover:after {
    display: block;
}*/

body.login form#registerform label[for="user_login"]:after {
    content: ' (This should be lowercase, alphanumeric characters, no spaces allowed. It must also be at least 8 characters long)';
    font-weight: normal;
    font-size: 13px;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #666;
    display: block;
}


body.login div#login form#resetpassform .button.wp-generate-pw {
	display:block;
	vertical-align: baseline;
	line-height: 1;
	padding: 1.25em 1em;
	display: block;
	margin: 0 auto 6px auto;
	background: #999;
	border-color: #999;
	width: 272px;
	height: auto;
	float: none;
	border-radius: 100px;
	font-size: 0.9rem;
	text-shadow: none;
	box-shadow: none;
	color: #fff;
	text-align: center;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	box-sizing: border-box;
	text-decoration: none;
}

body.login div#login p#nav { color: #73797f; font-size: 1px; margin-top: 0; margin-bottom: 48px; text-align: center; }
body.login-action-rp div#login p#nav { display: none; }
body.login div#login p#backtoblog { margin-top: 0; }
body.login div p#backtoblog { margin-top: 0; }
body.login.login-action-login p#nav a[href$="action=register"] {
	display: none;
	pointer-events: none;
	user-select: none;
}
body.login.login-action-lostpassword p#nav, body.login.login-action-lostpassword p#nav a {
	display:none;
	pointer-events: none;
	user-select: none;
}
body.login.login-action-register p#nav, body.login.login-action-register p#nav a {
	display:none;
	pointer-events: none;
	user-select: none;
}
body.login div#login p#backtoblog {
	display: none;
}
body.login div p#aon_backtoblog {
	padding-top: 32px;
	margin-top: 20px;
	border-top: 1px solid #e4e8f2;
}
body.login div p#aon_backtoblog a {
	color: #2d353f;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left 6px center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2016%22%3E%3Cpath%20fill%3D%22%232d353f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8%2016l1.4-1.4L3.8%209H25V7H3.8l5.6-5.6L8%200%200%208l8%208z%22%2F%3E%3C%2Fsvg%3E");
	padding: 0.5rem 0.5rem 0.5rem 30px;
	transition: background-color 0.25s;
}
body.login div#login p#backtoblog a:hover, body.login div p#aon_backtoblog a:hover {
	color: #2d353f;
	padding: 0.5rem 0.5rem 0.5rem 30px;
	background-color: rgba(116,200,255,0.42);
	border-radius: 4px;
}

body.login div#login p#nav a {
	color: #116044;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: right 6px center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2016%22%3E%3Cpath%20fill%3D%22%23116044%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%200l-1.4%201.4L21.2%207H0v2h21.2l-5.6%205.6L17%2016l8-8-8-8z%22%2F%3E%3C%2Fsvg%3E"); /*116044*/
	padding: 0.5rem 30px 0.5rem 0.5rem;
	transition: background-color 0.25s;
}
body.login div#login p#nav a:hover {
	color: #116044;
	padding: 0.5rem 30px 0.5rem 0.5rem;
	background-color: rgba(116,200,255,0.42);
	border-radius: 4px;
}

body.login div p#aon_register_now, body.login div p#aon_login_now {
	margin-top: 32px;
	color: #73797f;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
}

body.login div p#aon_register_now a, body.login div p#aon_login_now a {
	color: #116044;
	font-weight: 700;
}

body.login.login-action-register div p#aon_register_now, body.login.login-action-lostpassword div p#aon_register_now {
	display: none;
}


body.login a.arrow-right {
	padding: 0.5rem 1rem;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: right 6px center;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2016%22%3E%3Cpath%20fill%3D%22%23116044%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%200l-1.4%201.4L21.2%207H0v2h21.2l-5.6%205.6L17%2016l8-8-8-8z%22%2F%3E%3C%2Fsvg%3E"); /*116044*/
	padding: 0.5rem 30px 0.5rem 0.5rem;
	transition: none;
	transition: background-color 0.25s;
}

/* RTL Overrides */
body.rtl.login a.arrow-right {
	background-position: left 6px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 16'%3E%3Cpath fill='%23116044' fill-rule='evenodd' d='M8 16l1.4-1.4L3.8 9H25V7H3.8l5.6-5.6L8 0 0 8l8 8z'/%3E%3C/svg%3E");
	padding: 0.5rem 0.5rem 0.5rem 30px;
}

body.login a.arrow-right:hover {
	padding: 0.5rem 30px 0.5rem 0.5rem;
	background-color: rgba(116,200,255,0.42);
	border-radius: 4px;
}

/* RTL Overrides */
body.rtl.login a.arrow-right:hover {
	padding: 0.5rem 0.5rem 0.5rem 30px;
}

#login_error {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
}

#login_error strong {
	color: #2d353f;
}

body.login.login-action-login div p#aon_login_now {
	display: none;
}

body.login.login-action-rp div p#aon_register_now, body.login.login-action-rp div p#aon_login_now {
	display: none;
}

body.login.login-action-checkemail div p#aon_login_now {
	display: none;
}

body.login.login-action-checkemail .message {
	margin-top: 48px;
	margin-bottom: 48px;
}

body.login.login-action-checkemail .message {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
}

body.login.login-action-checkemail .message a {
	color: #116044;
}

body.login.login-action-checkemail .message a:hover, body.login.login-action-checkemail .message a:focus  {
	color: #055337;
}

body.login .fbl-button {
	background: #4267b2;
	border-radius: 4px;
}