@import url('http://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,600,700');

@import '../font-awesome/css/font-awesome.css';


/** basic
==================== **/

	body {
		max-width: 1440px;
		margin: 0 auto;
		padding: 50px 80px;
		font-family: 'Playfair Display';
		color: #666;
		line-height: 1.8;
		background: #ededed;
		overflow-y: scroll;
		overflow-x: hidden;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	*,
	*:before,
	*:after {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;

		box-sizing: border-box;
	}

	::selection {
		color: #ffffff;
		background: #c7ac75;
	}

	::-moz-selection {
		color: #ffffff;
		background: #c7ac75;
	}


/** grid system
==================== **/

	.container {
		padding: 0 80px;
		position: relative;
	}

	.column {
		float: left;
		padding: 0 25px;
		position: relative;
	}

	.column:first-child { padding-left: 0; }
	.column:last-child { padding-right: 0; }

	.column.col-1 { width: 8.333%; }
	.column.col-2 { width: 16.666%; }
	.column.col-3 { width: 25%; }
	.column.col-4 { width: 33.333%; }
	.column.col-5 { width: 41.666%; }
	.column.col-6 { width: 50%; }
	.column.col-7 { width: 58.333%; }
	.column.col-8 { width: 66.666%; }
	.column.col-9 { width: 75%; }
	.column.col-10 { width: 83.333%; }
	.column.col-11 { width: 91.666%; }
	.column.col-12 { width: 100%; }

	.column.offset-by-1 { margin-left: 8.333%; }
	.column.offset-by-2 { margin-left: 16.666%; }
	.column.offset-by-3 { margin-left: 25%; }
	.column.offset-by-4 { margin-left: 33.333%; }
	.column.offset-by-5 { margin-left: 41.666%; }
	.column.offset-by-6 { margin-left: 50%; }
	.column.offset-by-7 { margin-left: 58.333%; }
	.column.offset-by-8 { margin-left: 66.666%; }
	.column.offset-by-9 { margin-left: 75%; }
	.column.offset-by-10 { margin-left: 83.333%; }
	.column.offset-by-11 { margin-left: 91.666%; }

	.row { margin-bottom: 50px; }
	.row:last-child { margin-bottom: 0; }

	.container::after,
	.row::after,
	.clearfix::after {
		content: '';
		display: block;
		clear: both;
	}


/** links
==================== **/

	a {
		text-decoration: none;
		color: inherit;
		cursor: pointer;
	}

	a.link { color: #c7ac75; }
	a.link:hover { color: #000000; }


/** typography
==================== **/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 400;
		font-style: normal;
		color: #000000;
		margin-bottom: 15px;
	}

	h1:last-child,
	h2:last-child,
	h3:last-child,
	h4:last-child,
	h5:last-child,
	h6:last-child { margin-bottom: 0; }

	h1 { font-size: 50px; }
	h2 { font-size: 42px; }
	h3 { font-size: 36px; }
	h4 { font-size: 30px; }
	h5 { font-size: 24px; }
	h6 { font-size: 18px; }

	p { margin-bottom: 30px; }
	p:last-child { margin-bottom: 0; }


/** forms
==================== **/

	form { margin-bottom: 30px; }
	form:last-child { margin-bottom: 0; }

	form .row { margin-bottom: 30px; }
	form .row:last-child { margin-bottom: 0; }

	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {
		width: 100%;
		height: 50px;
		font-family: 'Source Sans Pro';
		font-size: inherit;
		padding: 0 15px;
		background: #fff
	}

	textarea {
		max-width: 100%;
		padding: 15px;
		min-height: 120px
	}

	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		height: 40px;
		text-transform: uppercase;
		font-family: 'Source Sans Pro';
		color: #fff;
		padding: 0 15px;
		background: 0;
		cursor: pointer;
		background: #c7ac75
	}

	label {
		display: block;
		text-transform: uppercase;
		font-family: 'Source Sans Pro';
		font-size: 12px;
		font-weight: 600;
		margin-bottom: 15px;
		cursor: pointer;
	}


/** misc
==================== **/

	img {
		max-width: 100%;
		vertical-align: middle;
	}

	.float-left { float: left; }
	.float-right { float: right; }