/*
Theme Name: 
Theme URI: 
Description: 
Author: 
Author URI: 
Tags: 
Version: 1.0
*/

/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { 
	margin: 0px; 
	padding: 0px; 
	color: #606060;
	font-size: 62.5%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
}

a:active{outline: none; color: #000;} 
:-moz-any-link:focus {outline: none;}
body,td,th,input,select,textarea { font-size: 16px; font-family: Open Sans, sans-serif; line-height: 28px; }
input,textarea { line-height: normal; }
p { margin-bottom: 10px; }
a { color: #ed1c24; text-decoration: none; }
a:hover {color: #e4151d; text-decoration: none;}
img { border: none; }
fieldset { border: none; }
caption { display: none; }
ul {}
ol {}
table { border-collapse: collapse; }
th, td {}
th {}
thead th {}
tbody th {}
tfoot th {}
tfoot td {}
dl dt {}
dl dd {}
strong { font-weight: bold; }
em { font-style: italic; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {  }
h1 { font-size: 24px; padding: 0px; margin: 0px 0px 5px 0px; color: #ed1c24; text-transform: normal; font-weight: 400; font-family: Open Sans; }
h2 { font-size: 24px; padding: 0px; margin: 0px 0px 5px 0px; color: #ed1c24; text-transform: normal; font-weight: 400; font-family: Open Sans; }
h3 { font-size: 20px; padding: 0px; margin: 0px 0px 5px 0px; color: #ed1c24; text-transform: normal; font-weight: 400; font-family: Open Sans; }
h4 { font-size: 18px; padding: 0px; margin: 0px 0px 5px 0px; color: #ed1c24; text-transform: normal; font-weight: 400; font-family: Open Sans; }
h5 { font-size: 18px; padding: 0px; margin: 0px 0px 5px 0px; color: #ed1c24; text-transform: normal; font-weight: 400; font-family: Open Sans; }

input, textarea{
	border-radius: 0px !important;
	-webkit-appearance: none;
	border: 1px solid #eee;
}

#top{
	width: 100%;
	float: left;
}

#header{
	width: 100%;
	float: left;
	padding: 20px 0;
	border-top: 20px solid #f1f1f1;
}

#header a#logo{
	width: 250px;
	height: 81px;
	display: block;
	float: left;
	background: url("../gfx/logo.png") no-repeat;
	background-size: 200px auto;
}

nav{
	width: 100%;
	float: left;
	background: #ed1c24;
}

nav ul{
	margin: 0;
	padding: 0;
}

nav ul li{
	list-style: none;
	float: left;
	border-right: 1px solid #e4151d;
}

nav ul li:last-child{
	border-right: 0px;
}

nav ul li a{
	display: inline-block;
	padding: 7px 15px;
	color: #fff;
	border-bottom: 4px solid transparent;
}

nav ul li a:hover{
	border-bottom: 4px solid #fff;
	color: #fff;
	background: #e4151d;
}

ul#top_nav{
	margin: 17px 0 0 0;
	padding: 0;
	display: block;
	float: right;
}

ul#top_nav li{
	float: left;
	list-style: none;
	display: inline-block;
	padding: 10px 15px;
	border-right: 1px solid #ccc;
}

ul#top_nav li:last-child{
	border-right: 0px solid #ccc;
}

ul#top_nav li a{
	font-size: 18px;
	color: #555;
}

#slider{
	width: 100%;
	float: left;
}

#subslider{
	width: 100%;
	float: left;
	background: gray;
}

#subslider img{
	display: block;
}

#slogan{
	width: 100%;
	float: left;
	padding: 50px 0;
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	text-align: center;
	font-family: Open Sans;
}

#breadcrumb{
	width: 100%;
	float: left;
	padding: 25px 0;
	font-size: 16px;
	background: #eee;
}

#middle{
	width: 100%;
	float: left;
}

#content{
	width: 100%;
	float: left;
	padding: 50px 0;
}

#sidebar{
	width: 100%;
	float: left;
}

.sidebar_widget{
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
}

.sidebar_widget ul{
	margin: 0;
	padding: 0;
}

.sidebar_widget ul li{
	list-style: none;
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
}

.sidebar_widget ul li a{
	width: 100%;
	display: inline-block;
	padding: 10px 0;
	color: #555;
}

.sidebar_widget ul li a:hover{
	color: #ed1c24;
}

#inhetkort{
	width: 100%;
	float: left;
	padding: 50px 0;
	color: #fff;
	background-color: red;
}

#inhetkort h2{
	color: #fff;
}

#deunits{
	width: 100%;
	float: left;
	background: #f3f3f3;
	padding: 50px 0;
}

#bottom{
	width: 100%;
	float: left;
	background: #5f6062;
}

#footer{
	width: 100%;
	float: left;
	padding: 50px 0 25px 0;
}

.widget{
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
	color: #fff;
}

.widget h5{
	color: #fff;
}

#copyright{
	width: 100%;
	float: left;
	background: white;
	padding: 25px 0;
	text-align: center;
	color: #ccc;
}

.toggle{
	display: none;
}

.mobile{
	display: none !important;
}

@media screen and (max-width: 780px) {

	#header{
		margin: 0;
		border-top: 0px;
	}

	ul#top_nav{
		display: none;
	}

	#header a#logo{
		width: 150px;
		height: 60px;
		display: block;
		background: url("../gfx/logo.png") no-repeat;
		background-size: 150px auto;
		margin: 10px 0 0 0;
	}

	nav ul{
		height: 10px;
	}

	nav ul li{
		display: none;
	}

	#nav-icon3{
	  width: 40px;
	  height: 40px;
	  position: absolute;
	  display: block;
	  top: 17px;
	  right: 25px;
	  margin: 0px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-icon3 span{
	  display: block;
	  position: absolute;
	  height: 9px;
	  width: 100%;
	  background: red;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  z-index: 9999;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	/* Icon 3 */

	#nav-icon3 span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	  top: 15px;
	}

	#nav-icon3 span:nth-child(4) {
	  top: 30px;
	}

	#nav-icon3.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#nav-icon3.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon3.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon3.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	.mobile{
		width: 200px;
		height: 100%;
		position: fixed;
		display: block !important;
		top: 0;
		left: -200px;
		background: #222;
		margin: 0px;
		padding: 0px;
		transition: 0.5s;
		z-index: 9999;
	}

	.mobile li{
		width: 100%;
		display: inline-block;
		list-style: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	.mobile li a{
		width: 100%;
		display: inline-block;
		padding: 10px 20px;
		list-style: none;
		color: #fff;
	}

	.mobile li a:hover{
		color: #fff;
		opacity: 0.8;
	}

	.active .mobile{
		left: 0px;
		position: fixed;
		transition: 0.5s;
	}

	#sidebar{
		display: none;
	}

}

/* CONTACT FORMULIER */

input.wpcf7-text{
	width: 100%;
	display: inline-block;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

textarea.wpcf7-textarea{
	width: 100%;
	display: inline-block;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

input.wpcf7-submit{
	width: 100px;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	color: #fff;
	background: #ed1c24;
	border: 0px;
	cursor: pointer;
}