/* WPJobster Authentication page SASS file */

/* WP Form */
#login > h1,
#login #backtoblog,
#login #nav,
#login .forgetmenot,
#login #reg_passmail,
#loginform label:not(.keep-logged-in),
#registerform label:not(.keep-logged-in):not(.tos),
#lostpasswordform label,
#resetpassform label:not([for="pw-weak"]) {
	display: none;
}

#loginform,
#registerform,
#lostpasswordform,
#resetpassform {
	.wp-pwd {
		margin-bottom: 15px;
		position: relative;

		.wp-hide-pw.button {
			position: absolute;
			right: 0;
			top: 0;
			height: 40px;
			background: transparent;
			border: 0;
		}
	}

	input {
		transition-timing-function: linear;
		width: 100%;
		margin: 0 0 15px 0;
		background: $whiteColor;
		border: 1px solid #ddd;
		border-radius: 6px;
		font-size: 15px;
		letter-spacing: normal;
		padding: 10px;
		margin: 0;
		text-transform: none;
		box-sizing: border-box;
		height: 40px;

		&.input.error {
			background: #FFF6F6;
			border: 1px solid #E0B4B4;
			color: #9F3A38;
			box-shadow: none;

			&::-webkit-input-placeholder {
				color: #e7bdbc;
			}
		}
	}

	.wp-generate-pw {
		background: $secondaryColor;
		border-radius: 6px;
		padding: 10px;
		text-transform: uppercase;
		text-shadow: none;
		cursor: pointer;
		font-size: 14px;
		width: 100%;
		color: $whiteColor;
		border: 1px solid $secondaryColor;
		font-weight: 800;
		margin-bottom: 15px;
	}

	#wp-submit {
		background: $mainColor;
		border-radius: 6px;
		padding: 10px;
		text-transform: uppercase;
		text-shadow: none;
		cursor: pointer;
		font-size: 14px;
		letter-spacing: normal;
		width: 100%;
		color: $whiteColor;
		border: 1px solid #60A63A;
		margin: 0;
		font-weight: 800;
	}
}

#login_error {
	max-width: 460px;
	background: #FFF6F6;
	border: 1px solid #E0B4B4;
	padding: 20px 25px;
	margin: 0 auto 20px auto;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;

	&,
	& p {
		color: #9F3A38;
	}
}

/* WPJ Form */
#loginform,
#registerform,
#lostpasswordform,
#resetpassform,
.login-wrapper,
.register-wrapper,
.lost-password-wrapper {
	max-width: 460px;
	padding: 20px 20px;
	margin: 0 auto;
	display: block;
	border: 1px solid #f1f1f1;
	border-radius: 6px;

	h2 {
		font-size: 22px;
		font-weight: 600;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
}

.password-visibility {
	position: absolute;
	top: 13px;
	right: 5px;
	cursor: pointer;
	z-index: 10;
}

/* reCaptcha */
.recaptcha_extra_field {
	margin-bottom: 0 !important;
}
.g-recaptcha-class {
	margin-bottom: 45px;
}

/* Phone */
.intl-tel-input {
	display: block;
	width: 100%;
	position: relative;

	#cell_number {
		padding-left: 50px;
	}

	.country-list {
		max-width: 300px;
		overflow-x: hidden;
	}

	.country-list .divider {
		float: none;
	}

	&.allow-dropdown .flag-container,
	&.separate-dial-code .flag-container {
		left: auto;
	}
}

/* Upload button */
.register-wrapper-row .uploadifive-button {
	width: 100%!important;
}

/* Responsive */
@media only screen and (max-width:479px) {
	.g-recaptcha-class {
		margin-bottom: 0;
	}

	.login-wrapper,
	.register-wrapper,
	.lost-password-wrapper {
		width: 300px;
	}
}

/* WSL */
.wp-social-login-widget { position: initial; clear: both; text-align: center; }

.wp-social-login-connect-with { display: none; }

