@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 **********/
#quickacces{ display:block; height:0; width:1px; overflow:hidden; }

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

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


a.button, span.button{ position:relative; z-index: 1; font-family: Oswald, sans-serif; border:1.5px solid #EECAD0;  font-weight:500; text-transform:uppercase;  font-size:16px; color:#FFF !important; background:#EECAD0 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{ border-radius: 0; display:inline; color:#FFF !important; position:relative !important; z-index: 1 !important; border:2px solid #519675 !important;  font-weight:600 !important; text-transform:uppercase !important;  font-size:18px !important; color:#FFF !important !important; background:#519675 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:hover{ background: transparent url(assets/images/arrow_green-2.svg) no-repeat center right 8px !important; color:#519675 !important; border:2px solid #519675 !important; }

.wp-block-button__link.invert {
	
    border-radius: 0;
    display: inline;
    color: #519675 !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #519675 !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;
}

.wp-block-button__link.invert:hover {
    border-radius: 0;
    display: inline;
    color: #FFF !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #519675 !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: #FFF !important;
    position: relative !important;
    z-index: 1 !important;
    border: 2px solid #FFF !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #FFF !important !important;
    background: transparent 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;
}


.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; border-radius: 0; display:inline; color:#FFF !important; position:relative !important; z-index: 1 !important; border:1.5px solid #519675 !important;;  font-weight:500 !important; text-transform:uppercase !important;  font-size:16px !important; color:#FFF !important !important; background:#519675 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;
}

.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 #519675 !important; }

/********** HEADER **********/
#headerImage{ background-color:#002F37; 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:20px; background:#519675; display:block; padding:8px 24px; color:#FFF;  }
#header #logo{ display:block; cursor:pointer; margin:16px 0; }

