/*!
Theme Name: vvvw
Theme URI: https://qobalt.nl/
Author: Qobalt
Author URI: https://qobalt.nl/
Description: This theme is created by Qobalt
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yourbuild
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

yourbuild is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.pdf {
	padding: 2px 0 2px 18px;
	background: url(./assets/images/pdf.png) top left no-repeat;
}
.word {
	padding: 2px 0 2px 18px;
	background: url(./assets/images/word.png) top left no-repeat;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,q,fieldset,dl,dt,dd,iframe,table,tbody,thead,td,th,address,legend {
	margin:0;
	padding:0;
	font-size: 1.0em;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block;
}

body { font: 12px/1.5em Frutiger, Univers, "Helvetica Neue", arial, helvetica, sans-serif; }

/**
 * Headings and text
 * Description:
 * Note: :first-child on the right place over there?
 */

h1 {
	font-size: 1.5em; /* 18px */
	line-height: 1em; /* 18px */
	margin: 2em 0 1em 0; /* 18px */
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } /* reset the first H{x} of the page */
* html h1, * html h2 { margin-top: 0; } /* Don't we all love Bill? */

h2 {
	font-size: 1.3333em; /* 16px */
	line-height: 1.125em; /* 18px */
	margin-top: 1.6875em; /* 27px */
	margin-bottom: 0.5625em; /* 9px */
}

h3 {
	font-size: 1.1667em; /* 14px */
	line-height: 1.286em; /* 18px */
	margin-top: 1.929em; /* 27 px */
	margin-bottom: 0.643em; /* 9px */
	}
	h2 + h3 {
		margin-top: 1.2857em; /* 18 px */
	}

h4 {
	margin-top: 1.5em; /* 18px */
	}
	h3 + h4 {
		margin-top: 0.5em; /* 9 px */
	}

h5 {
	margin-top: 1.5em; /* 18px */
	font-weight: normal;
}
	h4 + h5 {
		margin-top: 0em; /* 9 px */
	}

p {
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em 0;
}
p.intro {
	font-size: 1.08333em;
	line-height: 1.3846em;
	font-weight: bold;
}

blockquote {
	margin: 0 2.5em 1.5em 2.5em;
	font-style: oblique;
}
q { font-style: oblique; }

hr {
	margin: 0 0 1.5em 0;
	height: 1px;
	background: #333;
	border: none;
}

small {
	font-size: 0.8333em; /* 10px */
	line-height: 1.8em; /* 18px */ /* SOMETHING STRANGE HAPPENING HERE!! was 1.8em IE IS NOT HELPING HERE! */
}

a img,:link img,:visited img { border: none; }
a, :focus { outline: 0; }
address { font-style: normal; }

/**
 * Lists
 * Description: List elements (<ul>, <ol>, <dl>)
 */

ul,
ol { margin: 0 0 1.5em 2.5em; }
	li ul,
	li ol { margin: 0 0 0 2.5em; }

dl { margin: 0 0 1.5em 0; }
	dt {
		font-weight: bold;
		margin: 1.5em 0 0 0;
	}
	dd { margin: 0 0 0 2.5em; }

/**
 * Misc
 * Description: These styles are often used for general purposes
 * Use on: All HTML elements
 * Note: names of these classes should be self explanatory, but may renamed in future
 */

.break { clear: both; }
.right { float: right; }
.left { float: left; }
.hide, .skip { display: none; }
.center { text-align: center; }

/**
 * Forms
 *
 */

fieldset { border: none; }
form br { clear: left; }

label {
	float: left;
	width: 150px;
	margin: 0 0 0.9em 0; /* CONFIG */
	}
	label.inline{
		width: auto;
		display: inline;
		margin-right: 15px; /* CONFIG */
	}
	label.fixed{
		display: block;
		float: left;
		width: 100px; /* CONFIG */
	}

input, input.text, textarea, select {
	font-family: Frutiger, Univers, "Helvetica Neue", arial, helvetica, sans-serif; /* Needed for textarea */
	font-size: 1em;
	width: 300px;
	margin: 0 0 0.9em 0; /* CONFIG */
}

label input { /* Should be checkbox or radio */
	width: auto;
	height: auto;
	margin: 0 5px 0 0;  /* CONFIG */
	padding: 0;
	vertical-align: middle;
	border: none; /* For IE */
}

input.inline, select.inline {
	width: 150px; /* CONFIG */
}
input.small {
	width: 30px; /* CONFIG */
}
input.medium {
	width: 60px; /* CONFIG */
}
.indent { margin-left: 150px; /* CONFIG Should be same width as label */ }

