@charset "utf-8";
/*
Theme Name: Nijm Style
Theme URI: http://www.nijm.nl/
Description: Nijm Webdesign & Hosting Theme.
Version: 1.5
Author: Arjan Nijmeijer
Author URI: http://www.nijm.nl/
Tags: fixed width, two columns, three columns, widgets, special

Nijm Theme by Arjan Nijmeijer || http://www.nijm.nl
Modifications by Arjan Nijmeijer || http://www.nijm.nl
This theme is the main theme for Nijm Webdesign and Hosting.
*/
/********** BASE **********/
/*.admin-bar #header{ margin-top:64px;}*/
#quickacces{ display:block; height:0; width:1px; overflow:hidden; }

body{ overflow-x:hidden; background: #FFF; font-size:100%; font-family: "Barlow Semi Condensed", sans-serif;  font-weight:500; }
img{ height:auto; }
mark{ padding:0;}

.wp-block-nk-awb {
    padding: 20px 30px;
}

.page-id-1266 #signup-form input[type="submit"]{ background-color:#006a53 !important;  border-color:#006a53 !important; }
.page-id-1266 #signup-form ul{ padding:0;margin:0;}
.page-id-1266 #signup-form label{ padding:0;margin:0;}

.page-id-1266 .wp-block-columns .wp-block-column:nth-child(2){ display:block !important; }
.page-id-1264 .wp-block-columns .wp-block-column:nth-child(2){ display:block !important; }
.page-id-1423 .wp-block-columns .wp-block-column:nth-child(2){ display:block !important; }

#content .yellowblock .wp-block-image img{ max-width:100% !important; border:15px solid #F3F1Eb; box-shadow: 0px 6px 6px #0000003B; }
#content .yellowblock .wp-block-columns{ gap:3em; }
#dmm_form br{ display:none;}
#dmm_form label{ color:#FFF; }
#dmm_form p{ color:#FFF; }
#dmm_form select{ padding-top:4px; padding-bottom:4px;} 
#dmm_form input[type="submit"]{    
    border-color: #D5A339  !important;
    background: #D5A339  url(assets/images/arrow_white-2.svg) no-repeat center right 8px !important;
	font-family: "Barlow Condensed", sans-serif;
    border-radius: 0;
    display: inline;
    color: #FFF !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #006a53 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important;
    padding: 1px 32px 2.5px 8px !important;
    text-decoration: none !important;
} 

#signup-form h2, #signup-form p{display:none}
#signup-form input[type="submit"] {
    background-color: #D5A339  !important;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #D5A339;
}
#signup-form input {
    margin: 16px 8px;
    color: #000;
    border: 1px solid #000;
}

#signup-form label {
    margin: 16px 10px;
    color: #000;
}

#signup-form li {
    list-style: none;
    display: inline-block;
}

#content .yellowblock img{ height:210px; object-fit:cover;}

@media( max-width:992px ){
	#content .yellowblock img{ height:auto; }
}

#header #logo img{ box-shadow: 10px 10px 10px #00000054; }

#content .redblock .wp-block-image img{ max-width:100% !important; border:15px solid #F3F1Eb; box-shadow: 0px 6px 6px #0000003B; }
#content .foto  img{ max-width:100%; border:15px solid #F3F1Eb; box-shadow: 0px 6px 6px #0000003B; }

