/*
Theme Name: AA Bouwbedrijf
Theme URI: http://www.blikreclame.nl
Author: Erik Oude Nijhuis
Author URI: http://www.blikreclame.nl
Version: 2.0
*/

/**
 * IMPORTEER acf-fields.json IN ADVANCED CUSTOM FIELDS PRO OM TE WERKEN MET DIT THEMA
 * ------------------------------
 */

/* Globals */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

/**
 * GENERAL ELEMENTS
 * ------------------------------
 */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #333;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

p {
	margin-bottom: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	margin-left: 40px;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}

h3 {
	font-size: 18px;
	font-weight: bold;
}

h6 {
	font-size: 18px;
	font-style: italic;
	margin-top: -10px;
}

ul, ol {
	margin: 0 0 20px 20px;
}

code {
	font-family: courier;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.columns h2 a {
	text-decoration: none;
}

.columns h2 a:hover {
	text-decoration: underline;
}

/**
 * ELEMENTS
 * ------------------------------
 */

a.button, div.button a, .wpcf7-submit, #searchsubmit {
	background-color: #bd0102;
	border: 5px #bd0102 solid;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
	display: inline-block;
}

div.button {
	display: inline-block;
	margin-right: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.button a {
	margin-right: 0;
	background-color: inherit;
	border-color: inherit;
}

a.button:hover,
div.button a:hover,
.wpcf7-submit:hover,
#searchsubmit:hover {
	  -webkit-transform: scale(1.05);
	  -moz-transform: scale(1.05);
	  -ms-transform: scale(1.05);
	  -o-transform: scale(1.05);
	  transform: scale(1.05);
}

.button:active {
	-webkit-transform: scale(1);
}

a.button-xl, div.button-xl a {
	padding: 15px 20px 15px 20px;
	font-size: 18px;
}

a.button-ghost, div.button-ghost a {
	background-color: none;
	border: 5px #fff solid;
}

.button-empty {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: underline;
}

h2 a.button, h3 a.button, h4 a.button {
	font-size: 18px;
	font-family: Arial, Verdana, Sans-serif;
}

.textwidget a.button {width: 100%}
.textwidget div.button {width: 100%}

/**
 * FRAME
 * ------------------------------
 */

.unboxed {
	width: 100%;
}

.boxed {
	width: 1320px;
	margin: 0 auto;
	  -moz-box-shadow:    0 0 50px #777;
	  -webkit-box-shadow: 0 0 50px #777;
	  box-shadow:         0 0 50px #777;
}