/**
 * Feedback
 * Description: You need 2 classes to generate a full feedback message (.feedback + .fb-*type*)
 * Use on: <ul>, <p>
 * Note: prefix ".fb-" doesn't stand for Facebook
 */

.fb-error, .fb-warning, .fb-confirm, .fb-notice {
	margin: 0 0 1.5em 0;
	padding: 1.4255em 10px 1.4255em 50px;
	list-style: none;
	color: #000;
	background-repeat: no-repeat;
	background-position: 3% 50%;
}
.fb-error {
	border: 1px solid #d8000c;
	background-image: url(http://www.publer.com/publer/images_new/icons/16x16/error.png);
	background-color: #ffbaba;
}
.fb-warning {
	border: 1px solid #FFD700;
	background-image: url(http://www.publer.com/publer/images_new/icons/16x16/warning.png);
	background-color: #feffca;
}
.fb-confirm {
	border: 1px solid #3e983b;
	background-image: url(http://www.publer.com/publer/images_new/icons/16x16/online.png);
	background-color: #e7f9e8;
}
.fb-notice {
	border: 1px solid #00529b;
	background-image: url(http://www.publer.com/publer/images_new/icons/16x16/info.png);
	background-color: #bde5f8;
}

html, body { height: 100%; }
body {
	text-align: center;
	background: #f3f3f3 url(./assets/images/body.png) 50% 125px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#page {
	min-height: 100%;
	background: url(./assets/images/header.png) top left repeat-x;
}

body {
	overflow: auto;
}

.header { height: 135px; }
#logo { margin-top: 5px; }
.container {
	margin: 30px auto;
	width: 941px;
	position: relative;
}

#primary.site-main {
    min-height: 50vh;
}

article {
	border: 1px solid #cecece;
	background: #FFF;
	padding: 18px;
	text-align: left;
}
	header.container, footer .container {
		margin: 0 auto;
		padding: 0;
		border: none;
		background: none;
		width: 977px;
        text-align: left;
	}

	footer .container {
		width: 940px;
		padding-top: 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
	}

    footer .container .copyright {
        width: 100%;
    }

/* Nav: Level 1 */
#nav {
	position: absolute;
	right: -15px;
	top: -63px;
	z-index: 0;
	}
	#nav ul {
		margin: 0;
		padding: 0;
		}
		#nav li {
			float: left;
			list-style: none;
			height: 33px;
			position: relative;
			}
			#nav a {
				color: #58595b;
				font-size: 1.33em;
				font-weight: bold;
				text-decoration: none;
				border-right: 1px solid #e2e3e5;
				padding: 0 15px;
			}
		/* selected + hover */
		#nav li.current-menu-item, #nav li:not(.menu-item-has-children):hover { background: url(./assets/images/nav-selected.png) bottom center no-repeat; }
        #nav li.current-menu-item.menu-item-has-children:hover { background: none; }
			#nav li.current-menu-item a, #nav li:hover a { color: #d72c3c; }
			#nav li:last-child a { border-right: none; }
        #nav li .sub-menu li:not(.menu-item-has-children):hover { background: transparent; }
        #nav li .sub-menu li { text-align: left; }
			
/* Menu: Level 2 */
	#nav li ul {
		display: none;
		position: absolute;
		left: 0;
		top: 32px;
		z-index: 10;
		width: auto;
		padding: 0 0 15px 0;
		background: #FFF;
		border-left: 1px solid #cecece;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
		}
		#nav li:hover ul { display: block; }
		
		#nav li li,
		#nav li:hover li {
			float: none;
			height: auto;
			color: #d72c3c;
			line-height: 1.5em;
			font-size: 1em;
			padding: 0 30px 0 15px;
			}
			#nav li li a,
			#nav li:hover li a {
				border-right: none;
				font-size: 1em;
				line-height: 1.5em;
				color: #58595b;
				padding: 0 0 0 8px;
			}
			#nav ul li.selected li,
			#nav li:hover ul li,
			#nav li.submenu,
			#nav .submenu li a{ background: none; }
				.submenu a { background: url(./assets/images/submenu.png) 96% 50% no-repeat; }
		#nav li li:hover a,
		#nav li li.selected a{ color: #d72c3c; }

#nav ul ul ul { display: none; } /* Don't show any more childs */

#subnav ul {
	margin: 0;
	padding: 0;
	}
	#subnav li {
		list-style: none;
		color: #58595b;
		font-weight: bold;
		border-bottom: 1px solid #f0f1f2;
		padding: 10px 0;
		}
	#subnav li.first { padding-top: 0; }
		#subnav a {
			color: #d72c3c;
			text-decoration: none;
			padding-left: 8px;
		}

