@import 'vars';
@import 'mixins';

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

$size-header-pad:		4em;

/* Basic */

	h1, h2, h3, h4, h5, h6 {
		br {
			display: none;
		}
	}

/* List */

	ul {
		&.icons {
			li {
				.icon {
					font-size: 1.25em;
				}
			}
		}
	}

/* Header */

	#header {
		background-attachment:	scroll;
		background-position:	top left,	center center;
		background-size:		auto,		cover;
		left: auto;
		padding: ($size-header-pad * 1.5) $size-header-pad;
		position: relative;
		text-align: center;
		top: auto;
		width: 100%;
		
		h1 {
			font-size: 1.75em;
			
			br {
				display: inline;
			}
		}
	}

/* Footer */

	#footer {
		background-attachment:	scroll;
		background-color:		$color-accent2-bg;
		background-image:		url('images/overlay.png'),		url('../images/bg.jpg');
		background-position:	top left,						bottom center;
		background-repeat:		repeat,							no-repeat;
		background-size:		auto,							cover;
		bottom: auto;
		left: auto;
		padding: $size-header-pad $size-header-pad ($size-header-pad * 1.5) $size-header-pad;
		position: relative;
		text-align: center;
		width: 100%;

		.icons {
			margin: 0 0 ($size-element-margin * 0.5) 0;
		}

		.copyright {
			margin: 0 0 ($size-element-margin * 0.5) 0;

			li {
				border-left-width: 1px;
				display: inline-block;
				line-height: 1em;
				margin-left: 0.75em;
				padding-left: 0.75em;
			}
		}
	}
	
/* Main */

	#main {
		margin: 0;
		padding: ($size-header-pad * 1.5) $size-header-pad;
		width: 100%;
	}