/*
* 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%;
	background: #F8F5EC;
}

/* Typography */

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: #555;
	text-decoration: none;
	border-bottom: solid 1px #ddd;
}

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;
}

/* Sections/Article */

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%;
}

/* List */

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;
}

/* Forms */

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: #EF3F30;
	z-index:9999;
	position:fixed;
	top:0;
	border-bottom: solid 2px #b63025;
}

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: uppercase;
	font-weight: 400;
	color: white;
	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;
	}
}

#language {
  margin-left: auto;
  margin-right: 0;
  font-size: 0.9em;
  text-align: right;
  order: 2;
  color: white;
}

#language a {
  color: white;
}

.logo-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 0;
}

.logo-img {
  max-height: 60px;
  height: auto;
  width: auto;
}

.logo-link {
  text-decoration: none;
}

@media (max-width: 768px) {
  .logo-img {
    max-height: 40px;
  }
}