.wp-block-file{ margin-bottom:8px; font-family:"Oswald", sans-serif; color:#EECAD0; 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{ text-align:center; display:block; border-bottom:2px solid #519675; 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 #EECAD0; font-family:"Oswald", sans-serif; background: #EECAD0 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}

#menu .menu-hoofdmenu-container{ display:none; }

#mobile-menu{ position:absolute; border:1px solid #FFF; width:44px; z-index:9999;  top:16px; right:16px; cursor:pointer;  }
#mobile-menu #icon { background:transparent;   height:48px;  width: 44px; outline:0; padding: 10px 0 2px 4px; 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: 0.7; }
#mobile-menu #icon.is-active:hover { opacity: 0.7; }
#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: -10px; }
#mobile-menu #icon .inner::after { bottom: -10px; }

#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); }

/********** CONTENT **********/
#content > .container{ margin-top:60px; padding-top:80px;  padding-bottom:0; background:#FFF; }
#content p{ margin-bottom:16px; font-size:22px; line-height:34px; }


#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 li{ font-size:19px; line-height:28px; }
#content a{ color:#EECAD0; text-decoration: none; }
#content h1{ font-family: "Ubuntu Sans", sans-serif; color:#EECAD0;     line-height: 70px; font-size:70px; font-weight:700;  }

.single-post #content h1, .page #content h1{ margin-bottom:0.6em;}
.home #content h1, .page-id-43 #content h1, .page-id-47 #content h1{ margin-bottom:0.2em; }

#content h2{ font-family: "Ubuntu Sans", sans-serif; color:#262626; font-size:50px; line-height:54px; font-weight:700; margin-bottom:4px; margin-bottom:0.5em;}
#content h3{ font-family: "Ubuntu Sans", sans-serif; font-weight:700; margin-bottom:42px; font-size:48px; }
#content strong{ font-family: "Ubuntu Sans", sans-serif; font-weight:900; font-size:22px; }

#content .frm_form_fields h2{ font-family: 'Bitter', serif; color:#FFF;  font-size: 32px; line-height:34px; font-weight: 600;  margin-bottom: 24px; }
#content .frm_form_fields{ background: #EECAD0; color:#FFF; padding:0 32px 0 0; margin-bottom:16px;}

#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:#519675;}
#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 .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;}
#content .frm_form_fields select{ font-size: 16px;     padding: 0 10px; }
.h2{ display:block; color:#EECAD0; 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 #EECAD0; position:relative; font-family: Oswald, sans-serif;  font-weight:500; text-transform:uppercase;  font-size:16px; color:#FFF; background:#EECAD0 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; }


#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;}

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

#footer strong{ font-size:30px; font-family: "Ubuntu Sans", sans-serif; }  
#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:#e4a8b4 !important; }

#footer .wp-block-button__link:hover{ color:#519675 !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/icon_FB.svg'); }
#footer .social-icon.instagram{ background-image:url('assets/images/icon_insta.svg'); }
#footer .social-icon.linkedin{ background-image:url('assets/images/icon_linked.svg'); }

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

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

.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:#519675; }

.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-image img{ max-width:500px;}

#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;}

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

/* 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){
	
	#header{ padding-bottom:0; }
    #mobile-menu{ display:none; }
	
	#content{margin-top:450px;} 
	

    #nav{ display: inline-block; width: auto; }
    #menu { display: block;  }

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

    #menu ul { margin:0; padding:0; text-align:right; width: 100%; }
    #menu li {  display:inline-block; list-style:none; line-height:1.6; margin:0;  }
    #menu li a {  border-top:none; font-weight:600;  width:auto; font-size: 21px; padding:0 0 18px 0; margin:0 24px; display: block; color: #FFF; text-decoration: none;  }
    #menu li a:hover { color:#F6B3C1;  }
    #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-pink.svg') no-repeat right top 16px; }

    #menu .sub-menu{ padding-top:4px;}

    #menu li ul { max-width:220px;  margin: 0; padding:0; box-shadow: 0 2px 2px 0 rgba(17,17,17,0.175); background:#FFF; 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{ margin:0; border-bottom:1px dashed #8E8E8E; font-size:17px;   font-weight:normal; background:none; height: 32px; width:100%; line-height: 32px; display:block; color:#666; text-decoration:none;  }
    #menu li ul li:last-child a{ border-bottom:none; }
    #menu li ul li a:hover{ color:#F6B3C1; }

    #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:#F6B3C1; }
    #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:#F6B3C1; border-bottom:5px solid #F6B3C1; }
    #menu li.current_page_item > a:hover{ color:#F6B3C1; border-bottom:5px solid #F6B3C1;  }
	
	#menu .sub-menu li.current_page_item > a{ border-bottom:1px dashed #8E8E8E !important }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1024px){
    #menu{ margin-top:24px;}
    #menu li a{ font-size:16px; margin:0;}
    #projecten h2{ font-size:19px !important; white-space: nowrap;}
    #projecten .col-md-4:nth-child(1){ margin-bottom:4px; }

    #placefilter{ margin-left: 10px; max-width: 93%; }
    #projecten a h2 { font-size: 15px !important; }

}

@media (min-width: 768px) and (max-width: 1024px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	#content h1{ font-size:60px; }
	#content h2{ font-size: 40px; line-height: 44px; }
	#content .has-large-font-size { font-size: 24px !important; }
	#content strong{ font-size:20px; }
	#content p{ font-size:20px;  line-height: 32px;}
} 


@media (max-width: 1200px) {
	#content h1{ font-size:47px; }
	#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;}
	
	#menu li a{ margin:0 9px;}
	#content > .container{ margin-top:-100px;}
} 


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

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 992px) {
	#content > .container{ margin-top:60px; padding-top:40px;}
	
	#header{position:fixed; left: 0; top:0; right:0; z-index:9999; box-shadow: 1px 1px 8px #00000049; }
	#header #logo{ padding-top:8px;}
	#content h1{ font-size:40px; }
	#content h2{ font-size: 28px; line-height: 34px; }
	#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-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; }
    #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: #519675;
        width: 358px;
        top: 0;
    }

#logo img{ max-width:200%; width:260px; margin-left:-20px;} 

    #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:#EECAD0; }

    #menu li ul{ padding-bottom: 32px;}
    #menu li li{ padding-left:48px;}
    #menu li.current_page_item > a{ color:#FFF; border-bottom:none; color:#EECAD0; background:url('assets/images/arrow_pink-2.svg') no-repeat center left; }
    #menu li.current_page_item > a:hover{ color:#FFF; color:#EECAD0; 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: 700px) {
	#header{ margin-top: 0 !important;}
	#headMainImg{ height:510px !important;}
	#header #logo{ width:170px !important; margin:0; padding:6px 0;}
	#mobile-menu{ top:18px  !important}

	#content h1{ font-size:40px; line-height:50px;  }
	#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 30px 20px 30px;
	}
	
	#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 ) {
    .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; }
}