/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body{
padding: 0;
margin: 0;
text-align: center;
font-family: 'Ubuntu', sans-serif;
color: #333333;
font-size: 80%;
line-height: 160%;
}

h1{
font-family: 'Ubuntu', Arial, serif; 
font-weight: 700;
font-size: 230%;
color: #184194;
margin: 0 0 15px 0;
line-height: 120%;
}

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

a:hover{
color: #333333;
text-decoration: none;
}

hr{
border: 0;
color: #666666;
background-color: #666666;
height: 1px;
margin: 20px 20%;
}

#header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}

.post{
float: left;
margin-top: 150px;
margin-bottom: 120px;
background: rgba(255, 255, 255, 0.8);
padding: 30px;
width: 600px;
text-align: left;
}

.post p{
padding: 10px 0 0 0;
}

.post ul{
list-style-type: circle;
list-style-position: inside;
}

#wrapper{
width: 100%;
margin: 0 auto;
}

#footer {
background: #f0f0f0;
color: #333333;
width: 100%;
z-index: 100;
}

#footer p{
padding: 15px 30px;
text-align: left;
font-size: 80%;
line-height: 350%;
}

#footer img{
float: left;
margin: 0 20px 0 0;
width: 150px;
}

#footer_mob{ display: none; }
#footer_mob2{ display: none; }

/* menu
-------------------------------------------------------------------------------*/



nav {
width: 100%;
font-family: 'Ubuntu', Arial, serif; 
font-weight: 700;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
background: #184194;
-webkit-box-shadow: 0 10px 25px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0 10px 25px 0px rgba(0,0,0,0.7);
box-shadow: 0 10px 25px 0px rgba(0,0,0,0.7);
text-align: left;
z-index: 100;
}

nav ul ul { display: none; }
nav ul li:hover > ul { display: block; }

nav ul {
list-style: none;
position: relative;
}

nav ul:after { content: ""; clear: both; display: block; }
nav ul li { float: left; }

nav ul li:hover { background: #ffffff; }
nav ul li:hover a { color: #184194; }
nav ul li a {
display: block; 
padding: 11px 30px;
color: #ffffff;
}

nav ul ul {
background: #ffffff;
color: #184194;
position: absolute; 
top: 100%;
z-index: 100;
}
nav ul ul li { float: left; font-size: 80%; }
nav ul ul li a {
padding: 5px 10px;
color: #ffffff;
}	
nav ul ul li a:hover {
background: #184194;
color: #ffffff;
}
		
nav ul ul ul {
position: absolute; 
left: 100%; 
top:0;
}


.mobile{ display: none; }
/* menu
-------------------------------------------------------------------------------*/

/*form
-------------------------------------------------------------------------------*/
input{
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

textarea{
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

.wpcf7-form{
margin: 0;
padding: 0;
}

.wpcf7-form input[type="text"]{
font-family: 'Ubuntu', Arial, serif; 
font-weight: 400;
float: right;
color: #666666;
padding: 5px 0;
background: #ffffff;
border: 0;
border: 1px solid #cccccc;
width: 50%;
}

.wpcf7-form input[type="email"]{
font-family: 'Ubuntu', Arial, serif; 
font-weight: 400;
float: right;
color: #666666;
padding: 5px 0;
background: #ffffff;
border: 0;
border: 1px solid #cccccc;
width: 50%;
}

.wpcf7-form textarea{
font-family: 'Ubuntu', Arial, serif; 
font-weight: 400;
float: right;
color: #62606e;
padding: 5px 0;
background: #ffffff;
border: 0;
border: 1px solid #cccccc;
width: 50%;
}

.wpcf7-form input[type="submit"]{
clear: both;
font-family: 'Ubuntu', Arial, serif; 
font-weight: 400;
float: right;
padding: 5px 10px;
border: 0;
background: #184194;
color: #ffffff;
text-transform: uppercase;
font-size: 120%;
letter-spacing: 1px;
margin: 0 0;
width: 50%;
}

.wpcf7-form input[type="submit"]:hover{ background: #333333; }

/*media queries 320px
-------------------------------------------------------------------------------*/
@media only screen (max-width:319px) {
	.post{
	margin-top: 150px;
	margin-bottom: 120px;
	padding: 30px;
	width: 300px;
	text-align: left;
	}

	.default{ display: none; }
	.mobile{ display: block; }

	nav { font-size: 90%; }
	
	nav ul li a {
	display: block; 
	padding: 11px 10px;
	}
	nav ul ul li {
	float: auto;
	width: 100%;
	}
	nav ul ul { left: 0; }

	#footer{ display: none; }
	#footer_mob2{ display: none; }

	#footer_mob {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
	color: #333333;
	width: 100%;
	z-index: 100;
	}

	#footer_mob p{
	padding: 15px 30px;
	text-align: left;
	font-size: 80%;
	}

	#footer_mob img{
	margin: 0 0 0 0;
	width: 100px;
	}

	.wpcf7-form input[type="text"]{ width: 100%; }
	.wpcf7-form input[type="email"]{ width: 100%; }
	.wpcf7-form input[type="submit"]{ width: 100%; }
	.wpcf7-form textarea{ width: 100%; }
}

/*media queries iphone5s
-------------------------------------------------------------------------------*/
@media only screen and (min-width : 320px) and (max-width : 568px){
	.post{
	margin-top: 150px;
	margin-bottom: 120px;
	padding: 30px;
	width: 340px;
	text-align: left;
	}

	.default{ display: none; }
	.mobile{ display: block; }

	nav { font-size: 90%; }

	nav ul li a {
	display: block; 
	padding: 11px 10px;
	}
	nav ul ul li {
	float: auto;
	width: 100%;
	}
	nav ul ul { left: 0; }

	#footer{ display: none; }
	#footer_mob2{ display: none; }

	#footer_mob {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
	color: #333333;
	width: 100%;
	z-index: 100;
	}

	#footer_mob p{
	padding: 15px 30px;
	text-align: left;
	font-size: 80%;
	}

	#footer_mob img{
	margin: 0 0 0 0;
	width: 100px;
	}

	.wpcf7-form input[type="text"]{ width: 100%; }
	.wpcf7-form input[type="email"]{ width: 100%; }
	.wpcf7-form input[type="submit"]{ width: 100%; }
	.wpcf7-form textarea{ width: 100%; }
}