.wp-social-login-provider {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 6px;
	height: 36px;
	padding-left: 55px;
	color: $whiteColor !important;
	font-size: 13px;
	line-height: 36px;
	padding-right: 15px;
	float: left;
	clear: both;
	margin: 10px 0;
	background-repeat: no-repeat;
	position: relative;
}

.wp-social-login-provider-list {
	overflow: hidden;
	padding: 0;
	margin-bottom: 10px;

	a:before {
		width: 40px;
		font-family: 'brand-icons';
		left: 0;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.25);
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		font-size: 22px;
		color: $whiteColor;
	}

	a.wp-social-login-provider:after {
		left: 32px;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-width: 4px;
		margin-top: -4px;
	}
}

.wp-social-login-provider-facebook { background-color: #6284ae; }
.wp-social-login-provider-list a.wp-social-login-provider-facebook:before { content: "\f39e"; }
.wp-social-login-provider-list a.wp-social-login-provider-facebook:after { border-right-color: #6284ae; }

.wp-social-login-provider-google { background-color: #c83f2e; }
.wp-social-login-provider-list a.wp-social-login-provider-google:before { content: "\f1a0"; }
.wp-social-login-provider-list a.wp-social-login-provider-google:after { border-right-color: #c83f2e; }

.wp-social-login-provider-twitter { background-color: #70cbe9; }
.wp-social-login-provider-list a.wp-social-login-provider-twitter:before { content: "\f099"; }
.wp-social-login-provider-list a.wp-social-login-provider-twitter:after { border-right-color: #70cbe9; }

.wp-social-login-provider-wordpress { background-color: #464646; }
.wp-social-login-provider-list a.wp-social-login-provider-wordpress:before { content: "\f19a"; }
.wp-social-login-provider-list a.wp-social-login-provider-wordpress:after { border-right-color: #464646; }

.wp-social-login-provider-yahoo { background-color: #8707A6; }
.wp-social-login-provider-list a.wp-social-login-provider-yahoo:before { content: "\f19e"; }
.wp-social-login-provider-list a.wp-social-login-provider-yahoo:after { border-right-color: #8707A6; }

.wp-social-login-provider-instagram { background-color: #B0947F; }
.wp-social-login-provider-list a.wp-social-login-provider-instagram:before { content: "\f16d"; }
.wp-social-login-provider-list a.wp-social-login-provider-instagram:after { border-right-color: #B0947F; }

.wp-social-login-provider-reddit { background-color: #FF4500; }
.wp-social-login-provider-list a.wp-social-login-provider-reddit:before { content: "\f281"; }
.wp-social-login-provider-list a.wp-social-login-provider-reddit:after { border-right-color: #FF4500; }

.wp-social-login-provider-foursquare { background-color: #F94777; }
.wp-social-login-provider-list a.wp-social-login-provider-foursquare:before { content: "\f180"; }
.wp-social-login-provider-list a.wp-social-login-provider-foursquare:after { border-right-color: #F94777; }

.wp-social-login-provider-lastfm { background-color: #F73600; }
.wp-social-login-provider-list a.wp-social-login-provider-lastfm:before { content: "\f202"; }
.wp-social-login-provider-list a.wp-social-login-provider-lastfm:after { border-right-color: #F73600; }

.wp-social-login-provider-tumblr { background-color: #36465D; }
.wp-social-login-provider-list a.wp-social-login-provider-tumblr:before { content: "\f173"; }
.wp-social-login-provider-list a.wp-social-login-provider-tumblr:after { border-right-color: #36465D; }

.wp-social-login-provider-stackoverflow { background-color: #F48024; }
.wp-social-login-provider-list a.wp-social-login-provider-stackoverflow:before { content: "\f16c"; }
.wp-social-login-provider-list a.wp-social-login-provider-stackoverflow:after { border-right-color: #F48024; }

.wp-social-login-provider-github { background-color: #323131; }
.wp-social-login-provider-list a.wp-social-login-provider-github:before { content: "\f09b"; }
.wp-social-login-provider-list a.wp-social-login-provider-github:after { border-right-color: #323131; }

.wp-social-login-provider-dribbble { background-color: #E24D87; }
.wp-social-login-provider-list a.wp-social-login-provider-dribbble:before { content: "\f17d"; }
.wp-social-login-provider-list a.wp-social-login-provider-dribbble:after { border-right-color: #E24D87; }

.wp-social-login-provider-500px { background-color: #000000; }
.wp-social-login-provider-list a.wp-social-login-provider-500px:before { content: "\f26e"; }
.wp-social-login-provider-list a.wp-social-login-provider-500px:after { border-right-color: #000000; }

.wp-social-login-provider-steam { background-color: #4F4F4F; }
.wp-social-login-provider-list a.wp-social-login-provider-steam:before { content: "\f1b6"; }
.wp-social-login-provider-list a.wp-social-login-provider-steam:after { border-right-color: #4F4F4F; }

.wp-social-login-provider-twitchtv { background-color: #6542A6; }
.wp-social-login-provider-list a.wp-social-login-provider-twitchtv:before { content: "\f1e8"; }
.wp-social-login-provider-list a.wp-social-login-provider-twitchtv:after { border-right-color: #6542A6; }

.wp-social-login-provider-odnoklassniki { background-color: #F7931E; }
.wp-social-login-provider-list a.wp-social-login-provider-odnoklassniki:before { content: "\f263"; }
.wp-social-login-provider-list a.wp-social-login-provider-odnoklassniki:after { border-right-color: #F7931E; }

.wp-social-login-provider-linkedin,
.wp-social-login-provider-linkedin2 { background-color: #0077B5; }
.wp-social-login-provider-list a.wp-social-login-provider-linkedin:before,
.wp-social-login-provider-list a.wp-social-login-provider-linkedin2:before { content: "\f0e1"; }
.wp-social-login-provider-list a.wp-social-login-provider-linkedin:after,
.wp-social-login-provider-list a.wp-social-login-provider-linkedin2:after { border-right-color: #0077B5; }

.wp-social-login-provider-vkontakte { background-color: #6284ae; }
.wp-social-login-provider-list a.wp-social-login-provider-vkontakte:before { content: "\f189"; }
.wp-social-login-provider-list a.wp-social-login-provider-vkontakte:after { border-right-color: #6284ae; }

.wp-social-login-provider-live { background-color: #84D26D; }
.wp-social-login-provider-list a.wp-social-login-provider-live:before { content: "\f17a"; }
.wp-social-login-provider-list a.wp-social-login-provider-live:after { border-right-color: #84D26D; }

.wp-social-login-provider-mailru { background-color: #F89C0E; }
.wp-social-login-provider-list a.wp-social-login-provider-mailru:before { content: "\f0e0"; }
.wp-social-login-provider-list a.wp-social-login-provider-mailru:after { border-right-color: #F89C0E; }

.wp-social-login-provider-goodreads { background-color: #885923; }
.wp-social-login-provider-list a.wp-social-login-provider-goodreads:before { content: "G"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-goodreads:after { border-right-color: #885923; }

.wp-social-login-provider-disqus { background-color: #2E9FFF; }
.wp-social-login-provider-list a.wp-social-login-provider-disqus:before { content: "D"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-disqus:after { border-right-color: #2E9FFF; }

.wp-social-login-provider-aol { background-color: #231F20; }
.wp-social-login-provider-list a.wp-social-login-provider-aol:before { content: "A"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-aol:after { border-right-color: #231F20; }

.wp-social-login-provider-pixelpin { background-color: #00989D; }
.wp-social-login-provider-list a.wp-social-login-provider-pixelpin:before { content: "P"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-pixelpin:after { border-right-color: #00989D; }

.wp-social-login-provider-yandex { background-color: #E52620; }
.wp-social-login-provider-list a.wp-social-login-provider-yandex:before { content: "Y"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-yandex:after { border-right-color: #E52620; }

.wp-social-login-provider-skyrock { background-color: #009AFF; }
.wp-social-login-provider-list a.wp-social-login-provider-skyrock:before { content: "S"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-skyrock:after { border-right-color: #009AFF; }

.wp-social-login-provider-mixi { background-color: #4D4D4D; }
.wp-social-login-provider-list a.wp-social-login-provider-mixi:before { content: "M"; font-family: sans-serif; font-weight: 900; }
.wp-social-login-provider-list a.wp-social-login-provider-mixi:after { border-right-color: #4D4D4D; }

.wp-social-login-provider-windowslive { background-color: #0078d4; }
.wp-social-login-provider-list a.wp-social-login-provider-windowslive:before { content: "\f17a"; }
.wp-social-login-provider-list a.wp-social-login-provider-windowslive:after { border-right-color: #0078d4; }

.wp-social-login-provider-bitbucket { background-color: #0052CC; }
.wp-social-login-provider-list a.wp-social-login-provider-bitbucket:before { content: "\f171"; }
.wp-social-login-provider-list a.wp-social-login-provider-bitbucket:after { border-right-color: #0052CC; }

.wp-social-login-provider-stackexchange { background-color: #242729; }
.wp-social-login-provider-list a.wp-social-login-provider-stackexchange:before { content: "\f18d"; }
.wp-social-login-provider-list a.wp-social-login-provider-stackexchange:after { border-right-color: #242729; }

.wp-social-login-provider-discord { background-color: #2b5ee8; }
.wp-social-login-provider-list a.wp-social-login-provider-discord:before { content: "\f392"; }
.wp-social-login-provider-list a.wp-social-login-provider-discord:after { border-right-color: #2b5ee8; }

.wp-social-login-provider-amazon { background-color: #232f3e; }
.wp-social-login-provider-list a.wp-social-login-provider-amazon:before { content: "\f270"; }
.wp-social-login-provider-list a.wp-social-login-provider-amazon:after { border-right-color: #232f3e; }

.wp-social-login-provider-gitlab { background-color: #523E8E; }
.wp-social-login-provider-list a.wp-social-login-provider-gitlab:before { content: "\f296"; }
.wp-social-login-provider-list a.wp-social-login-provider-gitlab:after { border-right-color: #523E8E; }

.wp-social-login-provider-spotify { background-color: #1cb954; }
.wp-social-login-provider-list a.wp-social-login-provider-spotify:before { content: "\f1bc"; }
.wp-social-login-provider-list a.wp-social-login-provider-spotify:after { border-right-color: #1cb954; }

.wp-social-login-provider-wechat { background-color: #2fc101; }
.wp-social-login-provider-list a.wp-social-login-provider-wechat:before { content: "\f1d7"; }
.wp-social-login-provider-list a.wp-social-login-provider-wechat:after { border-right-color: #2fc101; }

.wp-social-login-provider-eventbrite { background-color: #f05537; }
.wp-social-login-provider-list a.wp-social-login-provider-eventbrite:before { content: "e"; }
.wp-social-login-provider-list a.wp-social-login-provider-eventbrite:after { border-right-color: #f05537; }

.wp-social-login-provider-steemconnect { background-color: #06D6A9; }
.wp-social-login-provider-list a.wp-social-login-provider-steemconnect:before { content: "C"; }
.wp-social-login-provider-list a.wp-social-login-provider-steemconnect:after { border-right-color: #06D6A9; }

.wp-social-login-provider-authentiq { background-color: #F26641; }
.wp-social-login-provider-list a.wp-social-login-provider-authentiq:before { content: "a"; }
.wp-social-login-provider-list a.wp-social-login-provider-authentiq:after { border-right-color: #F26641; }