/*
Theme Name: Duurzaamheidsverslag
Theme URI: http://www.duurzaamheidsverslag.nl
Author: Haicu webdesign
Author URI: http://www.haicu.nl/

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/
@import url(https://fonts.googleapis.com/css?family=Cabin:400,600,400italic,600italic);
/*
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.2em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: Cabin, sans-serif;
	color: #222;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #e9f3f1; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #0bc3b9;
	text-decoration:none;
}

a:visited {
	color: #0bc3b9;
}

a:hover,
a:focus,
a:active {
	color: #ac22ac;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align:center;
}

.main-navigation li {
	display:inline-block;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	background:#660066;
	padding:10px 20px;
	margin-left:5px;
	margin-right:5px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
	background: #0bc3b9;
	color:#fff;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-parent > a,
.single-bedrijf #menu-item-25877 > a {
	background: #0bc3b9;
	color:#fff;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit,
.textwidget .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.single-post .entry-content {
	clear:both;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
.pagewrapper {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px;
}

.content-area {
	float: left;
	margin: 0 -35% 0 0;
	width: 100%;
	padding:30px;
}
.site-main {
	margin: 0 35% 0 0;
}
.site-content .widget-area {
	float: right;
	overflow: hidden;
	width: 35%;
	padding:30px;
}
.site-footer {
	clear: both;
	width: 100%;
}

#page {
	background:#fff;
}

.site-header {
	background:#ac22ac;
}
h1.site-title {
	margin:10px 0;
	background:url('images/logo-bg.png') center center repeat-x;
	background-size:contain;
	padding:0 20px;
}
h1.site-title img {
	display:block;
	margin:0 auto;
}
.socmed {
	width:50%;
	float:right;
	text-align:right;
	padding-right:30px;
	padding-top:10px;
}
.socmed a:hover img{
	opacity:0.8;
}
.site-description {
	float:left;
	clear:none;
	width:50%;
	color:#fff;
	margin-bottom:0;
	padding:0 30px;
}
#secondary .widget ul {
	padding-left:16px;
}
.site-info{
	background:#660066;
	color:#fff;
	padding:10px 30px;
}
.site-info .widget {
	width:30%;
	float:left;
	margin-right:3%;
}
.site-info ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;	
}
.site-info ul li {
	display:inline-block;
	margin:10px;
	max-width:130px;
}
.site-info .colofon {
	text-align:center;
}




/*--------------------------------------------------------------
14.0 Archive
--------------------------------------------------------------*/

.site-content h1 {
	font-size:1.6em;
	margin-bottom:0;
}
.entry-header {
	margin-bottom:-30px;
}
.archive .entry-content {

}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	text-decoration: none;
	margin: 2px;
	background: #660066;
	color:#fff;
	line-height:34px;
	width:34px;
	text-align:center;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background:#0bc3b9;
	color:#fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
.nav-next a, .nav-previous a {
	display:inline-block;
	text-decoration: none;
	margin: 2px;
	background: #660066;
	color:#fff;
	line-height:34px;
	width:34px;
	text-align:center;	
}
.nav-next a:hover, .nav-previous span.current {
	background:#0bc3b9;
	color:#fff;
}


/*--------------------------------------------------------------
14.0 Archive bedrijf
--------------------------------------------------------------*/

.verslag .page-header h1 {
	margin-bottom:20px;
}
.verslag .hentry {
	border:2px solid #ac22ac;
	padding:20px;
}
.verslag .col {
	float:left;
	width:31%;
	margin:0 1%;
}

.verslag .col1 img {
	vertical-align:middle;
}
.verslag .col1 ul {
	list-style:none;
	margin:0;
	padding:0;
}
.verslag .col2,
.verslag .col3 {
	text-align:center;
}

/*--------------------------------------------------------------
14.1 Archive nieuws
--------------------------------------------------------------*/
.category-nieuws .alignright.wp-post-image  {
	margin-top:10px;
}

/*--------------------------------------------------------------
15.0 Single bedrijf
--------------------------------------------------------------*/

.single-bedrijf .page-header h1 {
	margin-bottom:20px;
}
.single-bedrijf .hentry {
	border:2px solid #ac22ac;
	padding:20px;
}
.single-bedrijf .col {
	float:left;
	width:48%;
	margin:0 1%;
}

.single-bedrijf .col1 img {
	vertical-align:middle;
}
.single-bedrijf .col1 ul {
	list-style:none;
	margin:0;
	padding:0;
}
.single-bedrijf .col2{
	text-align:center;
}
.single h2 {
	margin-top:0;
}
	.embed-container { 
	margin-top:20px;
		position: relative; 
		padding-bottom: 25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.issuuembed span {display:none !important;}

/*--------------------------------------------------------------
16.0 Homepage
--------------------------------------------------------------*/

#black-studio-tinymce-5,
#black-studio-tinymce-11 {
	margin-bottom:-50px;
}
.recente-verslagen ul {
	list-style:none;
	margin:0;
	padding:0;
}
.recente-verslagen ul li {
	clear:both;
	margin-bottom:20px;
}
.recente-verslagen img {
	width:80px;
	vertical-align:middle;
}

.home .hentry {
	border:2px solid #ac22ac;
	padding:0 20px;
}
.home .col {
	width:48%;
	float:left;
	border:2px solid #ac22ac;
	padding:20px;
}
.home .col1 {
	margin-right:4%;
}
	
/*--------------------------------------------------------------
18.0 Media queries
--------------------------------------------------------------*/

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
}



/*--------------------------------------------------------------
18.1 Media query tablet 768
--------------------------------------------------------------*/
@media screen and (max-width: 1023px) {



.content-area {
	clear:both;
	margin: 0;
}
.site-main {
	margin: 0;
}
.site-content .widget-area {
	float: left;
	width: 100%;
}
.widget_search_filter_register_widget ul li {
	float:left;
	width:31%;
	margin:1%;
}
.widget_search_filter_register_widget ul li ul li {
	float:none;
	width:100%;
	margin:0;
}

.site-info ul li:nth-of-type(n+5) {
	display:none;
}


} /* end 768 */

/*--------------------------------------------------------------
18.1 Media query 480
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		float:none;
		text-align:center;
	}
	div.menu-toggle {
		display:inline-block;
		padding:10px 20px;
		background:#0bc3b9;
		color:#fff;
	}
	.main-navigation li {
    display: block;
    position: relative;
}
	.main-navigation li a {
    margin:0;
    border-top:1px solid #fff;
}
.site-description {
	font-size:14px;
	padding-top:8px;
}



.home .col {
	width:100%;
}
.home .col1 {
	margin-right:0%;
	border-bottom:0;
}
.home .col2 {
	border-top:0;
	margin-top:-30px;
}
.widget_search_filter_register_widget ul li {
	width:100%;
	margin:0%;
}
.site-info ul li:nth-of-type(n+3) {
	display:none;
}



} /* end 480 */

/*--------------------------------------------------------------
18.1 Media query 480
--------------------------------------------------------------*/
@media screen and (max-width: 479px) {

.verslag .col1 {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.verslag .col2,
.verslag .col3 {
	float:left;
	width:48%;
	margin:0 1%;
}

.category-nieuws .alignright.wp-post-image  {
	float:left;
	margin-left:0;
	margin-right:20px;
}
.category-nieuws .alignright.wp-post-image:after  {
	clear:both;
}

.site-info ul li:nth-of-type(n+3) {
	display:none;
}

.site-description {
	display:none;
}
.socmed {
    width: 100%;
    text-align:center;
    float:none;
    padding:10px 10px 0 10px;
}



} /* end 480 */