/* Login */
.profile {
	position: absolute;
	top: 0;
	right: 0;
}
.profile li {
	background: #58595b;
	list-style: none;
	float: left;
	padding: 5px 10px;
}
.profile a { color: #dedede; }
.lock, .pencil {
	background: url(./assets/images/icons.png) top left no-repeat;
	padding-left: 18px;
	}
	.pencil { background-position: bottom left; }

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

#contents { margin: 0 240px; }
	.home #contents { margin: 0 480px 0 0; }

#left-column {
	width: 219px;
	float: left;
	margin-left: -940px;
	}
	.home #left-column { margin-left: -460px; }
#right-column {
	width: 219px;
	float: left;
	margin-left: -220px;
	}

#footer {
	position: relative;
	height: 300px;
	clear: both;
	background: #58595B url(./assets/images/footer.png) top left repeat-x;
}

#footer section {
	margin-right: 20px;
	width: 220px;
	float: left;
	color: #d9d9d9;
	}
	#footer section.last { margin-right: 0; }
		#footer section.last a { color: #FFF; font-weight: bold; font-style: italic; }
	#footer h3 {
		color: #d9d9d9;
		border-bottom: 1px solid #7e7e7f;
		padding-bottom: 10px;
		font-size: 1.5em;
	}
	#footer ul { margin-left: 14px; }
	#footer li {
		color: #d72c3c;
		list-style: square;
		}
		#footer li a { color: #d9d9d9; }

.copyright {
	text-align: center;
	color: #D9D9D9;
	border-top: 1px solid #7e7e7f;
	padding-top: 20px;
}

/* Forms */
label {
	width: 158px;
	font-weight: bold;
}
input {
	border: 1px solid #cecece;
	width: 283px;
	padding: 2px 9px;
	line-height: 1.5em;
}
button {
	background: #d72c3c;
	color: #FFF;
	float: right;
	border: none;
	padding: 2px 10px;
	cursor: pointer;
	font-weight: bold;
}
.indent { margin-left: 158px; }

.popuplogin { 
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E3E5;
	margin-bottom: 10px;
}
input.medium { width: 176px;/*177px - Edit Jrn: too big on mac*/ }

#fancybox-content label { width: 120px; }
#fancybox-content .indent { margin-left: 120px; }

/* Validator */
label.error { display: none !important; }
input.error { border: 1px solid red; }


.contents  h1:first-child{
	margin-top:0;
	font-size:2.5em;
}

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

h1 {
	color: #d72c3c;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #e2e3e5 !important;
}
header h1 {
	padding-bottom: 0;
	border-bottom: none;
}

#left-column h2,
#right-column h2{
	padding-bottom: 10px;
	border-bottom: 1px solid #e2e3e5;
	color: #58595b;
	font-size: 1.5em;
	line-height: 1em;
}

.simplenewslist {
	margin-bottom: 9px;
}
.simplenewslist article {
	border-bottom: 1px solid #f0f1f2;
	padding-bottom: 10px;
	margin-top: 10px;
	}
	.simplenewslist article.first { margin-top: 0; }
.simplenewslist time {
	display: block;
	color: #9a9a9a;
	background: url(./assets/images/news.png) left center no-repeat;
	padding-left: 21px;
}
.simplenewslist a { font-weight: bold; }

.publication-item { color: #9a9a9a; }
a.button {
	background: #58595b;
	color: #eaeaea;
	padding: 2px 13px;
}

dt {
	width: 80px;
	float: left;
	clear: left;
	margin: 0;
}
dd {
	width: 250px;
	float: left;
	margin: 0;
}


.date {
	font-weight: bold;
	color: #424242;
}
h2 .date { font-size: 12px; }

.pubitem {
	border-top: 1px solid #e2e3e5;
	padding-top: 10px;
}
.pubitem.first { border-top: none; }


@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }

	body{
		background: none;
		line-height: 1.2em;
		word-spacing: 1px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11pt;
		width: 95%;
		color: #000;
	}
	/* Cufon double titles  (cufon canvas) */
	#navigation, cufon canvas{
		display: none;
	}
	div#main a:after {
		content: " ( "attr(href)" )";
	}
	img, a img {
		border: none;
	}


	/* Site specific styles here */
}

.post-item p,
.kennis-item p {
    margin-bottom: 0;
    color: #9a9a9a;
}

.post-item p::before,
.kennis-item p::before,
.link__file::before {
    content: '';
    background-image: url('./assets/images/news.png');
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: .5em;
}

.kennis-item p::before,
.link__file::before {
    background-image: url('./assets/images/pdf.png');
}

.post-item a,
.kennis-item a {
    display: inline-block;
    margin-bottom: 1em;
}

.link__file {
    display: inline-block;
}

.register-form {
    max-width: 475px;
    margin: 2em auto;
}