@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/skel';

/*
	Highlights by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body, html {
		height: 100%;
	}

	html {
		background: none;
	}

/* List */

	ul {
		&.actions {
			li {
				padding: 0 0 0 (_size(element-margin) * 0.5);

				&:first-child {
					padding-left: 0;
				}
			}
		}
	}

/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		border: solid 2px _palette(border);
		position: relative;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: _size(element-height);
	}

	input[type="checkbox"],
	input[type="radio"] {
		font-size: 3em;

		& + label {
			&:before {
				display: none;
			}
		}
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		border: solid 2px _palette(border);
	}

/* Main BG */

	.main-bg {
		z-index: 0;
	}

/* Main */

	.main {
		background-size: cover;

		.container {
			background: _palette(bg);
			border-top: solid 1px _palette(border);
			position: relative;
			z-index: 1;
		}

		.goto-next {
			@include icon;

			&:before {
				color: _palette(border);
				content: '\f063';
				display: block;
				font-size: 2em;
				height: 2em;
				left: 0;
				line-height: 2em;
				position: absolute;
				text-align: center;
				text-indent: 0;
				top: 0;
				width: 2em;
			}
		}
	}

/* Header */

	#header {
		-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
		background-image: url('../../assets/images/bg.jpg');
		background-size: cover;
		height: 100%;

		&:after {
			min-height: 100%;
		}

		header {
			position: relative;
			z-index: 1;
		}

		.container {
			background: _palette(bg);
			z-index: 1;
		}
	}

/* Footer */

	#footer {
		-ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
		background-image: url('../../assets/images/bg.jpg');
		background-size: cover;

		.container {
			background: _palette(bg);
			border-top: solid 1px _palette(border);
			position: relative;
			z-index: 1;
		}
	}
