@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

div#site-holder
{
	width: auto;
	min-height: 100%;
	position: relative;
}

html, body
{
	height: 100%;
	margin: 0;
}

@yodatai-btn-color: #12A70F;
@yodatai-link-color: #457544;
@yodatai-background-color: #D0EFD0;

div#site-main
{
	padding-bottom: 50px;

	input[type=submit]
	{
		background-color: @yodatai-btn-color;
		border: none;
		color: #fff;
		border-radius: 3px;
		font-weight: bold;
		font-size: 0.9em;
		padding: 0.8em 2em;
		-webkit-appearance: none;
	}
}

.container
{
	width: 940px;
	margin: auto;
}

header
{
	.hires('/img/yodatai/bg', @ext: 'jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	height: 100px;
	padding: 0 5px;

	.logo
	{
		.hires('/img/yodatai/logo');
		background-size: contain !important;
		width: 200px;
		height: 100px;
		background-repeat: no-repeat;
		background-position: center center;
		display: inline-block;
	}
}

footer
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 5px;
	background-color: #496348;
	color: #fff;

	.copyright
	{
		display: inline-block;
		line-height: 28px;
	}

	.social
	{
		display: inline-block;
		float: right;

		a > span
		{
			display: inline-block;
			width: 24px;
			height: 24px;
			margin-left: 20px;

			&.fb
			{
				.hires('/img/yodatai/ico-footer-fb');
			}

			&.twitter
			{
				.hires('/img/yodatai/ico-footer-tw');
			}
		}
	}
}

div#register-form
{
	margin-top: 40px;

	div.form.register
	{
		background-color: @yodatai-background-color;
		text-align: center;
		margin: 20px auto 60px auto !important;

		.mobile &
		{
			width: auto;
		}

		input.text-box
		{
			border-color: @yodatai-btn-color;

			.mobile &
			{
				height: 3em;
				margin-top: 0;
			}
		}

		&.login a
		{
			color: @yodatai-link-color;
		}

		input[type=submit]
		{
			background-color: @yodatai-btn-color;
			border: none;
			color: #fff;
			border-radius: 3px;
			font-weight: bold;
			font-size: 0.9em;
			padding: 0.8em 1em !important;
			-webkit-appearance: none;
		}

		.checkboxes
		{
			display: none;
		}

		.invalid.aside
		{
			text-align: left;
		}

		> p, p.hint
		{
			display: none;

			&.hr
			{
				display: block;

				span
				{
					background-color: @yodatai-background-color;
				}
			}
		}

		p.terms-of-use a
		{
			color: @yodatai-link-color;
		}

		#signup-social
		{
			margin-top: 20px;

			a
			{
				margin-bottom: 15px;
			}
		}
		.sign-in
		{
			a
			{
				color: @yodatai-link-color;
			}
		}


	}
}

div#oauth-authorize
{
	margin: 0 auto;

	#approve-login-form
	{
		#approve
		{
			background-color: @yodatai-btn-color;
		}

		#cancel
		{
			color: @yodatai-link-color;
		}
	}
}

#yodatai-banner, .app-details
{
	display: none;
}

.wrapper
{
	width: 940px;
	margin: auto;
}

#site-holder.mobile
{
	div#oauth-authorize #login-form h3.login
	{
		margin-bottom: 0.7em;
	}

	div#site-main
	{
		margin: 0 10px;

		.wrapper
		{
			width: auto;
			margin: 0 auto 20px auto;
		}

		input[type=submit]
		{
			background-color: @yodatai-btn-color;
			border: none;
			color: #fff;
			border-radius: 3px;
			font-weight: bold;
			font-size: 0.9em;
			padding: 0.8em 1em !important;
		}
	}

	header
	{
		text-align: center;
	}

	.container
	{
		width: auto;
		padding: 0 5px;
	}

	div#register-form > h2
	{
		margin: 0;
	}

	div#register-form .invalid.aside
	{
		text-align: left;
		font-size: 0.8em;

		span
		{
			display: block !important;
		}
	}

	.signup-next
	{
		h2
		{
			width: 300px;
		}

		.info
		{
			width: auto;

			.prop select
			{
				width: 250px;
			}

			.prop.education .chzn-container
			{
				.chzn-single
				{
					width: 237px;
				}

				.chzn-drop
				{
					width: 247px !important;

					input
					{
						width: 192px !important;
					}
				}
			}
		}
	}
}

.signup-next
{

	.info
	{
		background-color: @yodatai-background-color;

		.prop.submit a
		{
			background-color: @yodatai-btn-color;
		}

		.prop select, .prop .text
		{
			border-color: @yodatai-btn-color;
		}

		.prop label
		{
			color: #222;
		}
	}
}