.wrapper {
	width: 100%;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.header, .columns, .footer, .subfooter {
	width: 1200px;
	margin: 0 auto;
}

.columns {
	padding: 30px 0 30px 0;
	overflow: hidden;
	position: relative;
}

.columnrow {overflow: hidden;}

.column1-1, .column1-2, .column1-3, .column2-3, .column1-4, .column3-4 {
	margin: 20px 20px 0 20px; /* (100*20) / 1200 = 1.66666666667 */
	float: left;
}

.column1-1 {width: 1160px;} /* (100*1160) / 1200 = 96.6666666667 */

.column1-2 {width: 560px;} /* (100*560) / 1200 = 46.6666666667 */

.column1-3 {width: 360px;} /* (100*360) / 1200 = 30 */

.column2-3 {width: 760px;} /* (100*760) / 1200 = 63.3333333333 */

.column1-4 {width: 260px;} /* (100*260) / 1200 = 21.6666666667 */

.column3-4 {width: 860px;} /* (100*860) / 1200 = 71.6666666667 */

.conversion {width: 50%; margin: 0 25%}

/* CLEAR FLOATS */

.tabs-nav:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/**
 * TOP
 * ------------------------------
 */

.top {
	width: 1160px;
	height: 100px;
	margin: 0 auto;
}

.top p {
	margin-bottom: 0;
}

.topleft {
	width: 50%;
	float: left;
}

.topright {
	width: 50%;
	line-height: 100px;
	float: right;
}

.logo a {
	font-size: 40px;
	line-height: 100px;
	font-weight: bold;
	margin-right: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #333;
	float: left;
}

.logo a img {
	width: auto;
	height: 50px;
	margin: 25px 15px 0 0;
	float: left;
}

.imglogo img {
	width: auto;
	height: 50px;
	margin: 25px 0 0 0;
	float: left;
}

.tagline {
	line-height: 80px;
}

.breadcrumb-wrapper {
	margin-bottom: -50px;
	position: relative;
	z-index: 2;
}

.breadcrumb-columns {
	padding: 0;
}

.breadcrumb-column {
	margin: 0 20px 0 20px;
	position: relative;
}

.breadcrumbs {
	line-height: 28px;
	margin-top: 11px;
	margin-bottom: 11px;
}

/**
 * MENU NAVIGATAUR
 * ------------------------------
 */

.menubarwrapper {
	width: 100%;
	min-height: 50px;
	background: rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 1;
}
.secondary-nav li a{
	color: #ffff !important;
	text-transform: uppercase;
	line-height: 1;
	padding: 10px 15px;
	text-decoration: none !important;
	background: #333;
	font-size: 13px;
	transition: all .3s;
}
.secondary-nav li a:hover{
	background: #5f5f5f;
}

/**
 * SUBMENU
 * ------------------------------
 */

.submenu {
	background: #f7f7f7;
	border: 1px #ccc solid;
	padding: 20px 30px 20px 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.submenu ul {
	list-style-type: none;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 0;
}

.submenu ul li {
	line-height: 1.5;
	margin-bottom: 8px;
}

.submenu ul li a {
	display: block;
	text-decoration: none;
}

.submenu ul li a:hover {
	text-decoration: underline;
}

.submenu ul li a img {
	display: none;
}

.submenu ul ul {
	margin-left: 5px;
	padding-left: 15px;
	border-left: 1px #ccc solid;
}

.submenu ul ul ul.sub-menu {
	display: block;
}

.submenu ul.sub-menu {
	display:none;
}

.submenu li.current_page_item ul.sub-menu ul.sub-menu,
.submenu li.current_page_parent ul.sub-menu ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu ul.sub-menu
  {
	display:none;
}

.submenu li.current_page_item ul.sub-menu,
.submenu li.current_page_parent ul.sub-menu,
.submenu li.current-page-ancestor ul.sub-menu,
.submenu li.current-page-ancestor li.current_page_parent ul.sub-menu {
	display:block;
}

.submenu ul.sub-menu li.current_page_item ul.sub-menu {
	display: block;
}


.submenu ul.sub-menu li.current_page_parent ul.sub-menu {display:block}

.submenu ul li.current-menu-item a {
	font-weight: bold;
}

.submenu ul li.current-menu-item ul a {
	font-weight: normal;
}





/**
 * HEADER
 * ------------------------------
 */

.header {
	padding: 0px;
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 1;
}

.header .column1-2, .header .column1-3, .header .column2-3 {
	text-align: left;
}

.header h1 {
	font-size: 60px;
	line-height: 1.4;
	font-weight: bold;
}

.header p {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.headercolor{
	background-color: #5cb12f;
	color: #fff;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}

.header-top {
	margin-bottom: -50px;
}

/**
 * CTA
 * ------------------------------
 */

.cta {
	text-align: center;
	padding: 10px 0 0 0;
}

.cta h2 {
	font-size: 30px;
	display: inline-block;
	margin-right: 30px;
}

.button-cta {
	margin: 0 0 10px 0;
}

/**
 * POSTS
 * ------------------------------
 */

 .post-type-archive-projecten .content.posts{
	padding: 0 20px;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 50px 50px;
    grid-template-areas:
        ". . . ."
        ". . . .";
 }
 .post-type-archive-projecten .content.posts .post-content a h2{
	text-decoration: none;
	text-align: center;
	background: #333;
	color: #fff;
	font-weight: 600;
	padding: 5px 15px;
	font-size: 16px;
	margin-bottom: 0;
 }
 .post-type-archive-projecten .content.posts .post{
	border-bottom: 0px;
	transition: all .3s;
	padding-bottom: 0;
 }
 .post-type-archive-projecten .content.posts .post:hover{
	background: #ba9566; 
 }

 .post-type-archive-projecten .content.posts .post:hover img{
	opacity: .6;
 }
 .post-type-archive-projecten .content.posts .post img{
	padding: 0;
	float: none;
	width: 100%;
	height: 150px;
	box-shadow: none;
	object-fit: cover;
	transition: all .3s;
 }
 .post-type-archive-projecten h1{
	padding: 0 20px;
	border-bottom: 0px;
 }

 .single-projecten .post{
	padding: 0 20px;
 }

 .single .post-content img{
	width: 100%;
	height: 300px;
	object-fit: cover;
 }

 .single .post-content h1{
	margin-top: 30px;
 }

.post {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

.post-info {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	margin-top: -5px;
	margin-bottom: 10px;
}

.post-info a {
	color: #999;
}

.post-thumbnail {
	float: left;
}

.post-thumbnail img{
	width: 100px;
	max-width: 100% !important;
	height: auto;
	margin: 0 20px 5px 2px;
	padding: 5px;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
}

.post-image {
	float: right;
}

.post-image img{
	width: 300px;
	height: auto;
	margin: 0 2px 5px 20px;
	padding: 5px;
	overflow: hidden;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
}

.read-more {
	margin: -10px 0 20px 0;
	font-weight: bold;
}

.search-title {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

/**
 * FOOTER
 * ------------------------------
 */

.subfooterwrapper {
	background-color: #000000;
	color: #fff;
}

/* .subfooter {margin-top: 10px;} */

.footercolumn1-1 {margin: 10px 20px 0 20px;}

.footercolumn1-1 p{
	margin-bottom: 0px;
}
.footer, .subfooter {
	position: relative;
	z-index: 1;
}

.hf {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

.footer ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

.footercolor a {
	color: #fff;
}

/**
 * FORMS
 * ------------------------------
 */

input.text,
input.wpcf7-text,
textarea {
	padding: 7px 9px;
	font-family: Arial, Verdana, Sans-serif;
	background: #f7f7f7;
	margin: 5px 0 -5px 0;
	line-height: 20px;
	font-size: 14px;
	border: 3px solid #ccc;
	color: #777;
	width: 100%;
	/* 290/460 = 0.6304347826 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

textarea {
	height: 100px;
}

select {
	margin: 5px 0;
	width: 80%;
}

form ul.options {
	float: left;
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

form ul.options li {
	position: relative;
	padding: 1px 0 0 25px;
}

form ul.options input {
	position: absolute;
	top: 3px;
	left: 0;
}

form ul.options.inline li {
	float: left;
	margin: 0 5px 0 0;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 6px 10px 5px 0 !important;
}

span.wpcf7-list-item label {
	cursor: pointer;
}

span.wpcf7-form-control {
	float: left;
	width: 69.565217392%;
}

span.wpcf7-checkbox span.wpcf7-list-item {
	display: block;
}

/**
 * WIDGETS
 * ------------------------------
 */

.widget {
	margin-bottom: 30px; 
}

.topright .widget {
	text-align: right;
	margin-bottom: 0;
}

.topright .widget_search {
	width: 50%;
	margin-top: 25px;
}

.widget_search {
	width: 100%; 
	float: right;
}

.widget_search .screen-reader-text {
    display:none;
}
 
.widget_search #s {
    padding: 8px 9px;
	font-family: Arial, Verdana, Sans-serif;
	background: #f7f7f7;
	margin: 5px 0 -5px 0;
	line-height: 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #777;
	width: 60%;
	float: left;
	/* 290/460 = 0.6304347826 */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.widget_search #searchsubmit {
	width: 35%;
	float: right;
	margin-top: 5px;
	padding: 7px;
	-moz-box-shadow:    0px 0px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 0 rgba(0, 0, 0, 0.5);
}

/**
 * BLOCK SHORTCODE
 * ------------------------------
 */

.block {
	width: 100%;
	background-color: #fff;
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-box-shadow:    0 0 2px #777;
	-webkit-box-shadow: 0 0 2px #777;
	box-shadow:         0 0 2px #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.block p a img, .block p img, .block img, .block a img.alignnone {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 0;
	vertical-align: middle;
}

.figure {
	width: 40%;
	border: 1px #eee solid;
	float: left;
	margin-bottom: 20px;
	padding: 5px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.figure img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	vertical-align: middle;
}

.columns .figure img {max-width: 100%}

.block-content {
	/*width: 55%;
	float: right;*/
	float: left;
	margin-left : 20px;
}

.w-blokken{
	background-color: #e5e5e5;
}

.blokken{
	position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 50px;
    grid-template-areas: ". . . .";
    margin-bottom: 20px;
}

.blokken .blok{
	z-index: 1;
	transition: all .3s;
	padding-bottom: 0;
}
.blokken .blok:hover{
	background: #ba9566; 
}
.blokken .blok:hover img{
	opacity: .6;
}
.blokken .blok img{
	height: 150px;
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}
.blokken .blok .title{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	transition: all .3s;
}


/**
 * TABS SHORTCODE
 * ------------------------------
 */

.tabs {
	margin: 40px 0;
	padding-bottom: 20px; 
	border-bottom: 1px solid #ddd;
}

.tabs-nav {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
}

.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
}

.tabs-nav li:first-child {
	margin-left: 0;
}

.tabs-nav li a { 
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	font: 16px/1.2 Arial, Verdana, sans-serif;
	color: #777;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out;
}

.tabs-nav li a:hover { color: #555; }

.tabs-nav li a.current {
	margin-top: -1px;
	margin-bottom: -1px;
	padding-bottom: 11px;
	border: 1px solid #ddd;
	border-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #fff;
	color: #333;
}


.tabs div.h { display: none; }

/* Organic tabs */

.tabs .hide { position: absolute; top: -9999px; left: -9999px; }
.no-js .tabs .hide { position: static; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 0 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/**
 * EO EVENST
 * ------------------------------
 */

.eo-events-shortcode {
	width: 100%;
	border-top: 1px #ccc solid;
	margin-bottom: 20px;
}
	
.eo-events-shortcode li {
	width: 100%;
	background: url(images/icon-arrow-inactive.png) no-repeat right center;
	display: block;
	line-height: 24px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
	text-decoration: none;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.eo-events-shortcode a:hover {
	background: #f9f9f9 url(images/icon-arrow-active.png) no-repeat right center;
}

.eo-events-shortcode {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.eo-events-shortcode a span {
	font-weight: bold;
}

.eo-event-meta {
	list-style: none;
}



/**
 * RESPONSIVE STYLES
 * ------------------------------
 */

@media only screen and (max-width: 1400px){
	
	.boxed {
		width: 90%;
	}
	
	.top, .menubar, .header, .columns, .footer, .subfooter {
		width: 90%;
	}
	
	.topleft, .topright {
		width: 46.6666666667%;
		margin: 0 1.66666666667% 0 1.66666666667%;
	}
	
	.column1-1, .column1-2, .column1-3, .column2-3, .column1-4, .column3-4 {
		margin: 20px 1.66666666667% 0 1.66666666667%; 
	}
	
	.breadcrumb-column {margin: 0 1.66666666667% 0 1.66666666667%}
	.menubar-column {margin: 0 1.66666666667% 0 1.66666666667%}
	
	.column1-1 {width: 96.6666666667%;}
	.column1-2 {width: 46.6666666667%;}
	.column1-3 {width: 30%;}
	.column2-3 {width: 63.3333333333%;}
	.column1-4 {width: 21.6666666667%;}
	.column3-4 {width: 71.6666666667%;}
	
	.conversion {width: 50%; margin: 0 25%}
	
}

@media only screen and (max-width: 1200px){
	
	.header, .columns, .footer, .subfooter {
		width: 90%;
	}
	
}

@media only screen and (max-width: 1000px){
	
	.header img, .columns img {
		max-width: 50%;
		height: auto;
	}
	
	.boxed {
		width: 100%;
	}
	
	.column1-1, .column1-2, .column1-3, .column2-3, .column3-4 {
		width: 90%;
		margin: 20px 5% 0 5%; 
	}
	
	.conversion {width: 50%; margin: 0 25%}
	
	.topleft {
		width: 90%;
		margin: 0 5% 0 5%;
	}
	
	.topright {
		display: none;
	}
	
	.menubar-column {margin: 0 5% 0 5%}
	.breadcrumb-column {margin: 0 5% 0 5%}
	
	.column1-4 {
		width: 40%;
		margin: 20px 5% 20px 5%;
	}
	
	.submenu-container {display: none}
	.tagline {display: none}
	
	.header .column1-1, .header .column1-2, .header .column1-3, .header .column2-3, .header .column3-4 {
		text-align: center;
	}
	
	.header h1 {
		font-size: 32px;
		line-height: 1.2;
		font-weight: bold;
	}

	.header p {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 40px;
	}
	
}

@media only screen and (max-width: 800px){
	.blokken{
		gap: 0px 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
		". ."
		". ."; 
		
	}
	.post-type-archive-projecten .content.posts{
		gap: 0px 20px;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 
		". ."
		". ."; 
	}
}

@media only screen and (max-width: 800px){
	.top {
		height: 80px;
	}
	
	.logo a {
		font-size: 32px;
		line-height: 80px;
		margin-right: 0;
		letter-spacing: -2px;
	}

	.logo a img {
		height: 40px;
		margin: 20px 10px 0 0;
	}

	.imglogo img {
		height: 40px;
		margin: 20px 0 0 0;
	}
}

@media only screen and (max-width: 768px){
	
	.menubar-column {
		margin: 0;
	}
	
	.menubar {
		width: 100%;
		margin: 0;
	}
	
	.menu > li > a{
		margin-left: 0;
		margin-right: 0;
	}
	
	.conversion {width: 100%; margin: 0}
	
	.button {
		margin-bottom: 20px;
	}
	
}

@media only screen and (max-width: 600px){
	
	.content img {
		width: 100%;
		height: auto;
	}
	
	.content .post-thumbnail {
		width: 50%;
	}
	
	.content .post-thumbnail img {
		width: 80%;
	}
	
	.header img, .columns img {
		max-width: 100%;
		height: auto;
	}
	
	.boxed {
		width: 100%;
	}
	
	.column1-4 {
		width: 90%;
		margin: 20px 5% 0 5%;
	}

	.figure {
		width: 100%;
		margin-bottom: 20px;
	}

	.figure img {
		width: 100%;
	}

	.block-content {
		width: 100%;
	}
	
}