/*
Theme Name: Dorrestijn
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: Underscoredesign.nl
Author URI: https://wordpress.org/
Description: Our 2016 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Dorrestijn

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
	font-family:'Open Sans';
	font-weight:400;
	font-size:14px;
	line-height:16px;
}
.home-pointer {
	z-index:999999;
}
.red-border {
	background:#FF0000;
	height:5px;
	padding:0;
	margin:0;
}
.btn-back {
	position:relative;
	display:inline-block;
	background:#FF0000;
	color:white;
	padding:0 10px 0 30px;
	height:28px;
	line-height:28px;
	text-align:center;
}
.btn-back:hover {
	color:white;
	background:black;
	text-decoration:none;
}
.btn-back:after {
	content:'«';
	float:left;
	margin-left:-16px;
}
#slides {
	height:450px;
	max-height:450px;
}

/* Navigation */
nav {
	padding:20px 0;
}

nav #menu-hoofdmenu {
	list-style:none;
	border-bottom:2px solid #222;
	margin:31px 0 0;
	height:32px;
	padding:0;
}

nav #menu-hoofdmenu > li {
	position:relative;
	display:inline-block;
	width:20%;
	float:left;
}

nav #menu-hoofdmenu > li > a {
	font:400 1em/32px 'Open Sans', sans-serif;
	width:100%;
	text-transform:uppercase;
	display:inline-block;
	text-align:left;
	color:#222;
}

nav .current-menu-item > a {
	font-weight:700 !important;
}

nav #menu-hoofdmenu > li:first-child > a {
	text-align:left;
}

nav #menu-hoofdmenu > li ul {
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	top:32px;
	left:0;
	width:100%;
	z-index:999;
	background:#ccc;
}

nav #menu-hoofdmenu > li .sub-menu > li {
	display:block;
	height:32px;
	line-height:32px;
	padding:0 0 4px;
	margin:0;
	padding:0;
}

nav #menu-hoofdmenu > li .sub-menu > li:first-child a {
	border-top:none;
	padding-top:0;	
}
nav #menu-hoofdmenu > li .sub-menu a {
	display:block;
	height:32px;
	border-top:4px solid white;
	transition:all .2s linear;-moz-transition:all .2s linear;
	text-decoration:none !important;
	padding:0 10px 4px;
	line-height:32px;
	color:#666;
}

nav #menu-hoofdmenu > li .sub-menu > li:hover a {
	color:white;
	background:#FF0000;
}

nav #menu-hoofdmenu > li:hover ul {
	display:block;
}

#banner {
	position:relative;
	border-bottom:10px solid #111;
	padding-left:0;
	padding-right:0;
}

#banner:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:10px;
	background:url(img/ds_header-shade-top.png) left top repeat-x;
}

#banner h2.header-text {
	position:absolute;
	padding:25px;
	top:50%;
	left:14%;
	margin-top:-60px;
	display:block;
	border:1px solid white;
	width:26%;
	min-height:120px;
	color:white;
	font-size:2.5em;
	text-transform:uppercase;
	line-height:1.4em;
}

.side-img, .main-content {
	padding-left:0 !important;
}

.side-img {
	position:relative;
}

.side-img > a {
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-60px;
	display:block;
	width:119px;
	height:119px;
}

.side-img img[src*='logo'] {
	margin:0 auto;	
	padding:20px 0;
}

article {
	padding:40px 0 40px 20px;
}

article strong {
	line-height:1.8em;
}
	
article .last_column {
	padding-left:20px;
}

.default-page {
	padding:20px !important;
}

.alignright {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

.gallery {
	padding:20px 0;	
}

.gallery a, .gallery > a figure, .gallery > figure {
	display:inline-block;
	margin-bottom:20px;
	margin-right:20px;
}

footer {
	background:#1a1a1a;
	padding:15px 0;
	color:#909090;
	font-size:0.8em;
}

[role='form'] {
	width:58%;
	float:none;
	background:#f1f1f1;
	text-align:center;
}
form label {
	margin:5px 0;
	padding-left:20px;
	text-align:left;
	display:block;
}
form textarea {
	resize:none;
	width:89%;
}
form input[type="submit"] {
	background:red;
	color:white;
	border:0;
	margin-left:17px;
	width:88%;
	text-align:center;
	border-radius:4px;
}
form input[type="submit"]:hover {
	text-decoration:underline;
}
form input, form textarea {
	border-radius:4px;
	width:90%;
	border:1px solid #f5f5f5;
	margin-bottom:20px;
	background:white;
	padding:10px 5px;
	box-shadow:inset 0 0 3px rgba(0,0,0,.3);
}

@media(max-width:1140px ) {
	h2.header-text {
		font-size:1.5em !important;
		width:22% !important;
	}
}

@media(max-width:400px ) {
	h2.header-text {
		font-size:1em !important;
		margin-top:-40px !important;
		width:60% !important;
		min-height:0 !important;
	}
}