/*
* Stylesheet for the GetSimple Seascape II Theme
* Timbow 2016
* Credits: wow-framework(js menu), html5up(typography), Dead Simple Grid, Google Fonts
*/

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600");
body {min-width:420px;font-size:16px;padding-top:3.7em;font-family:'Source Sans Pro',sans-serif;font-weight:300;color: #444;line-height:150%}
input,textarea,select {font-family:sans-serif;font-weight:300;color:#777}
h1,h2,h3,h4,h5,h6 {font-weight:600;color:#555}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:inherit;text-decoration:none;border:0}
a {-moz-transition:color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;-webkit-transition:color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;-ms-transition:color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;transition: color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;color: #2196F3;text-decoration:none;border-bottom:solid 1px #2196F3}
a strong {-moz-transition:color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;-webkit-transition:color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;-ms-transition: color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out;transition:color 0.25s ease-in-out,border-bottom-color 0.25s ease-in-out}
a:hover {color:#4682B4;border-bottom-color:rgba(255, 255, 255, 0)}
strong,b {font-weight:600;color:#444}
em,i {font-style:italic}
sub {position: relative;top:0.5em;font-size:0.8em}
sup {position: relative;top:-0.5em;font-size:0.8em}
hr {border:0;border-top: solid 1px #ddd}
blockquote {border-left:solid 0.5em #ddd;padding:1em 0 1em 2em;font-style:italic}
p {text-align:justify;margin-bottom:2em}
ul,ol,dl,table,blockquote {margin-bottom:2em}
br.clear {clear:both}
section,article {margin-bottom:3em}
section > :last-child,article > :last-child,section:last-child,article:last-child {margin-bottom:0}
img {display:block;max-width:100%}
ul {list-style:disc;margin-left:1.125em}
ul li {padding-left:.6em;margin:.5em 0}
ol {list-style:decimal;margin-left:1em}
ol li {padding-left:0.5em;margin:0.5em 0}
ol li:first-child {margin-top:0}
form label {font-weight:600;text-transform:uppercase;color:#777;display:block;margin:0 0 1em 0}
form input[type="text"],form input[type="email"]input[type="password"],form select,form textarea {-moz-transition: background-color 0.25s ease-in-out;
	-webkit-transition: background-color 0.25s ease-in-out;
	-ms-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out;
	-webkit-appearance: none;
	display: block;
	border: 0;
	background: #e8e8e8;
	width: 90%;
	box-shadow: inset .125em .125em 0 0 rgba(0, 0, 0, 0.1);
	border-radius: .25em;
	line-height: 1.25em;
	padding: 0.75em 1em 0.75em 1em;
}

form input[type="text"]:focus,
form input[type="email"]
input[type="password"]:focus,
form select:focus,
form textarea:focus {
	background: #f0f0f0;
}

form textarea {
	min-height: 11em;
}

form .formerize-placeholder {
	color: #888 !important;
}

form ::-webkit-input-placeholder {
	color: #888 !important;
	line-height: 1.35em;
}

form :-moz-placeholder {
	color: #888 !important;
}

form ::-moz-placeholder {
	color: #888 !important;
}

form :-ms-input-placeholder {
	color: #888 !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Tables */

table {
	width: 100%;
	border-collapse: collapse;
}

table tbody tr {
	border-top: solid 1px #E5E5E5;
}

table tbody tr:first-child {
	border-top: 0;
}

table td {
	padding: 0.75em 1em 0.75em 1em;
}

table th {
	text-align: left;
	font-weight: bold;
	padding: 0.75em 1em 0.75em 1em;
}

table thead {
	background: #878787;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	border: 0;
	box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
}

table tfoot {
	background: #F0F0F0;
	border-top: solid 2px #E5E5E5;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	background: #ed786a;
	color: #fff !important;
	text-transform: uppercase;
	border-radius: .25em;
	border: 0;
	outline: 0;
	font-size: 1em;
	box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
	font-weight: 600;
	text-align: center;
	padding: .2em;
}

/* Dead Simple Grid (c) 2015 Vladimir Agafonkin */

.row .row {
	margin:  0 -1.5em;
}
.col      {
	padding: 0  1.5em;
}

.row:after {
	content: "";
   	clear: both;
 	display: table;
}

@media only screen { .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
}}


/* HEADER */

.header-wrapper {
	width: 100%;
	min-width: 420px;
	background-color:#fff;
	z-index:9999;
	position:fixed;
	border-bottom: solid 2px #e5e5e5;
	top:0;
}

header h1 {
	margin: 0;
	width: auto !important;
	position: relative;
	text-align: center;
}

.header-wrapper header .logo {
	text-transform: uppercase;
	color: #555;
	display:inline-block;
	margin:0 auto 0;
	font-weight: 700;
	text-shadow: 0.05em 0.075em 0 rgba(0, 0, 0, 0.1);
	letter-spacing:.15em;
}

/* Nav */
nav ul li {
	margin: 0;
	padding: 0;
}
nav > ul > li > a {
	border: 0;
	text-decoration: none;
	text-transform: ;
	font-weight: 400;
	color: #666;
	outline: 0;
}

/* Banner */
figure.banner {
	margin: 0;
	padding-top: 1em;
}
figure.banner img {
	width: 100%;
}

/* Footer */
footer {
	position: relative;
	height: 8em;
	padding: 1em 0 0;
	text-align: center;
	word-spacing: .1em;
	border-top: solid 2px #e5e5e5;
}

footer p {
	margin: 0;
	letter-spacing: .1em;
	text-align: center;
}

#social, #social a {
	margin: .5em;
}

footer a ,
footer a:hover {
	border-bottom-style: none;
}

/*Make the Footer 'sticky'*/

html {
 	position: relative;
 	min-height: 100%;
}

body {
 	margin-bottom: 9em;
}

footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	height: 8em;
  	width: 100%;
	min-width: 420px;
}

/* Media Queries */

@media (min-width:992px) {
	/* Layout */
	body {
		margin-left: 5%; 
		margin-right: 5%;
		padding-top: 6.3em;
	}
	.header-wrapper {
		position:fixed;
		top:0;
		width: 90%;
	}
	.header-wrapper header .logo {
		font-size: 1.2em;
		line-height: 120%;
		margin-top: .3em;
	}
	footer {
		width: 90%;
		margin-left: 5%; 
		margin-right: 5%;
	}
	/*For multi-columns with Dead Simple Grid */
	.half {
		width: 50%;
	}
	.one-third {
		 width: 33.33%;
	}
	.two-thirds {
		width: 66.66%;
	}
	.one-quarter {
		 width: 25%;
	}
	.three-quarters {
		 width: 75%;
	}
	/*Nav */
	.header-wrapper header nav ul {
		list-style:none;
		text-align: center;
		margin:.4em auto .6em;
		padding: 0;
	}
	.header-wrapper header nav {
		width: auto;
		margin:0;
	}
	.header-wrapper header nav li {
		margin:0;
		padding-bottom:.06em;
		letter-spacing:.06em;
		display:inline-block;
	}
	.header-wrapper header nav li a {
		padding:0 1.25em;
	}
	.header-wrapper header nav li a:hover,.header-wrapper header nav li a.active {
		text-decoration:none;
		color:#4682B4;
	}
	.nav-toggle {
		display: none;
	}
	
}

@media (max-width:992px) {
	/* Layout */	
	.header-wrapper header{
		height: 60px;
	}
	.header-wrapper header .logo {
		font-size:.9em;
		line-height: 2.1em;
		margin-right: 2em;
		letter-spacing:.05em;
	}
	/*Nav */
	nav.nav-collapse {
		float: right;
	}
	.nav-collapse ul {
		margin:0;
		padding:0;
		width:100%;
		display:block;
		list-style:none;
		border-top: solid 2px #e5e5e5;;
	}
	.nav-collapse li a {
		width:100%;
		display:block;
		padding:.8em 1em ;
		border-bottom:solid 2px #e5e5e5;
	}
	.js .nav-collapse {
		clip:rect(0 0 0 0);
		max-height:0;
		position:absolute;
		display:block;
		overflow:hidden;
		zoom:1;
		background-color: white;
		z-index:1;
	}
	.nav-collapse.opened {
		max-height:100em;
	}
	.nav-toggle {
		clear:both;
		float:none;
		display:inline-block;
		position:absolute;
		right:1.5em;
		top:1em;
		z-index:9999;
	}
}
@media (max-width:640px) {
body {font-size:14px}
.header-wrapper header .logo {font-size:.6em;line-height:2.1em;margin-right:2em;letter-spacing:0em;margin-top:1em}
}
/*Make fixed header scroll sideways at narrow widths */
@media (max-width:420px) {
.header-wrapper {position:absolute}
}

.container {width:1170px;margin:0 auto}