a.button, span.button{  font-family: "Barlow Condensed", sans-serif; position:relative; z-index: 1;  border:1.5px solid #d5a339;  font-weight:500; text-transform:uppercase;  font-size:16px; color:#FFF !important; background:#d5a339 url('assets/images/arrow_white-2.svg') no-repeat center right 8px; padding: 2.5px 32px 2.5px 8px; text-decoration:none; }
a.button::after, span.button::after{ position:absolute; left:-6px; content:" "; z-index:-1; transform: skew(2deg, -1deg) rotate(-0.6deg);  height:34px; width:122px; background:#36856D; }
a.button:hover, span.button:hover{ background-color: #36856D; color:#FFF; border:1.5px solid #36856D; }

.wp-block-button__link{ font-family: "Barlow Condensed", sans-serif;  border-radius: 0; display:inline; color:#FFF !important; position:relative !important; z-index: 1 !important; border:2px solid #006a53 !important;  font-weight:500 !important; text-transform:uppercase !important;  font-size:18px !important; color:#FFF !important !important; background:#006a53 url('assets/images/arrow_white-2.svg') no-repeat center right 8px !important; padding: 1px 32px 2.5px 8px !important; text-decoration:none !important; }
.wp-block-button__link:hover{ background: transparent url(assets/images/arrow_green-2.svg) no-repeat center right 8px !important; color:#006a53 !important; border:2px solid #006a53 !important; }

.wp-block-button__link.yellow {
	
    border-radius: 0;
    display: inline;
    color: #FFF !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #D5A339 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important !important;
    background: #D5A339 url(assets/images/arrow_white-2.svg) no-repeat center right 8px !important;
    padding: 2.5px 32px 2.5px 8px !important;
    text-decoration: none !important;
	font-family: "Barlow Condensed", sans-serif; 
}

.wp-block-button__link.yellow:hover {
    border-radius: 0;
    display: inline;
    color: #D5A339 !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #D5A339 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important !important;
    background: transparent url(assets/images/arrow_yellow-oker.svg) no-repeat center right 8px !important;
    padding: 2.5px 32px 2.5px 8px !important;
    text-decoration: none !important;
}

.wp-block-button__link.invert {
	
    border-radius: 0;
    display: inline;
    color: #006a53 !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #006a53 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important !important;
    background: #FFF url(assets/images/arrow_green-2.svg) no-repeat center right 8px !important;
    padding: 2.5px 32px 2.5px 8px !important;
    text-decoration: none !important;
	font-family: "Barlow Condensed", sans-serif; 
}

.wp-block-button__link.invert:hover {
    border-radius: 0;
    display: inline;
    color: #FFF !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #006a53 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important !important;
    background: #36856D url(assets/images/arrow_white-2.svg) no-repeat center right 8px !important;
    padding: 2.5px 32px 2.5px 8px !important;
    text-decoration: none !important;
}

.wp-block-button__link.invertwhite {
	
    border-radius: 0;
    display: inline;
    color: #006A53 !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #006A53 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #006A53 !important !important;
    background: transparent url(assets/images/arrow_white-2green.svg) no-repeat center right 8px !important;
    padding: 2.5px 32px 2.5px 8px !important;
    text-decoration: none !important;
	font-family: "Barlow Condensed", sans-serif; 
}


.frm_style_formidable-stijlen.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-stijlen.with_frm_style input[type=submit], .frm_style_formidable-stijlen.with_frm_style .frm_submit input[type=button], .frm_style_formidable-stijlen.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-stijlen.with_frm_style .frm-edit-page-btn{
	box-shadow:none; margin-top:-4px; border-radius: 0; display:inline; color:#FFF !important; position:relative !important; z-index: 1 !important; font-family: "Barlow Condensed", sans-serif;  border:1.5px solid #006a53 !important;  font-weight:500 !important; text-transform:uppercase !important;  font-size:16px !important; color:#FFF !important !important; background:#006a53 url('assets/images/arrow_white-2.svg') no-repeat center right 8px !important; padding: 4px 32px 4px 8px !important; text-decoration:none !important;
}

.frm_style_formidable-stijlen.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-stijlen.with_frm_style input[type=submit]:hover, .frm_style_formidable-stijlen.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-stijlen.with_frm_style .frm_submit button:hover{  background-color: #36856D !important; color:#FFF !important; border:1.5px solid #006a53 !important; }

#content .wp-block-buttons{ margin-top:20px;}

/********** HEADER **********/
#headerImage{ color:#FFF; line-height:1; height:150px;   }
#headerImage h1{ font-size:40px; line-height:1; margin-top:48px; padding:0; }
#headerImage p{ font-size:48px; }
#headerImage .button, #headerImage a{ white-space:nowrap; display:inline-block; font-weight:bold; margin-top:36px; padding:26px 86px; font-size:24px !important; text-align:center; }

.single-nijm_project main img,
.single-nijm_project #blueSection img,
.single-nijm_project #orangeSection img{ margin-bottom:24px;}

.home #headerImage h1{ font-size:80px; margin:-32px 0 4px 0; }
.home #headerImage{ height:400px; padding: 100px 0;}

.grow img { transition: all .5s ease-in-out; }
.grow:hover img { transform: scale(1.1); }

#header{ position:relative; margin-top:0;  display:block; padding:0 24px; color:#FFF;  }
#header #logo{ display:block; cursor:pointer; margin: 0; }

.wp-block-file{ margin-bottom:8px;  color:#d5a339; font-weight:medium; padding-left:32px; background:url('assets/images/PDF.svg') no-repeat center left; }

img{ max-width:100%; }

ol { counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; margin-top:24px; }
ol li { margin: 0 0 0.5rem 0; padding-right:48px; font-size:20px; margin-bottom:24px; padding-left:24px;  counter-increment: my-awesome-counter; position: relative; }
ol li::before { content: counter(my-awesome-counter); color: #FFF; font-size: 24px; font-weight: bold; position: absolute; --size: 32px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 0; background: #36856D; text-align: center; }

/********** MENU **********/
#menu {  margin:14px auto 0 auto; }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; }
#menu li a{  font-family: "Barlow Condensed", sans-serif; text-align:center; display:block;  width:100%; padding:16px; font-size: 110%; font-weight:600; color:#FFF; text-decoration:none;  }
#menu li li a{ background:#dedede; }

.search-form input{ width:220px; margin-left:32px; background:#EDEDED url('assets/images/zoek.svg') no-repeat right 6px center !important; background-size:16px !important; }

#quicklinks h2{ color:#1F1E1E; margin-top:24px; margin-bottom:24px; font-size:24px; font-weight: bold; }
#quicklinks ul{ padding:0; margin:0; }
#quicklinks li{ font-size:20px; background:url('assets/images/pijl-button.svg') no-repeat left center; background-size:18px; border-bottom:1px solid #707070; padding-left:32px; padding-top:8px; padding-bottom:8px; margin-bottom:8px; list-style:none; }
#quicklinks li a{ color:#000; text-decoration: none;}
#quicklinks li:hover{  background:url('assets/images/pijl-orange-button.svg') no-repeat left center; background-size:18px;  }

#quickblocks{ margin-top:-60px; margin-bottom:60px;  }

#quickblocks a{  position:relative; min-width:120px;  z-index:1; text-transform:uppercase; border:1.5px solid #d5a339;  background: #d5a339 url('assets/images/arrow_white-2.svg') no-repeat center right 8px;  text-decoration:none; text-align:left; font-size:16px; padding:2.5px 32px 2.5px 8px; color: #FFFFFF !important; }
#quickblocks a::after{ position:absolute; left:-6px; content:" "; z-index:-1; transform: skew(2deg, -1deg) rotate(-0.6deg);  height:34px; width:120px; background:#1E8D6A; }
#quickblocks a:hover{ color:#1E8D6AFF !important; background: #FFF url('assets/images/arrow_white-1.svg') no-repeat center right 8px !important;  border:1.5px solid #1E8D6A;  }
#quickblocks .alignright{ float:right; }
#quickblocks h2{ text-align:left; margin-top:75px; font-size:22px; font-weight:700;}

#projecten{ padding:48px 0 0 0 ; text-align:center; color:#FFF; background:#36856D;}
#projecten h2{ font-size:48px; margin-bottom:56px; }
#projecten a:hover h2{ color:#36856D !important; background-image:url('assets/images/big_arrow_green.svg') !important; }

#news h2{ font-size:48px; margin-bottom:56px;  }

.home #quickblocks a{ margin-left:0; }
#quickblocks a:hover{ background-color:#555452; }

.greenbg .wp-block-button__link{ background-color:#E4A8B4  !important}


/********** CONTENT **********/
#content > .container{ padding-bottom:0; background:#FFF; }
#content p{ margin-bottom:16px; font-size:19px; line-height:28px; }
#content td, #content th{ font-size:19px;  line-height: 28px;}
#content li{ font-size:19px; line-height:28px; } 

#content #uitgelicht p,
#content #kijkterug p{ font-size:18px; line-height:24px;}

.row {
    --bs-gutter-x: 1rem;
}

#content .has-large-font-size{ font-size:30px !important;}


#content a{ color:#d5a339; text-decoration: none; }
#content h1{  color:#d5a339; margin-bottom:32px;     line-height: 45px; font-size:54px; font-weight:600;  }

.single-post #content h1, .page #content h1{ margin-bottom:0.6em;}

#content h2{  color:#262626; font-size:45px; line-height:48px; font-weight:600; margin-bottom:4px; margin-bottom:0.5em;}
#content h3{  font-weight:600; margin-bottom:42px; font-size:45px; }
#content strong{  font-weight:700; font-size:20px; line-height:24px; }

#content .frm_form_fields h2{  color:#FFF;  font-size: 32px; line-height:34px; font-weight: 600;  margin-bottom: 24px; }
#content .frm_form_fields{ color:#FFF; padding:0 32px 0 0; margin-bottom:16px;}
#content .with_frm_style .frm_checkbox label{ color:#FFF; }
#content .frm_form_fields input, #content .with_frm_style select, #content .frm_inside_container > textarea{ border-radius:0; border:none; }
#content .frm_style_formidable-stijlen.with_frm_style .form-field { margin-bottom: 10px; }
#content .with_frm_style .frm_inside_container > label{ top:5px; left:0; font-size:18px !important; }
#content .with_frm_style .frm_label_float_top > label{ display:none; }
#content .frm_form_fields select{ font-size:18px !important; margin-top:5px;}
#content button.button{ position:relative; border-radius:0; z-index: 1;  border:1.5px solid #FFF;  font-weight:600; text-transform:uppercase;  font-size:18px; color:#FFF !important; background:#36856D url('assets/images/arrow_white-2.svg') no-repeat center right 8px; padding: 2.5px 32px 2.5px 8px; text-decoration:none; }
/*#content button.button::after{ position:absolute; left:-6px; content:" "; z-index:-1; transform: skew(2deg, -1deg) rotate(-0.6deg);  height:34px; width:122px; background:#FFF; }*/
#content button.button:hover{ background-color: #356e5b; color:#FFF; border:1.5px solid #FFF; }

#content a{ color:#006a53;}
#content .wp-block-file{ background:url('assets/images/download.svg') center left no-repeat; background-size:16px; padding-left:24px; } 

#content .greenbg a{ color:#FFF; }
#content .greenbg .wp-block-file{  color:#FFF; background:url('assets/images/download-white.svg') center left no-repeat; background-size:16px; padding-left:24px; } 


#content .heightauto img{ height:auto !important; }
#content .noborder img{ border:none !important; }
#content .doshow{ display:flex !important; }

#content .frm_form_fields h3{ font-size:32px; color:#FFF; font-weight:700;  }
#content .with_frm_style .frm_inside_container{ padding-top:4px;}

#frm_field_9_container label{ color: #000; margin-right: 16px; white-space: nowrap; margin-bottom: 0 !important;}

#content .frm_form_fields input{ padding-top:0 !important; padding-bottom:0 !important;  padding-left: 10px;}
#content .frm_form_fields select{ font-size: 16px;     padding: 0 10px; }
.h2{ display:block; color:#d5a339; font-size:28px; font-weight:600; margin-bottom:16px; }

#biggreen, #smallgreen{ font-weight:600; }
#biggreen a, #smallgreen a{ z-index:2; border:1.5px solid #d5a339; position:relative;  font-weight:500; text-transform:uppercase;  font-size:16px; color:#FFF; background:#d5a339 url('assets/images/arrow_white-2.svg') no-repeat center right 8px; padding: 2.5px 32px 2.5px 8px; text-decoration:none; }
#biggreen a:hover, #smallgreen a:hover{ border:1.5px solid #FFF; background: #36856D url('assets/images/arrow_white-2.svg') no-repeat center right 8px; color:#FFF; }
#biggreen h2, #smallgreen h2{ font-size:22px; padding-top:16px; font-weight:800; margin-top:58px; margin-bottom:18px; }

#biggreen a::after{ position:absolute; left:-6px; content:" "; z-index:-1; transform: skew(2deg, -1deg) rotate(-0.6deg);  height:34px; width:152px; background:#FFF; }
#smallgreen a::after{ position:absolute; left:-6px; content:" "; z-index:-1; transform: skew(2deg, -1deg) rotate(-0.6deg);  height:34px; width:152px; background:#FFF; }

#content .contain img{ object-fit:contain !important; }

#placefilter::-webkit-input-placeholder { /* Edge */
    color: #000;
}

#placefilter:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

#placefilter::placeholder {
    color: #000;
}

#smallgreen h2{ background:url('assets/images/coffee.svg') top right no-repeat;  font-size:22px; width:fit-content; padding-right:56px; background-size:42px;}

.col-md-3{ margin-bottom:24px;}

 .lightgreen h2{ margin-bottom:32px !important;}
.lightgreen{ position:relative;}
.lightgreen::before {
    background: url(assets/images/ag_top_lichtgroen.svg) center top;
    background-size: cover;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: -10px;
    height: 15px;
}

.lightgreen .wp-block-nk-awb{ padding-top:0 !important; } 

.lightgreen {
    margin-bottom: 35px;
    margin-top: 15px;
}

.yellowblock .nk-awb-overlay {
    margin-bottom: 35px;
    margin-top: 95px;
}

.yellowblock .nk-awb-overlay::before {
    background: url(assets/images/ag_top_oker.svg) center top;
    background-size: cover;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: -80px;
    height: 95px;
}

.yellowblock .nk-awb-overlay::after {
    background: url(assets/images/ag_top_wit.svg) center bottom repeat-x;
    background-size: auto;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    bottom: -80px;
    height: 95px;
	background-size: cover;
}

#footer{ position:relative; margin-top:40px; }
#footer::before {
    background: url(assets/images/ag_top_footer.svg) center top;
    background-size: cover;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
	top: -36px;
    height: 60px;
}

.redblock .nk-awb-overlay {
    margin-bottom: 35px;
    margin-top: 95px;
}

.redblock .nk-awb-overlay::before {
    background: url(assets/images/ag_top_bruinrood.svg) center top;
    background-size: cover;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: -80px;
    height: 95px;
}

.redblock .nk-awb-overlay::after {
    background: url(assets/images/ag_top_wit.svg) center bottom repeat-x;
    background-size: auto;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    bottom: -80px;
    height: 95px;
	    background-size: cover;
}

.redblock .wp-block-button__link{
	background-color:#d5a339 !important;
	border-color:#d5a339 !important;
}

.redblock .wp-block-button__link:hover{
	background: transparent url(assets/images/arrow_yellow-oker.svg) no-repeat center right 8px !important;
	background:red;
	color:#d5a339 !important;
}

#content .redblock a { color:#FBC655;}
#content .redblock li{ color:#FFF; }
.greenblock{ position:relative; } 
.greenblock .nk-awb-overlay {
    margin-bottom: 35px;
    margin-top: 95px;
}

.greenblock .nk-awb-overlay::before {
    background: url(assets/images/ag_top_groen.svg) center top;
    background-size: cover;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    top: -80px;
    height: 95px;
}

.greenblock .nk-awb-overlay::after {
    background: url(assets/images/ag_top_wit.svg) center bottom repeat-x;
    background-size: auto;
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    bottom: -80px;
    height: 95px;
	background-size: cover;
}

.greenblock .wp-block-button__link{
	background-color:#d5a339 !important;
	border-color:#d5a339 !important;
}

#content .greenblock a { color:#FBC655;}
#content .greenblock li{ color:#FFF; }

.greenblock .wp-block-button__link:hover{
	background: transparent url(assets/images/arrow_yellow-oker.svg) no-repeat center right 8px !important;
	background:red;
	color:#d5a339 !important;
}

.has-zwart-color, .zwart, a.has-zwart-color{ color:#000; }
.has-zwart-background-color{ background-color:#000; }

.has-wit-color, .has-wit-color, .wit, a.has-wit-color{ color:#FFF; }
.has-wit-background-color, a.has-wit-background-color{ background-color:#FFF; }

.has-groen-color, .groen, a.has-groen-color{ color: #006a53; }
.has-groen-background-color, a.has-groen-background-color{ background-color: #006a53; }

.has-geel-color, .geel, a.has-geel-color{ color: #d5a339; }
.has-geel-background-color, a.has-geel-background-color{ background-color: #d5a339; }

.has-rood-color, .rood, a.has-rood-color{ color: #ae5741; }
.has-rood-background-color, a.has-rood-background-color{ background-color: #ae5741; }


#content .nomargin img{ margin-top:0 !important; }

/********** FOOTER **********/
#footer{     margin-top: -18px; padding:24px 0; font-size:16px; background:#5E6761; color:#FFF;  }

#footer strong{ font-size:30px; font-weight:600;  color:#D5A339;}  
#footer ul{ margin:0; padding:0;  }
#footer li{ list-style:none; padding-bottom:0;  padding-top:0; }
#footer li a{ display: block;  color:#585757F2; text-decoration: none; padding:0;}
#footer .wp-block-columns{ margin-bottom:0; }

#footer .has-medium-font-size{ margin-bottom: 0.2rem;}

#footer .wp-block-image { margin: 0;  }
#footer a{ color:#FFFFFF !important; text-decoration: none; }
#footer a:hover{ color:#D5A339 !important;   }
#footer .wp-block-button__link{ background-color:#D5A339 !important; border-color:#D5A339 !important; }
#footer .wp-block-button__link:hover{ color:#D5A339 !important; border-color:#D5A339 !important; background: #5E6761 url(assets/images/arrow_yellow-oker.svg) no-repeat center right 8px !important;  }
#footer .col-lg-3, #footer .col-lg-2{ margin-bottom:24px;}

#footer .social-icon{ display:inline-block; width:45px; height:45px; background-size:contain; background-repeat:no-repeat; }
#footer .social-icon.facebook{ background-image:url('assets/images/i-fb.svg'); }
#footer .social-icon.instagram{ background-image:url('assets/images/i-insta.svg'); }
#footer .social-icon.linkedin{ background-image:url('assets/images/icon_linked.svg'); }

#footer .social-icon.youtube{ background-image:url('assets/images/i-youtube.svg'); }

#quickmenu li{ background:url('assets/images/arrow-white.svg') no-repeat center left; background-size:12px; padding:0 0 0 22px; }
#quickmenu li:hover{ background:url('assets/images/arrow-white-oker.svg') no-repeat center left; background-size:12px; }
.frm_error{ color:red;}

.newsItem{  background:none; display: block; overflow: hidden;
    height:180px;
    border-radius:8px;
    position: relative;
    margin-bottom:24px;
}

.newsItem .article-img-holder { transition: all .5s ease-in-out; }
.newsItem:hover .article-img-holder { transform: scale(1.1); }

input:checked + .frm_switch .frm_slider{ background:#006a53; }

.newsItem h3{
    position: absolute;
    bottom:8px;
    left:16px;
    z-index:4;
}

.newsItem a{
    display:block;
    text-decoration:none;
    z-index:3;
}
.newsItem::after {
    z-index: 2;
    position: relative;
    display: block;
    content: "";
    background: linear-gradient(
            180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.27) 30%);
    height: 170px;
    margin-top:-140px;
    border-radius:8px;

}

.wp-block-embed__wrapper{
    position: unset;
}

.wp-block-embed-youtube{
    overflow: hidden;
    position: relative;
    max-width: 100%;
    height: auto;
    padding-bottom: 56.25%;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 96%;
}

#content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #e1b454;
}

#content .wp-block-table thead{ border:none !important; }
#content .wp-block-table.is-style-stripes{ border:none; }

#content .wp-block-image img{ max-width:100%;}

#content .with_frm_style .frm_primary_label, #content .with_frm_style .frm_radio label, #content .with_frm_style .frm_checkbox label{ margin-bottom: 24px; font-size:16px !important; line-height:1.2 !important;}



@media( max-width:1500px ){
	#headMainImg{ max-height:450px !important; height:450px !important; }
	#content { margin-top: 252px    !important; background:#FFF;}
}


@media( max-width:1201px ){

	    #content .redblock .wp-block-image img, #content .yellowblock .wp-block-image img,  #content .groenblock .wp-block-image img, #content .foto img, .wp-block-image img {
			width: 100% !important;
			height: 420px  !important;
			object-fit:cover;
		}
		
		#content p, #content li, #content td, #content th{ font-size:17px; line-height: 25px;  }
		#content h1{ font-size:48px;  line-height:51px; }
		#content h2{ font-size:38px; line-height:41px;  }
		#content h3{ font-size:20px; line-height:23px;  }
		
		.wp-block-columns .wp-block-column:nth-child(2) { display:none;  }
		.home .yellowblock .wp-block-column:nth-child(2) { display:initial;  }
		
	  .home #content .entry-content .yellowblock .wp-block-image img {
			max-width: 450px !important;
			width: 450px !important;
			height: 330px !important;
			max-height: 330px !important;
			object-fit: cover !important;
		}
		
		#content .with_frm_style .frm_inside_container > label, #content .frm_form_fields select{ font-size:16px !important; }
}

@media( max-width:1030px ){
	 .home #content .entry-content .yellowblock .wp-block-image img {
			max-width: 390px !important;
			width: 390px !important;
			height: 280px !important;
			max-height: 280px !important;
			object-fit: cover !important;
		}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){
    #header #logo{ margin:0 0; }
	

}

@media (max-width: 430px){
	#uitgelicht .wp-block-buttons { float:none !important; margin-top:12px !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px){
    #quickblocks a{  margin-left:0; }
    #quickblocks h3{ font-size: 20px;  }
}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px){
	#content .redblock .wp-block-image img,
	#content .yellowblock .wp-block-image img,
	#content .foto img{ margin-top:32px; max-width:430px !important; width:430px; height:330px; max-height:330px;  object-fit:cover; }
	
	.home #content .yellowblock .wp-block-image img{ max-width:270px !important; width:270px; height:210px; max-height:210px;  object-fit:cover;  }
	
	#header{ padding-bottom:0;  }

	#content{margin-top:395px;}  
}



/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1024px){
	#content h1{ line-height:42px;}
	#content h2{ line-height:42px;}
	#content{ padding-top:20px;}
	#content #uitgelicht p, #content #kijkterug p{ font-size:17px;} 
	#content p, #content li,  #content strong{ font-size:18px; }
	#header .container{ position: relative;}
    .menu-hoofdmenu-container {
        position: fixed;
        z-index: 990;
        right: 0;
        padding-left:56px;
        padding-right:32px;
        padding-top:170px;
		padding-bottom:60px;
        background: #d5a339;
        width: 358px;
        top: 0;
    }

	.page-id-1266 #content { padding-top: 130px }
	.page-id-1264 #content { padding-top: 130px }
	.page-id-1423 #content { padding-top: 130px }


	.blogitem:nth-child(odd) .col-sm-8{ background:#ae5741 !important; }
	.blogitem:nth-child(even) .col-sm-8{ background:#006a53 !important; }
	#content .redblock .wp-block-image img, #content .yellowblock .wp-block-image img, #content .groenblock .wp-block-image img, #content .foto img, .wp-block-image img{ max-height:290px  !important;}
	
	#menu .menu-hoofdmenu-container{ display:none; }

	#mobile-menu{ position:absolute; background:#d5a339; width:50px; z-index:9999;  top:16px; right:16px; cursor:pointer;  }
	#mobile-menu #icon { box-shadow: 4px 4px 6px #00000054; background:transparent;   height:40px;  width: 50px; outline:0; padding: 8px 0 0 6px; display: inline-block;  cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; border: 0; margin: 0; overflow: visible; }
	#mobile-menu #icon:hover { opacity: 1; }
	#mobile-menu #icon.is-active:hover { opacity: 1; }
	#mobile-menu #icon.is-active .inner,
	#mobile-menu #icon.is-active .inner::before,
	#mobile-menu #icon.is-active .inner::after { background-color: #FFF; }
	#mobile-menu #icon .box { width: 40px; height: 24px; display: inline-block; position: relative; }
	#mobile-menu #icon .inner { display: block; top: 50%; margin-top: -2px; }
	#mobile-menu #icon .inner, .inner::before, .inner::after { width: 34px; height: 3px; background-color: #FFF; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
	#mobile-menu #icon .inner::before, .inner::after { content: ""; display: block; }
	#mobile-menu #icon .inner::before { top: -8px; }
	#mobile-menu #icon .inner::after { bottom: -8px; }

	#mobile-menu #icon.animation--spin .inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	#mobile-menu #icon.animation--spin .inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	#mobile-menu #icon.animation--spin .inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	#mobile-menu #icon.animation--spin.is-active .inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	#mobile-menu #icon.animation--spin.is-active .inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	#mobile-menu #icon.animation--spin.is-active .inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


	#mobile-menu #icon.is-active{ border:2px solid #FFF;  padding:6px 0 0 6px  !important}

	 
	#menu li li a{ background:none; color:#006a53;  }
	#menu li a{ padding:6px 0; font-size: 18px !important; padding-left:32px; background:url('assets/images/menu-arrow-mobile.svg') no-repeat center left;}
	#menu li li a{ padding:0 0 20px 32px; }
	#nav > li > a{ text-transform:uppercase; }
	#menu li a:hover{ background:url('assets/images/menu-arrow-mobile-green.svg') no-repeat center left !important; } 
	#menu li li a:hover{ background:none !important; }
	#menu li.current_page_item a{ color:#006a53 !important; background:url('assets/images/menu-arrow-mobile-green.svg') no-repeat center left !important; }

	#nav li.current_page_item li > a{ color:#FFF !important} 
	#nav li.current_page_item li > a,
	#nav li li.current_page_item > a{ background:none !important;}
   

   #menu{ margin-top:24px;}
    #menu li a{ text-align:left; font-size:16px; margin:0;}
	#menu li li a{ color:#FFF; }
    #projecten h2{ font-size:19px !important; white-space: nowrap;}
    #projecten .col-md-4:nth-child(1){ margin-bottom:4px; }

	.menu-hoofdmenu-container::after{ position:absolute;  content:" "; background:transparent url(assets/images/ag_bottom_menu_mobiel.svg) no-repeat bottom center; height:20px; width:100%; bottom: -15px;  left: 0;}

    #placefilter{ margin-left: 10px; max-width: 93%; }
    #projecten a h2 { font-size: 15px !important; }
	
	#menuoverlay{ transition:0.3s; display:none; background:#00000080; z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; }

}

@media ( max-width: 1399px ) {
    .home .yellowblock .wp-block-column{ padding-left:24px !important; }
	.home #content .yellowblock .wp-block-image img { max-width: 248px !important; max-height: 188px; }
	.home #content .yellowblock .wp-block-button__link{ white-space:nowrap;} 
}


@media (min-width: 1025px){	
	#mobile-menu{ display:none; } 
	
	#nav{ display: inline-block; width: auto; }
    #menu { display: block;  }

    .menu-hoofdmenu-container{ display:block !important;  }

    #menu ul { margin:0; padding:0; text-align:left; width: 100%; }
    #menu li {  display:inline-block; list-style:none; line-height:1.6; margin:0;  }
    #menu li a {  text-transform:uppercase; border-top:none; font-weight:600;  width:auto; font-size: 19px; padding:0 0 6px 0; margin:0 16px; display: block; color: #FFF; text-decoration: none;  }
    #menu li a:hover { color:#D5A339;  }
    #menu li.menu-item-has-children > a { padding-right: 18px; background: url('assets/images/arrow-down.svg') no-repeat right top 16px; }
    #menu li.menu-item-has-children > a:hover {  background: url('assets/images/arrow-down.svg') no-repeat right top 16px; }

    #menu li ul { max-width:fit-content; padding:0; background:#d5a339; box-shadow:0 4px 8px #00000050; border-radius:6px; padding:0 12px 0 12px; z-index:99999; position: absolute; left: -999em; height: auto;  font-weight: normal; list-style: none }
    #menu li ul li {   float:left; clear:both; width:100%;  }
    #menu li ul li a{ text-align:left; padding:0 8px; margin:0; border-bottom:1px dashed #8E8E8E; font-size:17px;   font-weight:600; background:none; height: 32px; width:100%; line-height: 32px; display:block; color:#FFF; text-decoration:none;  }
    #menu li ul li:last-child a{ border-bottom:none; }
    #menu li ul li a:hover{ color:#006a53; }

    #menu li ul li .children{ display:none; position:absolute; margin-top:-51px; margin-left:100%;}
    #menu li ul li:hover .children{ display:block; }
    #menu li ul li .children a{  display:block; white-space:nowrap; }

    #menu li a:hover{ color:#D5A339; }
    #menu li ul a { display:block; }
    #menu li:hover ul, #nav li li:hover ul { display:block; left: auto; }

    #menu li.current_page_item > a{ color:#D5A339;  }
    #menu li.current_page_item > a:hover{ color:#D5A339;   }
	
	#menu .sub-menu li.current_page_item > a{  }

}


a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}

@media (min-width: 992px) and (max-width: 1200px)  {
	.wp-block-columns.speciallmobilecolumns {
	  display: grid !important;
	  grid-template-columns: 1fr; 
	  gap: 24px;
	  align-items: start; 
	}

	.wp-block-columns.speciallmobilecolumns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	 }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 992px) {
	.speciallmobilecolumns .wp-block-column{ display: flex; flex-direction: column; }
	
	#content > .container{ margin-top:60px; padding-top:40px;}
	
	#header{position:fixed; left: 0; top:0; right:0; z-index:9999; }
	#content h1{ font-size:40px;  line-height: 43px; }
	#content h2{ font-size: 40px; line-height: 43px; }
	#content .has-large-font-size { font-size: 20px !important; }
	#content strong{ font-size:20px; }
	#content p, #content li, #content td{ font-size:20px;  line-height: 28px;}
	#content td, #content th{ font-size:20px;  line-height: 32px;}
	#content img{ max-width:100% !important;}
	
	.wp-block-columns {flex-wrap: wrap !important; padding: 0 48px; }
	.wp-block-nk-awb .wp-block-columns{  padding: 0 0; }
	#content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100% !important;}
	
	.activeheader{ background:transparent !important; box-shadow: none !important; }
	.activeheader #logo{ display:none !important; }
	#footer strong{ font-size: 24px !important; }
	
	#menu li a{ margin:0 9px;}
	#content > .container{ margin-top:450px;}
	
    #smallgreen{ margin-top:24px; }
    #header{ padding-top:0; min-height: 0; }
    

	#logo img{ max-width:160px; max-height:140px; object-fit:contain; } 

    #nav{  margin-bottom: 80px !important; }
	#header{ padding-bottom:0; }
    #menu {  margin:0; }
    #menu ul{ padding:0; margin:0; }
    #menu li{ list-style:none; }
    #menu li a{  text-align:left !important;  padding:8px 16px !important; font-weight:bold; display:block; border-top:none; width:100%; margin-bottom:0; font-size: 24px; color:#FFF; text-decoration:none;  }

    #menu li a{  background:url('assets/images/arrow_white-2.svg') no-repeat center left; padding-left:30px !important; }

    #menu li li a{ padding:0 !important; border-bottom:none; background:transparent !important; border-top:none !important; font-weight:500 !important;  }
    #menu li li.current_page_item > a{ color:#d5a339; }

    #menu li ul{ padding-bottom: 32px;}
    #menu li li{ padding-left:48px;}
    #menu li.current_page_item > a{ color:#FFF; border-bottom:none; color:#d5a339; background:url('assets/images/arrow_pink-2.svg') no-repeat center left; }
    #menu li.current_page_item > a:hover{ color:#FFF; color:#d5a339; background:url('assets/images/arrow_white-2.svg') no-repeat center left;  }

    #menu .sub-menu{  }

    #menuoverlay{ display:none; position: fixed; z-index:980; top:0; bottom:0; left:0; right:0; background: #FFFFFF90;}

    #headerSlide{ height:300px !important; background:#FFF url('assets/images/bgmobile.png') repeat-x top center !important; background-size: cover !important; }
    #headerSlide .container{ padding-top:24px !important;}
    #headerSlide .slide{ height:220px !important;}
    #headerSlide h1{ margin-top: -80px !important;     height: 70px !important; padding-left:16px !important; font-size:28px !important; }

    #content{ padding-bottom:0 !important; padding-top:0 !important;}
    #projecten{ background:#FFF !important; padding-top:0 !important; }
    #projecten input{ margin-left:12px; width: 92% !important;}
    #projecten h2{ padding:24px 32px 25px 16px !important; /*background:#FFF url(assets/images/big_arrow_red.svg) no-repeat top 25px right 8px !important;*/ margin-bottom: 0 !important; white-space: nowrap; font-size:20px !important;}
    #projecten .col-md-4{background: linear-gradient(to bottom, #36856d 0%, #36856d 71%,#FFF 71%);  margin-bottom:0px;}
    #projecten .col-md-4:first-child{ background: #36856d !important; margin-bottom: 0 !important; padding-bottom:24px; padding-top:24px; }
    #projecten .col-md-4:nth-child(2),
    #projecten .col-md-4:nth-child(3){ background: #36856d !important; margin-bottom: 0 !important; padding-bottom:24px; padding-top:24px; }

    #quickblocks{ background:#FFF url('assets/images/quickblocksmobilebg.png')  no-repeat left top !important; }
    #quickblocks .col-lg-4{ margin-bottom:24px;}
    #quickblocks .col-lg-4 div{ padding:24px !important; min-height: auto !important; }

    #biggreen h2{ margin-top:24px;}
    #smallgreen h2{ margin-top:24px;}
    .home #smallgreen{ margin-top:0 !important}

    #footer .col-lg-4{ margin-bottom:48px;}
    #headerSlide h1{ font-size:25px !important; }
    #searchform .h2{ font-size:16px !important; height:44px; }
}

@media (max-width: 820px) {
	#headMainImg{ max-height: 350px  !important; height: 350px !important; }
	#content > .container { margin-top: 415px ; }
	.home .yellowblock .wp-block-column:nth-child(2){ display:flex; }
    .home #content .entry-content .yellowblock .wp-block-image img {
        max-width: 100% !important;
        width: 100% !important;
        height: 400px !important;
        max-height: 400px !important;
        object-fit: cover !important;
    }
	    #content {
        margin-top: 395px !important;
		}
	.single-post #footer{margin-top:65px;}
	.home #content figure{ width: 100%; }
	.home #content figure.aligncenter { width:auto; }
	
	    #content .redblock .wp-block-image img, #content .yellowblock .wp-block-image img, #content .groenblock .wp-block-image img, #content .foto img, .wp-block-image img {
        max-height: 550px !important;
    }
	
	#content > .container{ padding-top:0;} 
	
	.maximalebreedte350ipad{ 
		max-width: 350px;
		text-align: center;
		margin: 0 auto;
	}
	
	   #menu li a {
        padding: 6px 0;
        font-size: 20px !important;
	   }
}

@media (max-width: 700px) {
	#header{ margin-top: 0 !important;}
	#headMainImg{ height:510px !important;}
	#header #logo{ width:170px !important; margin:0; }
	#mobile-menu{ top:18px  !important}

	#content h1{ font-size:40px; line-height:42px;  }
	#content h2{ font-size: 36px; line-height: 38px; }
	#content .has-large-font-size { font-size: 20px !important; }
	#content strong{ font-size:20px; }
	#content p{ font-size:20px;  line-height: 32px;}
	#content img{ max-width:100% !important;}
	.wp-block-nk-awb {
		padding: 0 16px 20px 16px;
	}
	
	#content > .container {
		margin-top: 400px;
	}
}

@media (min-width: 1020px) and (max-width: 1026px) {

    #quickblocks .col-lg-4 div{ padding:14px 16px  !important;}
    #smallgreen h2, #biggreen h2{ margin-top:35px !important;}

    .svg-container svg{ max-width:95% !important;}
    .page-id-20 #projecten .col-md-4:nth-child(1){ margin-bottom: 5px !important; }
}

@media (min-width: 767px) and (max-width: 790px){
    #projecten{     background: url(assets/images/inititiatief-bg.png) center top repeat-x rgb(255, 255, 255) !important; }
    #projecten .col-md-4:first-child{ padding-bottom:15px;}
    #projecten .col-md-4:nth-child(4){ margin-bottom:36px;}
    #projecten h2{ font-size:14px !important; padding-left:0 !important; }
    #projecten a h2{ white-space: normal !important;}
    #projecten .col-md-4{ background:none; }

    .page-id-20 #projecten .col-md-4:nth-child(1){ margin-bottom: 1px !important; }

    #quickblocks{ background-size:cover !important; padding-bottom:24px !important;}
    #quickblocks .col-lg-4 { margin-bottom:24px !important;}
    #footer .social-icon.newsletter{ padding:2.5px 38px 2.5px 8px; }
    #footer .social-icon.newsletter::after{ width:220px !important; }

    #headerSlide .container { padding-top: 20px !important; }

    #headerSlide .slide{ height:242px !important;}
    #headerSlide{ background: url("assets/images/tabletheader.png") center top repeat-x rgb(255, 255, 255) !important; background-size:cover !important;}
}

@media ( max-width: 600px ) {
	.page-id-1266 label{ display:block; }
	#signup-form input[type="email"]{margin-left:0;}
	#signup-form ul,
	#signup-form li{ margin:0; padding:0;}
	
    .svg-container svg{ max-width:100% !important;}
    .post-type-archive-nijm_project #searchform .h2{ height:auto !important; margin-bottom:8px !important; }
    .post-type-archive-nijm_project #searchform select, .post-type-archive-nijm_project #searchform input{ margin-bottom:24px;}
    .post-type-archive-nijm_project #placefilter{ margin-left:0 !important;}
    .col-md-4, .col-md-5, .col-md-3, .col-lg-5{ padding-right: calc(var(--bs-gutter-x)/ 2) !important; padding-left: calc(var(--bs-gutter-x)/ 2) !important; }
	
	#content .redblock .wp-block-image img, #content .yellowblock .wp-block-image img, #content .groenblock .wp-block-image img, #content .foto img, .wp-block-image img {
        max-height: 250px !important;
    }
	
	    .home #content .entry-content .yellowblock .wp-block-image img {
        max-width: 100% !important;
        width: 100% !important;
        height: 250px !important;
        max-height: 250px !important;
        object-fit: cover !important;
    }
	
	.blogitem .col-sm-8{ padding-bottom:38px;}
	
	#uitgelicht .blogitem .row{  padding-right:0 !important; }
	#content #uitgelicht p, #content #kijkterug p{ font-size:17px; line-height:24px;} 
	#content p, #content li,  #content strong, #content td{ font-size:19px; line-height:26px; }
	    .home .yellowblock .wp-block-column {
        padding-left: 0 !important;
    }
	
	#footer .col-12{ padding-left:56px !important; }
	
	#content td{ display:block; width:100%;}
	#content td:first-child{ margin-bottom:0 !important; padding-bottom:0 !important; padding-top:12px !important;}
	#content td:nth-child(2){ margin-top:0 !important; padding-top:0 !important; padding-bottom:12px !important;}
	
	#content .frm_form_fields {
    padding: 0 0 0 0; }
}