@media only screen and (min-width: 569px) and (max-width: 667px){
	.post{
	margin-top: 150px;
	margin-bottom: 120px;
	padding: 30px;
	width: 450px;
	text-align: left;
	}

	.default{ display: none; }
	.mobile{ display: block; }

	nav { font-size: 90%; }

	nav ul li a {
	display: block; 
	padding: 11px 10px;
	}
	nav ul ul li {
	float: auto;
	width: 100%;
	}
	nav ul ul {
	left: 0;
	}

	#footer{ display: none; }
	#footer_mob2{ display: none; }

	#footer_mob {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
	color: #333333;
	width: 100%;
	z-index: 100;
	}

	#footer_mob p{
	padding: 15px 30px;
	text-align: left;
	font-size: 80%;
	}

	#footer_mob img{
	margin: 0 0 0 0;
	width: 100px;
	}

	.wpcf7-form input[type="text"]{ width: 100%; }
	.wpcf7-form input[type="email"]{ width: 100%; }
	.wpcf7-form input[type="submit"]{ width: 100%; }
	.wpcf7-form textarea{ width: 100%; }
}

/*media queries 680px
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 668px) and (max-width: 800px){
	.post{
	margin-top: 150px;
	margin-bottom: 120px;
	padding: 30px;
	width: 450px;
	text-align: left;
	}

	#footer{ display: none; }
	#footer_mob{ display: none; }

	#footer_mob2 {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
	color: #333333;
	width: 100%;
	z-index: 100;
	}

	#footer_mob2 p{
	padding: 15px 30px;
	text-align: left;
	font-size: 80%;
	line-height: 150%;
	}

	#footer_mob2 img{
	float: left;
	margin: 0 20px 0 0;
	width: 150px;
	}

	nav ul li a {
	display: block; 
	padding: 11px 10px;
	color: #ffffff;
	}

	nav ul ul {
	left: 0;
	}

	nav ul ul li a {
	padding: 5px 10px;
	color: #ffffff;
	}	

	nav ul ul li { float: left; font-size: 70%; }
}