@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.
*/

/********** RESET **********/
html {  font-family: sans-serif; overflow-x:hidden;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
main, article, section, aside, nav, header, footer, figure, figcaption, details, hgroup, menu, summary { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
figure{ margin-bottom:0; }

.single-product .summary{ padding-left:32px;}

figure.wp-block-gallery.has-nested-images {
    align-items: normal;

	background: #9fcde5;
}

.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
        width: calc(18% - var(--wp--style--unstable-gallery-gap, 16px) * .8);
		margin-bottom:24px;
		height:162px;
    }

figure.wp-block-gallery.has-nested-images .wp-block-image {
    border: 10px solid #FFF;
	box-shadow: 0px 3px 8px #00000024;
}

/********** BASE **********/
body{ position:relative; overflow-x:hidden; background-color:#FFF;   font-family: "Fira Sans Extra Condensed", sans-serif; font-weight: 400; font-style: normal;  font-size:18px; color:#000; }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem;  font-weight: 400; line-height: 1.6; color: inherit; }
h1, .h1{ font-size: 42px; line-height:52px; margin-bottom:28px; }
h2, .h2{ font-size: 28px; line-height:46px; margin-bottom:28px; }
h3, .h3 { font-size: 24px; line-height:28px;  }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.8rem; }
 
td, p, li{ font-size:100%; line-height:1.6; margin-bottom:16px; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
img{ border:none; max-width:100%; }
abbr,acronym { border-bottom:1px dotted #000;cursor:help;}
em { font-style:italic;}
blockquote,ul,ol,dl { margin:1em;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
ol,ul,dl { margin-left:2em;}
ol li { list-style: decimal outside; }
ul li { list-style: disc outside;}
dl dd { margin-left:1em;}
th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em;text-align:center;}
p,fieldset,table { margin-bottom:1em; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
*, *:before, *:after { box-sizing: inherit; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; border:none; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

/********** GRID **********/
#quickacces{ display:block; height:0; width:1px; overflow:hidden; }

.container{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.container-fluid{  margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; width: 100%; max-width:1900px; }
.row{  display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; ms-flex-wrap: wrap; }
.no-gutters{  margin-left: 0; margin-right: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"]{  padding-left: 0; padding-right: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{  min-height: 1px; padding-left: 15px; padding-right: 15px;  width: 100%; }
.col{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
.col-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
.col-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
.col-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
.col-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
.col-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
.col-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
.col-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
.col-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
.col-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
.col-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
.col-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
.col-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
.col-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
.order-first{ ms-flex-order: -1; order: -1; }
.order-1{ ms-flex-order: 1; order: 1; }
.order-2{ ms-flex-order: 2; order: 2; }
.order-3{ ms-flex-order: 3; order: 3; }
.order-4{ ms-flex-order: 4; order: 4; }
.order-5{ ms-flex-order: 5; order: 5; }
.order-6{ ms-flex-order: 6; order: 6; }
.order-7{ ms-flex-order: 7; order: 7; }
.order-8{ ms-flex-order: 8; order: 8; }
.order-9{ ms-flex-order: 9; order: 9; }
.order-10{ ms-flex-order: 10; order: 10; }
.order-11{ ms-flex-order: 11; order: 11; }
.order-12{ ms-flex-order: 12; order: 12; }
.offset-1{ margin-left: 8.333333%; }
.offset-2{ margin-left: 16.666667%; }
.offset-3{ margin-left: 25%; }
.offset-4{ margin-left: 33.333333%; }
.offset-5{ margin-left: 41.666667%; }
.offset-6{ margin-left: 50%; }
.offset-7{ margin-left: 58.333333%; }
.offset-8{ margin-left: 66.666667%; }
.offset-9{ margin-left: 75%; }
.offset-10{ margin-left: 83.333333%; }
.offset-11{ margin-left: 91.666667%; }

.flex-row{ flex-direction: row !important; ms-flex-direction: row !important; }
.flex-column{ flex-direction: column !important; ms-flex-direction: column !important; }
.flex-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
.flex-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
.flex-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
.flex-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
.justify-content-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
.justify-content-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
.justify-content-center{ justify-content: center !important; ms-flex-pack: center !important; }
.justify-content-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
.justify-content-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
.align-items-start{ align-items: flex-start !important; ms-flex-align: start !important; }
.align-items-end{ align-items: flex-end !important; ms-flex-align: end !important; }
.align-items-center{ align-items: center !important; ms-flex-align: center !important; }
.align-items-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
.align-items-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
.align-content-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
.align-content-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
.align-content-center{ align-content: center !important; ms-flex-line-pack: center !important; }
.align-content-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
.align-content-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
.align-content-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
.align-self-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
.align-self-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
.align-self-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
.align-self-center{ align-self: center !important; ms-flex-item-align: center !important; }
.align-self-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
.align-self-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }

.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

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

/********** TOP **********/
#content .rank-math-question{ cursor:pointer; font-size:20px; margin-bottom:0; background:url('assets/images/+.svg') no-repeat top 18px right 12px;}
#content .rank-math-question.active{ background:url('assets/images/-.svg') no-repeat top 22px right 12px;}
#content .rank-math-list-item{ border-bottom:1px solid #FFFFFF50; margin-bottom:24px; padding-bottom:24px;}
#content .rank-math-answer{  max-height: 0; overflow: hidden; transition: max-height 1.6s ease; }
#content .rank-math-list-item .rank-math-answer.active { max-height: 500px; }

.page-id-19 #content img{ max-height:200px; object-fit:cover;}

#content .is-style-rounded img{ border-radius:10px;}
.error404{   }

/********** HEADER **********/
#header{position:relative; z-index:3; width:100%; height:480px; display:block; padding: 0 0 12px 0; }
#header a{ display:block;  cursor:pointer;  }
#header #logo{ margin:0 0 32px 0; position:relative; z-index:3; width: 70%;   }
#header #logo img{ margin-top:-6px; vertical-align: middle;  }

#header .site-title{ text-indent: -9999px; position: absolute; }
#header .site-description{ text-indent: -9999px; position: absolute; }

.img-out-right {
    clip-path: polygon(
            0 0,        /* linksboven */
            100% 0,     /* rechtsboven */
            100% 100%,  /* rechtsonder */
            140px 100%,  /* iets naar rechts vanaf linksonder */
            0 calc(100% - 130px) /* iets omhoog vanaf linksonder */
    );
}

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

#headingBox{ z-index:4; position: absolute; top:250px; padding:32px 32px 32px 90px; color:#FFF; }
#headingBox h2{ font-size:46px; margin-top:6px; margin-bottom:32px; }
#headingBox p{ margin:0;}
#headingBox a{ text-shadow:none;  display:inline-block; font-weight:600; border-radius: 0; border:2px solid #5A9FC2; background: #5A9FC2 url(assets/images/arrow-nav-white.svg) no-repeat center right 12px; color: #FFF; padding: 4px 36px 4px 12px; text-decoration: none; }
#headingBox a:hover{  border:2px solid #5A9FC2; color:#5A9FC2; background: transparent url(assets/images/arrow-nav-blue.svg) no-repeat center right 12px !important; }

.blueborder{ border:2px solid #5A9FC2; padding:40px 50px;}

.home .wp-block-gallery{ max-width:900px; overflow: hidden; margin:0 auto;}

#field_6r2l8_label .frm_required{ display:none; }
.frm_checkbox label{ color:#FFF; }

.filterbeige{ position:relative; height:100%; }
.filterbeige::after{ content:" "; position:absolute; top:0; bottom:0; left:0; right:0; display: initial; background-color: #ECD4B3 !important;  opacity: 0.8;  mix-blend-mode: darken;}

.fullheight{ position:relative; height:100%; }

/********** MENU **********/
#mobile-menu{ position:fixed; box-shadow:1px 1px 10px #00000040; background:#FFF; width:52px;  top:32px; right:32px; cursor:pointer;  z-index: 999;}
#mobile-menu #icon {  border:none; outline:none; padding:12px 8px 6px 8px; display: inline-block;  cursor: pointer; transition-property: filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; background-color: transparent;  margin: 0; overflow: visible; }
#mobile-menu #icon:hover {  }
#mobile-menu #icon.is-active:hover {  }
#mobile-menu #icon.is-active .inner,
#mobile-menu #icon.is-active .inner::before,
#mobile-menu #icon.is-active .inner::after { background-color: #6c4715; }
#mobile-menu #icon .box { width: 34px; 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: #6c4715; 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{ border:2px solid #FFF; }
#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); }

#menu {  position:relative; margin:0 auto; z-index:9; }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; }
#menu li a{ text-align:center; display:block;  width:100%; padding:16px; font-size: 17px; color:#000; text-decoration:none;  }
#menu li li a{ background:#dedede;}

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

.post-type-archive-nijm_portfolioitem #menu-item-3214 a{ font-weight:bold; color:#000;}
.post-type-archive-nijm_portfolioitem .meta, .blog .meta{ display:none; }

#content .frm_success_style{border:none !important; background:transparent !important;}

.pagination{ margin: -8px 0 8px 0; padding-left:0; }
.page-numbers{ display: inline-block; background: #FFF; border:2px solid #5A9FC2; transition:0.4s; color:#5A9FC2 !important; padding: 4px 12px; margin: 4px 4px 4px 4px; }
.page-numbers:hover{ background: #126c95; border:2px solid #126c95; transition:0.4s;  color:#FFF !important;  }
.page-numbers.current{ background:#5A9FC2 !important; border:1px solid #5A9FC2 !important; color:#FFF !important;}

.blok{ padding:24px 12px; border-radius:10px; }

/********** CONTENT **********/
#content{ padding:0; }
#content .wp-block-buttons{ margin-bottom:16px;}
#content .ctahomeblock .wp-block-buttons{ margin-bottom:0 !important; padding-bottom:8px !important;}

#content .lessergap{ gap:20px;}

#content .boxhoov{ cursor:pointer; transition:0.4s; }
#content .wp-block-buttons{ padding-bottom:24px; margin-top:24px;}
#content .boxhoov .wp-block-image img, #content .boxhoov .wp-block-image{ border-radius:10px 10px 0 0; height:186px; object-fit:cover; }

#content .boxhoov{ transition:0.4s; }
#content .boxhoov > div{filter: brightness(100%);  transition:0.4s; }

#content .boxhoov:hover{   transform:scale(1.02); transition:0.4s;}
#content .boxhoov:hover > div{  filter: brightness(90%);  transition:0.4s;}
#content .witro::after, #content .bluero::after{ filter: brightness(100%) !important; z-index:2; }

#menu .button a{ border-radius: 6px; color:#FFF; padding: 8px 24px 8px 24px !important; background: #FFA200; text-decoration:none !important;  transition:0.4s;  }
#menu .button a:hover{  background-color:#0e2b72 !important; color:#000 !important;  border:1px solid #0e2b72;   transition:0.4s;  }

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

#content h1{ font-size:56px; line-height:56px; margin-bottom:12px; }
#content h2{ font-size:40px; line-height:46px;}
#content h3{ font-size:28px; line-height:46px;}
#content h2.has-large-font-size{ font-size:44px; line-height:56px;}
#content p{  margin-bottom:16px; font-size:18px; line-height:28px;}
#content p.has-medium-font-size{ font-size:28px !important; line-height: 32px; }

#content .has-background-dim{ display:none; }

#content a{ color:#6c4715; text-decoration: none; }
#content li{ margin-bottom:4px;}
#content img{ height:auto;  }
#content .wp-block-cover img{ height:100%; }

.witro, .bluero{ position:relative; }
.witro::after, .bluero::after{ content:" ";  z-index: 999999; background:url('assets/images/corner-right-white.svg') no-repeat right bottom;  position: absolute; bottom:-1px; right:-1px; height:120px; width:105px; }
.bluero::after { background: url('assets/images/corner-right-smal-lbue.svg') no-repeat right bottom; }

.bluelo{ position:relative; padding: 0 0 0 110px !important; }
.bluelo::after { content:" "; position: absolute; bottom:-1px; left:-1px; height:120px; width:105px;  z-index: 999999; background: url('assets/images/corner-left-smal-lbue.svg') no-repeat left bottom; }

.witro .wp-block-column:first-child, .bluero .wp-block-column:first-child { display: flex; }
.witro .wp-block-column:first-child figure, .bluero .wp-block-column:first-child figure { height: 100%; width: 100%; margin: 0; }
.witro .wp-block-column:first-child img, .bluero .wp-block-column:first-child img {width: 100%;height: 100% !important;object-fit: cover;display: block; }

#content .wp-block-image img{ height:100% !important;     height: auto; width: 100%; object-fit:cover;}


.noflex .wp-block-column:first-child{ display:block; padding-bottom:0;}
.noflex .wp-block-column:first-child p{ padding:4px 24px;}
.noflex .wp-block-column:first-child img{ margin-bottom:24px;}
.noflex .wp-block-column:first-child .wp-block-buttons{ padding:2px 22px; }

.witlo{ position:relative; padding:0 0 0 110px; }
.witlo::after{ content:" "; z-index: 2; background:url('assets/images/corner-white.svg') no-repeat left bottom;  position: absolute; bottom:-1px; left:-1px; height:120px; width:105px; }


.klikbare-cover {
    cursor:pointer;
    position: relative;
    transition:0.4s;
    /*filter: brightness(100%);*/
    overflow:hidden;
}

.klikbare-cover img {
    filter: brightness(100%);
    transition:0.4s;
}

.klikbare-cover:hover img {
     filter: brightness(90%);
   transform: scale(1.04);
    transition:0.4s;
}

.klikbare-cover a.cover-link {
    position: absolute;
    inset: 0;
    cursor:pointer;
    z-index: 5;
    text-indent: -9999px;
}

.single-nijm_event .noflex .wp-block-column:first-child img{ margin-bottom:0; }

.noscale .wp-block-column:first-child { display: block !important; }
.noscale .wp-block-column:first-child figure{ height: auto !important; width: auto !important; margin: 0 auto !important; }
.noscale .wp-block-column:first-child img{width: auto !important;height: auto !important; display: inline-block !important; }

#content .frm_label_float_top .frm_primary_label{ color:#FFF !important;}
#content .frm_forms input, #content .frm_forms textarea, #content .frm_forms select{ border-radius:0; border:none !important; width:100%;}
#content .frm_forms select{ margin-top:16px;}
#content .frm_style_formidable-stijlen.with_frm_style .form-field{ margin:6px;}
#content .frm_checkbox label{ color:#FFF !important;}

.padding-right{ padding-right:20px; }
.bigtextpaddingright{ padding-right: 80px; padding-left:20px;}
.single-nijm_event .bigtextpaddingright{ padding-right: 40px; padding-left:20px;}
.single-nijm_event .witlo{ padding-right:60px;}

#content .frm_style_formidable-stijlen.with_frm_style .form-field {
    margin: 4px 0 0 0;
}

#content .wp-block-cover{  min-height:360px; max-height:360px; position:relative; }
#content .wp-block-cover .wp-block-cover__inner-container,
#content .wp-block-cover-image .wp-block-cover__inner-container{ position:initial; }
#content .wp-block-cover .wp-block-group{ position:absolute; background-image:url('assets/images/arrow-big-white.svg'); background-position:bottom 24px right 24px; background-repeat:no-repeat; bottom:0; left:0; padding:20px 24px 0 24px;}
#content .wp-block-cover .wp-block-group p{padding:6px 0 6px; font-size:18px; line-height:24px;}
#content .wp-block-cover .wp-block-group a{ color:#FFF; text-decoration: none; display:inline-block; padding:8px 0;}

#content .imgheight100{ height:100% !important; object-fit:cover !important;}
#content .blue .wp-block-cover{  min-height:290px; max-height:290px; position:relative; }
#content .blue .wp-block-cover .wp-block-cover__inner-container,
#content .blue .wp-block-cover-image .wp-block-cover__inner-container{ position:initial; }
#content .blue .wp-block-cover .wp-block-group{ max-width:75%; position:absolute; background-image:url('assets/images/arrow-smaller-white.svg'); background-position:bottom 20px right 20px; background-repeat:no-repeat; bottom:0; left:0; padding:18px 18px 6px 18px;}
#content .blue .wp-block-cover .wp-block-group a{ color:#FFF; display:inline-block; padding:4px 0 0; text-decoration: none;}
#content .blue .wp-block-cover .wp-block-group p{ margin-bottom:12px; font-size:16px; line-height:20px;  }
#content .blue .wp-block-group .has-x-large-font-size{ font-size:30px !important; }
#content .blue .has-background-dim{display:initial; background-color:#ECD4B3 !important; opacity:0.8;  mix-blend-mode: darken;}


#content .witlo  img{ height:100% !important; object-fit:cover; }
#content .nk-awb-inner img{ height:100% !important; }

#content .nopadding{ padding:0 !important; }
#content .nomargin{ margin:0 !important; }

#content .gallery{  display:flex; height:100px; align-content: center; justify-content: center; gap:60px;}
#content .gallery figure{ padding:0 14px; height:100px; max-width:120px; margin-bottom:0; display: flex;  align-items: center;  justify-content: center;  margin:0 14px !important; display:block; }
#content .gallery img{  max-height: 100%; max-width: 100%; object-fit: contain;  }
#content .wp-block-gallery.flickity-enabled { display: block !important; padding: 0;  margin: 0 auto; }
#content .wp-block-gallery.flickity-enabled figure { display: flex !important;  align-items: center; justify-content: center;  margin: 0 15px; padding:15px; height:350px;  }
#content .wp-block-gallery.flickity-enabled img { max-height: 100%; width: auto; height: auto; display: block; }
.home #content  .wp-block-gallery.flickity-enabled figure { height: 120px; }
#content .boxhoov .wp-block-buttons{ position:absolute; bottom:0;   }

#content .placeholder{ height:200px; background:#333; width:100%; overflow:hidden; }
#content .wp-block-button__link{ font-size:18px; border-radius:0; border:2px solid #6c4715; font-weight:600; background:#6c4715 url('assets/images/arrow-nav-white.svg') no-repeat center right 12px; color:#FFF; padding:6px 36px 6px 12px;}
#content .wp-block-button__link:hover{ background:transparent url('assets/images/arrow-nav-brown.svg') no-repeat center right 12px !important; border:2px solid #6c4715; color:#6c4715 !important; }

#content .wp-block-file__button{ font-size:18px; border-radius:0; border:2px solid #6c4715;  font-weight:600; background:#6c4715 url('assets/images/arrow-nav-white.svg') no-repeat center right 12px; color:#FFF; padding:6px 36px 6px 12px;}
#content .wp-block-file__button:hover{ background:transparent url('assets/images/arrow-nav-brown.svg') no-repeat center right 12px !important; color:#6c4715 !important; border:2px solid #6c4715; color:#6c4715 !important; }

.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{
    font-family: "Fira Sans Extra Condensed", sans-serif; font-weight: 400; font-size:18px; border-radius:0; border:2px solid #5A9FC2; font-weight:600; background:#5A9FC2 url('assets/images/arrow-nav-white.svg') no-repeat center right 12px; color:#FFF; padding:6px 36px 6px 12px; box-shadow:none;
}

.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:transparent url('assets/images/arrow-nav-blue.svg') no-repeat center right 12px !important; border:2px solid #5A9FC2; color:#5A9FC2 !important;
}
.noshow{ display:none; }

.alignright { float:right; margin:10px 20px; }
.alignleft { float:left;  margin:10px 20px;}

.gallery-item{ float:left; margin: 0; }

.blog article .holder, .archive article .holder{ background:#2D153E; text-decoration:none;  border-radius: 10px; box-shadow: 0 8px 24px 0 rgba(36,37,42,0.1); }
.blog .entry-content, .archive .entry-content {padding:8px 24px 8px 24px;}

.blog .entry-header img, .archive .entry-header img{ width: 100%; height:263px;  }
.blog a, .archive a{  text-decoration:none; font-size:16px; }
.blog a h2, .archive a h2{ color:#000; margin-top:8px; text-decoration:none; font-size: 26px !important; line-height: 24px; font-weight: 700; }
.blog p.readmore, .archive p.readmore{ display:inline-block; text-align:center;  transition:0.4s; bottom:0;  background:#0e2b72; border-radius:10px; padding:5px 16px; color:#FFF;}
.blog p.readmore a, .archive p.readmore a{ width:100%; background:#0e2b72; display:block; color:#FFF !important; text-decoration:none; }
.blog p.readmore:hover, .archive p.readmore:hover{ background:#0e2b72; transition:0.4s; }

article header ul { float:left; width:100%; margin: 0 0 32px 0; padding: 8px; font-size:90%; }
article header li { margin-left: 0; list-style: none; float: left; margin-right: 16px; }
article header .tag a { font-size:80%; text-transform: uppercase; text-decoration: none; margin-right: 3px; background-color: #E2E2E2; padding: 6px 10px; font-weight: bold; text-align: center; }

article footer.meta{ display:none; }
#content .frm_forms{ max-width:85%;}
#content .frm_forms h2{ font-size:56px; }
#content .frm_forms p{ font-size:18px; }
#content .formholder{ padding:48px; border-radius: 10px;}
#content .frm_forms label{ }
#content .frm_forms input, #content .frm_forms textarea{ border:1px solid #000; transition:0.4s; }
#content .frm_forms input:focus, #content .frm_forms textarea:focus{ border:1px solid #0e2b72; transition:0.4s; }

.noborder td{ border:none; padding:0 0 4px; }
.pagination{ text-align:left;}
#content{ padding-top:100px;}
#content .holder ul{ padding:0; margin:0 0 16px 0;}
#content .holder li{ list-style:none; font-size:15px; margin:0; padding:0; background:url('assets/images/vink.svg') no-repeat left center; padding-left:24px; background-size:cover; background-size:12px; }

#content .equal-height{}
#content .padding-block .wp-block-group{ padding:48px 24px; }
#content .padding-block .has-x-large-font-size{ margin:0; }
#content iframe{ width:100%; }
.page-id-9 #content img{height:250px; width:250px; margin:0 auto; object-fit: contain;}
.parent-pageid-19 #content img, .parent-pageid-7 #content img{height:250px; width:250px; margin:0 auto; object-fit: contain;}
#content .equal-height { display: flex; }
#content .equal-height > .wp-block-column { display: flex; flex-direction: column; }
#content .equal-height > .wp-block-column > .wp-block-group { flex: 1; display: flex; flex-direction: column; }

#content .tel-icoon, #content .mail-icoon {  margin:0;  }
#content .tel-icoon a, #content .mail-icoon a {  color:#FFF; text-decoration:none; padding-left:28px;   }
#content .tel-icoon a{background:url('assets/images/icon-phone.svg') no-repeat left center;}
#content .mail-icoon a{background:url('assets/images/icon-mail.svg') no-repeat left center;} 
#content .tel-icoon a:hover, #content .mail-icoon a:hover{ text-decoration:underline; }

#content .maxwidth300{ max-width:370px;}
#head h1 { color:#FFF; text-shadow:3px 1px 0 #0e2b72; margin-bottom:0 }
#head p{ color:#FFF; text-shadow:2px 2px 8px #00000090;}

/********** FOOTER **********/
#footer{ padding:24px 0 20px; background:#9fcde5;  color:#9fcde5; font-size:16px;  }
#footer #innerFooter{ position:relative; background:#4b3e2c; padding:80px 64px 200px 64px; }
#footer a{ color:#9fcde5; text-decoration: none; }
#footer strong{ color:#FFF; font-size:24px; font-weight:600;}
#footer .title{ color:#ffa200;   }
#footer .col-md-2  a{ color:#FFF; text-decoration:none; text-decoration:none; transition:0.4s; }
#footer .col-md-2  a:hover{ color:#FFA200; text-decoration:none; padding-left:3px; transition:0.4s;  }
#footer #credits{ font-size:70%; color:#FFFFFF; text-align:center; margin-top:32px; padding:8px 0; }
#footer #credits a{ color:#FFFFFF; text-decoration:none;  }
#footer #credits a:hover{ text-decoration:underline; }
#footer  ul{ padding:0; margin:0;}
#footer  li{ margin:0; list-style:none; padding-left:18px; background:url('./assets/images/arrowfooter.svg') no-repeat center left; background-size:16px; transition:0.4s; }
#footer  li:hover{ background-position:center left 4px; transition:0.4s;}
#footer a:hover{ color:#FFF;}
#footer figure{ margin-top:0; }
#footer .col-md-3{ padding-left:20px; }

#footer #facebook, #footer #google, #footer #twitter, #footer #linkedin{ display:inline-block; padding:12px; margin-right:8px;}
#footer #facebook{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-facebook.svg') no-repeat center center; background-size: cover; }
#footer #google{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-google-plus.svg') no-repeat center center; background-size: cover;  }
#footer #twitter{background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-twitter.svg') no-repeat center center; background-size: cover;  }
#footer #linkedin{ background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/svg/icon-linkedin.svg') no-repeat center center; background-size: cover;  }


.single-nijm_event #menu-item-52 a{ color:#FFF !important; border:none  !important;}
.single-nijm_event  #menu-item-50 a{ color:#000 !important; border-color:#000  !important;}

.wp-block-table {
    overflow: visible;
    height: auto !important;
}

.single-nijm_event table {
    margin-left: 24px;
    overflow: visible;
}

.single-nijm_event table tr td:first-child {
    width: 80px;
}

.single-nijm_event table tr td {
    border: none;
    padding: 0;
}

.single-nijm_event #content .wp-block-button__link:hover {
    border: 2px solid #5A9FC2;
    color: #5A9FC2 !important;
    background: transparent url(assets/images/arrow-nav-blue.svg) no-repeat center right 12px !important;
}

#content .brownbutton .wp-block-button__link{ font-size:18px; border-radius:0; border:2px solid #6c4715 !important; font-weight:600; background:#6c4715 url('assets/images/arrow-nav-white.svg') no-repeat center right 12px; color:#FFF; padding:6px 36px 6px 12px;}
#content .brownbutton .wp-block-button__link:hover{ background:transparent url('assets/images/arrow-nav-brown.svg') no-repeat center right 12px !important; border:2px solid #6c4715 !important; color:#6c4715 !important; }

#content .bluebutton .wp-block-button__link{ font-size:18px; border-radius:0; border:2px solid #5A9FC2 !important; font-weight:600; background:#5A9FC2 url('assets/images/arrow-nav-white.svg') no-repeat center right 12px; color:#FFF; padding:6px 36px 6px 12px;}
#content .bluebutton .wp-block-button__link:hover{ background:transparent url('assets/images/arrow-nav-brown.svg') no-repeat center right 12px !important; border:2px solid #5A9FC2 !important; color:#5A9FC2 !important; }


.single-nijm_event  .witro.noflex .wp-block-buttons{ margin-left:0 !important; }

#menu .menu-item-gtranslate a{
    border-bottom:none;
    display:inline-block !important;
    background-position: top 14px right !important;
    height:auto !important;
    line-height:1 !important;
    padding: 8px 16px 6px 16px !important;

}

#content .nostretch img{ height: auto !important; width:auto !important;  }

.single-nijm_event .wp-block-nk-awb{ padding-top:0;}

.single-nijm_event #content .wp-block-buttons {
    margin-top: 8px;
}

.single-nijm_event #content .wp-block-button__link {
    text-shadow: none;
    display: inline-block;
    font-weight: 500;
    border-radius: 0;
    border: 2px solid #5A9FC2;
    background: #5A9FC2 url(assets/images/arrow-nav-white.svg) no-repeat center right 12px;
    color: #FFF;
    padding: 4px 36px 4px 12px;
    text-decoration: none;
}

#content .title {
    font-size: 25px;
    margin-bottom: 8px;
}

h1{ display:inline-block; background:url('assets/images/h1.svg') no-repeat center right; padding-right:40px; background-size:28px;}
.home h1{ background:none; }

.frm_checkbox {
    margin-top: 18px !important;
}

.frm_style_formidable-stijlen.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-stijlen.with_frm_style .frm-edit-page-btn, .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 {
    text-shadow: none !important;
    box-shadow: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 2px solid #5A9FC2 !important;
    background: #5A9FC2 url(assets/images/arrow-nav-white.svg) no-repeat center right 12px !important;
    color: #FFF !important;
    padding: 4px 36px 4px 12px !important;
    text-decoration: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-top: 16px !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 {
    border: 2px solid #5A9FC2 !important;
    color: #5A9FC2 !important;
    background: transparent url(assets/images/arrow-nav-blue.svg) no-repeat center right 12px !important;
}

#footer #innerFooter::after {
    content: " ";
    z-index: 2;
    background: url(assets/images/corner-lblue.svg) no-repeat left bottom;
    position: absolute;
    bottom: -1px;
    left: -1px;
    height: 120px;
    width: 105px;
}

#signup-form{ }
#signup-form ul{ margin:0; padding:0; }
#signup-form li{ list-style:none; display:inline-block;}
#signup-form label{  margin:16px 0; color:#000; text-align: left;}
#signup-form input{margin:16px 8px;  height:36px; border-radius:none; padding: 10px 8px;color:#000; border:2px solid #000;}
#signup-form input[type="submit"]{ font-size: 18px;
    border-radius: 0;
    border: 2px solid #6c4715;
    font-weight: 600;
    background: #6c4715 url(assets/images/arrow-nav-white.svg) no-repeat center right 12px;
    color: #FFF;
    padding: 6px 36px 6px 12px; }

.single-nijm_event .infoblock .wp-block-column:first-child figure {
    height: 40%;
}


#content .downloadblock .wp-block-file{ display:block; max-width:max-content; margin-bottom:12px; padding-right:24px; padding-left:24px; font-size:18px; background:url('assets/images/download.svg') no-repeat left center, url('assets/images/arrow_brown.svg') no-repeat center right; background-size:16px, 14px;transition:0.4s; }
#content .downloadblock .wp-block-file a{ transition:0.4s; }
#content .downloadblock .wp-block-file a:hover{ color:#000 !important; transition:0.4s; }

/* Gallery */

#content .wp-block-gallery.wp-block-gallery-1 {
    --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 1.5em)));
    gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 1.5em)));
}

.wp-block-gallery.gallery-expandable {
	
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px;
}

.wp-block-gallery.gallery-expandable > .wp-block-image {
    width: 100% !important;
    margin: 0 0 0 0 !important;
}

.wp-block-gallery.gallery-expandable > .wp-block-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    cursor: pointer;
}

/* Verborgen afbeeldingen */
.wp-block-gallery.gallery-expandable:not(.is-expanded) > .wp-block-image:nth-child(n+11) {
    display: none !important;
}

/* Alles bekijken */
.gallery-show-all-wrap {
    width: 100%;
    margin-top: 24px;

}

.gallery-show-all {
    appearance: none;
    border: 0;
    padding: 12px 24px;
    cursor: pointer;
    font: inherit;

       font-size: 18px;
    border-radius: 0;
    border: 2px solid #6c4715;
    font-weight: 600;
    background: #6c4715 url(assets/images/arrow-nav-white.svg) no-repeat center right 12px;
    color: #FFF;
    padding: 6px 36px 6px 12px;
}

.gallery-show-all:hover {
    opacity: .8;
}


/*
 * Lightbox
 */
.gallery-lightbox {
    position: fixed;
    z-index: 999999;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, .9);
    padding: 50px 80px;

    opacity: 0;
    visibility: hidden;
    transition:
        opacity .2s ease,
        visibility .2s ease;
}

.gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.gallery-lightbox__image {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.gallery-lightbox__close,
.gallery-lightbox__prev,
.gallery-lightbox__next {
    position: absolute;
    appearance: none;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

.gallery-lightbox__close {
    top: 20px;
    right: 25px;
    font-size: 44px;
}

.gallery-lightbox__prev,
.gallery-lightbox__next {
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    padding: 20px;
}

.gallery-lightbox__prev {
    left: 15px;
}

.gallery-lightbox__next {
    right: 15px;
}

.gallery-lightbox__counter {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 14px;
}


.fotoheading{ background:url(assets/images/arrow_photo_white.svg) no-repeat center left; background-size:35px; text-shadow: 3px 3px 8px #0000004F;  margin-left:40px; padding-left:56px; margin-bottom:10px;}

/* Tablet */
@media (max-width: 991px) {
    .wp-block-gallery.gallery-expandable {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* Mobiel */
@media (max-width: 600px) {
    .wp-block-gallery.gallery-expandable {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px;
    }

    .gallery-lightbox {
        padding: 50px 10px;
    }

    .gallery-lightbox__prev,
    .gallery-lightbox__next {
        font-size: 42px;
        padding: 10px;
    }
}

/* TABLET PORTRAIT */
@media (min-width: 576px){

    #header #logo{ margin:0 0; width: 100%; }

    .container { max-width: 540px; }
    .col-sm{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-sm-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-sm-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-sm-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-sm-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-sm-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-sm-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-sm-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-sm-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-sm-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-sm-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-sm-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-sm-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-sm-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-sm-first{ ms-flex-order: -1; order: -1; }
    .order-sm-1{ ms-flex-order: 1; order: 1; }
    .order-sm-2{ ms-flex-order: 2; order: 2; }
    .order-sm-3{ ms-flex-order: 3; order: 3; }
    .order-sm-4{ ms-flex-order: 4; order: 4; }
    .order-sm-5{ ms-flex-order: 5; order: 5; }
    .order-sm-6{ ms-flex-order: 6; order: 6; }
    .order-sm-7{ ms-flex-order: 7; order: 7; }
    .order-sm-8{ ms-flex-order: 8; order: 8; }
    .order-sm-9{ ms-flex-order: 9; order: 9; }
    .order-sm-10{ ms-flex-order: 10; order: 10; }
    .order-sm-11{ ms-flex-order: 11; order: 11; }
    .order-sm-12{ ms-flex-order: 12; order: 12; }
    .offset-sm-0{ margin-left: 0; }
    .offset-sm-1{ margin-left: 8.333333%; }
    .offset-sm-2{ margin-left: 16.666667%; }
    .offset-sm-3{ margin-left: 25%; }
    .offset-sm-4{ margin-left: 33.333333%; }
    .offset-sm-5{ margin-left: 41.666667%; }
    .offset-sm-6{ margin-left: 50%; }
    .offset-sm-7{ margin-left: 58.333333%; }
    .offset-sm-8{ margin-left: 66.666667%; }
    .offset-sm-9{ margin-left: 75%; }
    .offset-sm-10{ margin-left: 83.333333%; }
    .offset-sm-11{ margin-left: 91.666667%; }

    .d-sm-inline { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block { display: block !important; }
    .d-sm-table { display: table !important; }
    .d-sm-table-row { display: table-row !important; }
    .d-sm-table-cell { display: table-cell !important; }
    .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-sm-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-sm-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-sm-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-sm-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-sm-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-sm-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-sm-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-sm-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-sm-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-sm-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-sm-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-sm-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-sm-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-sm-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-sm-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-sm-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-sm-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-sm-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-sm-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-sm-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-sm-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-sm-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-sm-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-sm-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-sm-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-sm-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-sm-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* TABLET LANDSCAPE */
@media (min-width: 768px){
    .container { max-width: 90%; }
    .col-md{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-md-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-md-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-md-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-md-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-md-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-md-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-md-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-md-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-md-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-md-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-md-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-md-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-md-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-md-first{ ms-flex-order: -1; order: -1; }
    .order-md-1{ ms-flex-order: 1; order: 1; }
    .order-md-2{ ms-flex-order: 2; order: 2; }
    .order-md-3{ ms-flex-order: 3; order: 3; }
    .order-md-4{ ms-flex-order: 4; order: 4; }
    .order-md-5{ ms-flex-order: 5; order: 5; }
    .order-md-6{ ms-flex-order: 6; order: 6; }
    .order-md-7{ ms-flex-order: 7; order: 7; }
    .order-md-8{ ms-flex-order: 8; order: 8; }
    .order-md-9{ ms-flex-order: 9; order: 9; }
    .order-md-10{ ms-flex-order: 10; order: 10; }
    .order-md-11{ ms-flex-order: 11; order: 11; }
    .order-md-12{ ms-flex-order: 12; order: 12; }
    .offset-md-0{ margin-left: 0; }
    .offset-md-1{ margin-left: 8.333333%; }
    .offset-md-2{ margin-left: 16.666667%; }
    .offset-md-3{ margin-left: 25%; }
    .offset-md-4{ margin-left: 33.333333%; }
    .offset-md-5{ margin-left: 41.666667%; }
    .offset-md-6{ margin-left: 50%; }
    .offset-md-7{ margin-left: 58.333333%; }
    .offset-md-8{ margin-left: 66.666667%; }
    .offset-md-9{ margin-left: 75%; }
    .offset-md-10{ margin-left: 83.333333%; }
    .offset-md-11{ margin-left: 91.666667%; }

    .d-md-none { display: none !important; }
    .d-md-inline { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block { display: block !important; }
    .d-md-table { display: table !important; }
    .d-md-table-row { display: table-row !important; }
    .d-md-table-cell { display: table-cell !important; }
    .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-md-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-md-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-md-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-md-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-md-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-md-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-md-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-md-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-md-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-md-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-md-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-md-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-md-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-md-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-md-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-md-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-md-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-md-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-md-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-md-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-md-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-md-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-md-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-md-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-md-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-md-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-md-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-md-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP */
@media (min-width: 992px){
    #content{ padding-top:200px;}
    .home  #content{ padding-top:260px; }

    .container {  max-width: 960px; }
    .col-lg{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-lg-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-lg-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-lg-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-lg-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-lg-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-lg-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-lg-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-lg-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-lg-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-lg-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-lg-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-lg-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-lg-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-lg-first{ ms-flex-order: -1; order: -1; }
    .order-lg-1{ ms-flex-order: 1; order: 1; }
    .order-lg-2{ ms-flex-order: 2; order: 2; }
    .order-lg-3{ ms-flex-order: 3; order: 3; }
    .order-lg-4{ ms-flex-order: 4; order: 4; }
    .order-lg-5{ ms-flex-order: 5; order: 5; }
    .order-lg-6{ ms-flex-order: 6; order: 6; }
    .order-lg-7{ ms-flex-order: 7; order: 7; }
    .order-lg-8{ ms-flex-order: 8; order: 8; }
    .order-lg-9{ ms-flex-order: 9; order: 9; }
    .order-lg-10{ ms-flex-order: 10; order: 10; }
    .order-lg-11{ ms-flex-order: 11; order: 11; }
    .order-lg-12{ ms-flex-order: 12; order: 12; }
    .offset-lg-0{ margin-left: 0; }
    .offset-lg-1{ margin-left: 8.333333%; }
    .offset-lg-2{ margin-left: 16.666667%; }
    .offset-lg-3{ margin-left: 25%; }
    .offset-lg-4{ margin-left: 33.333333%; }
    .offset-lg-5{ margin-left: 41.666667%; }
    .offset-lg-6{ margin-left: 50%; }
    .offset-lg-7{ margin-left: 58.333333%; }
    .offset-lg-8{ margin-left: 66.666667%; }
    .offset-lg-9{ margin-left: 75%; }
    .offset-lg-10{ margin-left: 83.333333%; }
    .offset-lg-11{ margin-left: 91.666667%; }

    .d-lg-inline { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block { display: block !important; }
    .d-lg-table { display: table !important; }
    .d-lg-table-row { display: table-row !important; }
    .d-lg-table-cell { display: table-cell !important; }
    .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-lg-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-lg-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-lg-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-lg-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-lg-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-lg-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-lg-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-lg-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-lg-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-lg-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-lg-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-lg-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-lg-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-lg-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-lg-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-lg-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-lg-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-lg-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-lg-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-lg-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-lg-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-lg-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-lg-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-lg-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-lg-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-lg-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-lg-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-lg-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

@media( max-width:1028px){
    #blueoverlay{ height:380px !important;}

    #menu .menu-item-gtranslate a {
        background:none;
    }

    .wp-block-table .has-fixed-layout{ max-width:94%; }
    .wp-block-table .has-fixed-layout td{ line-height:1.3;}
    #header #menu .gt-current-wrapper{ display:none !important; }
    #header #menu .menu-item-gtranslate-child{ margin-bottom:0; display:inline-block;}
    #header #menu  .sub-menu{ display:block !important;}
    #content h2 {
        font-size: 35px;
        line-height: 41px;
    }

    .bigtextpaddingright {
        padding-right: 40px;
        padding-left: 10px;
        padding-bottom: 60px;
    }

    #content{  padding-top: 140px; }
    #header #logo {
        position: absolute;
        left: 0;
        max-width:200px;
        height:auto;
    }

    #headingBox{
        top: 150px;
        padding: 32px 32px 32px 0;
    }

    .img-out-right{ height: 600px;
        object-fit: cover;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        z-index: -2 !important;
    }


    .home  #content{ padding-top:180px; }
    #content .maxwidth300{ max-width:340px;}

    .witlo{ padding-left:50px; padding-bottom:50px; }
    .bluelo{ padding-left:50px !important; padding-bottom:100px !important; }
    .padding-right{ padding-right:0;}

    .blue :where(.wp-block-columns.is-layout-flex){ gap:1em;}
    #content .blue .wp-block-group .has-x-large-font-size{ font-size:26px !important;}
    #content .blue .wp-block-cover .wp-block-group p{ margin-bottom:4px !important;}
    #content .blue .wp-block-cover .wp-block-group { background-position: bottom 16px right 20px;background-size: 20px;}

    .blog .inhoudblok, .archive .inhoudblok{ padding: 18px; height: 150px !important; }
    .blog .inhoudblok > div,  .archive .inhoudblok > div{ height: 72px !important; }
    .blog strong,  .archive strong{ font-size:26px !important;}
    .blog .col-md-4 div div{  background-position: bottom 20px right 20px !important;background-size: 20px !important; }
    .archive .col-md-4 div div{  background-position: bottom 22px right 20px !important;background-size: 20px !important; }
    .blog p,  .archive p{ margin-bottom:0; }
    .blog .blogimage,   .archive .blogimage{ max-height:280px;  }
    .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
        word-break: break-word;
        padding-right: 24px;
    }
    .single-nijm_event table tr td:first-child {
        width: 80px;
        vertical-align: top;
    }

    .single-nijm_event .bigtextpaddingright {
        padding-right: 10px;
        padding-left: 0 !important;
    }

    .single-nijm_event .witlo {
        padding-right: 40px;
    }
    .contact .bigtextpaddingright { padding-left:10px !important;}
    .container-fluid{    padding-left: 32px; padding-right: 32px;  }
    .menu-hoofdmenu-container{ position:absolute; z-index:999999999; }
    #footer #innerFooter { padding: 80px 28px 200px 28px; }

    .menu-hoofdmenu-container {
        position: fixed;
        z-index: 990;
        right: 0;
        padding-left:56px;
        padding-right:32px;
        padding-top:170px;
        padding-bottom:60px;
        background: #5A9FC2;
        width: 358px;
        top: 0;
    }



    #menu li a{ color:#FFF; font-weight:bold; text-transform: uppercase; text-align:left; margin-bottom:12px; padding:0 0 0 32px; background:url('assets/images/arrow-nav-white.svg') no-repeat top 4px left;}
    #menu li li a,#menu li li{ margin-bottom:0 !important;}
    #menu .current-menu-item a{ color:#000; background:url('assets/images/arrow-nav.svg') no-repeat top 4px left;}
}

@media( min-width:1028px){


    #mobile-menu{ display:none;}

    .menu-hoofdmenu-container{ display:block !important;   margin-top: 28px; }

    #menu { display: block; padding-left:24px; margin:0 auto; width:100%; }
    #menu ul{ padding:0; margin:0 0 0 6px; white-space: nowrap;   }
    #menu li {list-style:none;  margin:0; display: inline-block;   }
    #menu li a { padding:0 16px 14px 16px; border-bottom:8px solid #5A9FC2;  text-align:left; border-top:none;  width:auto;  font-size: 19px; font-weight: 600;  margin:0 6px; display: block; color: #FFF; text-decoration: none; transition:0.4s;  }
    #menu > li > a{ text-transform: uppercase; }
    #menu li a:hover {  color:#6c4715 !important; transition:0.4s;  }
    #menu li.menu-item-has-children > a { padding-right: 18px; background: url('./assets/images/arrow-down.svg') no-repeat right center; }
    #menu li.menu-item-has-children > a:hover { }

    #menu li ul { padding:0; margin:0; display:inline-block;  margin: 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 !important;  border-bottom: 1px solid #8E8E8E !important; font-size: 17px; height: 32px; font-weight:normal; line-height: 32px; background:none; width:100%; display:block; color:#272737; text-decoration:none;  }
    #menu li ul li:last-child a{ border-bottom:none;}
    #menu li ul li a:hover{ color:#6c4715 !important; }


    #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:#272727; }
    #menu li ul a { display:block; }
    #menu li:hover ul, #nav li li:hover ul { display:block; left: auto; }
    #menu li:hover, #nav li.sfhover { color:#272727 !important; }

    #menu li.current_page_item > a{ color:#272727; border-bottom:8px solid #272727; }
    #menu li.current_page_item > a:hover{ color:#6c4715 !important; }
    #menu li.current_page_item > a{ color:#272727;  }
    #menu li.button{ margin-left:32px;}
    #menu .button a:hover{ background-color:#5A9FC2 !important; color:#FFF !important; border:none !important; }
    #menu li.current_page_item.button > a{ color:#FFF !important; border:none !important; }
    #menu li.current_page_parent > a{  color:#272727; }

    #menu li.current_page_parent li a, #menublock li.current_page_parent li {  }
}

/* DESKTOP LARGE */
@media (min-width: 1200px){
    .container { max-width: 1240px; }
    .col-xl{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-xl-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-xl-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-xl-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-xl-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-xl-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-xl-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-xl-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-xl-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-xl-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-xl-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-xl-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-xl-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-xl-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-xl-first{ ms-flex-order: -1; order: -1; }
    .order-xl-1{ ms-flex-order: 1; order: 1; }
    .order-xl-2{ ms-flex-order: 2; order: 2; }
    .order-xl-3{ ms-flex-order: 3; order: 3; }
    .order-xl-4{ ms-flex-order: 4; order: 4; }
    .order-xl-5{ ms-flex-order: 5; order: 5; }
    .order-xl-6{ ms-flex-order: 6; order: 6; }
    .order-xl-7{ ms-flex-order: 7; order: 7; }
    .order-xl-8{ ms-flex-order: 8; order: 8; }
    .order-xl-9{ ms-flex-order: 9; order: 9; }
    .order-xl-10{ ms-flex-order: 10; order: 10; }
    .order-xl-11{ ms-flex-order: 11; order: 11; }
    .order-xl-12{ ms-flex-order: 12; order: 12; }
    .offset-xl-0{ margin-left: 0; }
    .offset-xl-1{ margin-left: 8.333333%; }
    .offset-xl-2{ margin-left: 16.666667%; }
    .offset-xl-3{ margin-left: 25%; }
    .offset-xl-4{ margin-left: 33.333333%; }
    .offset-xl-5{ margin-left: 41.666667%; }
    .offset-xl-6{ margin-left: 50%; }
    .offset-xl-7{ margin-left: 58.333333%; }
    .offset-xl-8{ margin-left: 66.666667%; }
    .offset-xl-9{ margin-left: 75%; }
    .offset-xl-10{ margin-left: 83.333333%; }
    .offset-xl-11{ margin-left: 91.666667%; }

    .d-xl-inline { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block { display: block !important; }
    .d-xl-table { display: table !important; }
    .d-xl-table-row { display: table-row !important; }
    .d-xl-table-cell { display: table-cell !important; }
    .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
    .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .flex-xl-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-xl-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-xl-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-xl-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-xl-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-xl-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-xl-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-xl-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-xl-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-xl-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-xl-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-xl-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-xl-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-xl-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-xl-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-xl-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-xl-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-xl-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-xl-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-xl-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-xl-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-xl-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-xl-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-xl-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-xl-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-xl-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-xl-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

@media( max-width:1200px ){
   .wp-block-column.is-vertically-aligned-center{ min-height: stretch; }
    .wp-block-column.is-vertically-aligned-center figure{ vertical-align: middle;}
}

@media (max-width:  1026px ){
    .contact .bigtextpaddingright{ padding-right:40px !important;}

   #menu li li a{ text-transform: initial !important; background:none !important; padding-left:46px; font-weight:normal; margin-bottom: 0 !important;  }
   #menu .sub-menu{ margin-bottom:24px;}
   
   .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
		width: calc(18% - var(--wp--style--unstable-gallery-gap, 16px) * .8);
		margin-bottom: 24px;
		height: 132px;
	}
}

@media( max-width:922px ) {
	.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
		width: calc(18% - var(--wp--style--unstable-gallery-gap, 16px) * .8);
		margin-bottom: 24px;
		height: 152px;
	}
	
    #headingBox{ padding-left:0; }

    #footer .col-md-4,  #footer .col-md-3{ margin-bottom:64px; }
    .sub-menu{display:none;}
    #nav li{ margin-bottom:0;}

    .witro.noflex {
        display: flex !important;
        align-items: stretch !important;
    }

    .witro.noflex > .wp-block-column {
        display: flex !important;
        flex-direction: column;
        align-self: stretch !important;
        height: auto !important;
    }

    .witro.noflex > .wp-block-column.is-vertically-aligned-top,
    .witro.noflex > .wp-block-column.is-vertically-aligned-center,
    .witro.noflex > .wp-block-column.is-vertically-aligned-bottom {
        align-self: stretch !important;
    }

    .witro.noflex > .wp-block-column:first-child {
        position: relative;
    }

    .witro.noflex > .wp-block-column:first-child .wp-block-image {
        margin: 0;
        height: 380px;
    }

    .witro.noflex > .wp-block-column:first-child .wp-block-image img {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media( max-width: 930px ) and (min-width: 778px){
    #content .wp-block-cover .wp-block-group{ background-image:none;}
    #content .maxwidth300{ max-width:100%;}
    #content .blue .wp-block-cover .wp-block-group{  max-width:100%; }
    #content .blue .wp-block-cover  .wp-block-group{ background-image:none;}
    #footer #innerFooter{padding-left:0; padding-right:0;}
    .innerFooter .container{ max-width:100%;}
    #footer .col-md-3{ padding-left:0;}
    #footer figure{ margin: 2px;}
    .inhoudblok{ width:100% !important; padding-right:20px !important; background-image:none !important; }

    .witro::after, .bluero::after { height: 86px !important; width: 79px !important; background-size: contain !important; }
}

@media( max-width: 820px){

    .witro.noflex{ flex-direction: column; }
    .witro.noflex .bigtextpaddingright{ padding-left:40px !important; padding-right:40px;}

    .witro.noflex .title,
    .witro.noflex .wp-block-table,
    .witro.noflex .wp-block-buttons{ margin-left:20px !important; }

    #footer #innerFooter{padding-left:0; padding-right:0;}
    .innerFooter .container{ max-width:100%;}
    #footer .col-md-3{ padding-left:0;}
    #footer figure{ margin: 2px;}
   .post-46 .bluero .bigtextpaddingright{ padding-right:0;}

    #footer p, #footer li{ font-size:14px; }
    #content .frm_forms input, #content .frm_forms select{ height:28px !important; }
}

@media( max-width: 768px) {

    .wp-block-column.witro::after,
    .wp-block-column.witlo::after{ background:none !important;}

    .wp-block-column.bluelo::after{ background:none !important;}

    .blueborder { border: 2px solid #5A9FC2; padding: 40px 40px; }
    .single-nijm_event .bigtextpaddingright{ padding-right:40px; padding-left:40px !important; }
    .bigtextpaddingright {
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 60px;
    }
    #content .wp-block-image{ text-align:center;}
    #content .wp-block-image img{ display:inline-block; max-height:400px; width:100%; object-fit:cover; text-align:center; }
    .single-nijm_event .title,
    .single-nijm_event .wp-block-table,
    .single-nijm_event .wp-block-buttons{ margin-left:20px !important;}

    #headingBox h2{ font-size: 40px; margin-top: 6px; margin-bottom: 28px;}
    .blog strong, .archive strong {
        font-size: 18px !important;
    }
    .blog .blogimage, .archive .blogimage{ max-height:450px; height:450px !important;}
    #content .wp-block-cover{ max-height:450px; min-height:450px; }
    #content .witlo{ padding-right:40px !important;  }
    #content .bluelo{ padding-left:40px !important;  }
    #content .wp-block-list{ margin-left:1em;}

    #content .witlo .wp-block-buttons.is-content-justification-right{ justify-content: flex-start; }
    #content .blue .wp-block-cover{ max-height:450px; min-height:450px;  }
    #content .blue .wp-block-cover .wp-block-group { padding-right:50px; max-width: 340px;
    }
    .blog .inhoudblok, .archive .inhoudblok{ max-width:350px;}
    #content .blog h3{ font-size:19px !important;}
    #content .blog p{ font-size:16px !important;}
    .blog .col-md-4, .archive .col-md-4{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .blog .inhoudblok > div, .archive .inhoudblok > div{ height:75px !important;}

    #innerFooter{ padding-left:60px !important;}
    #footer .col-md-3{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%;  }
}

@media( max-width: 490px) {
    .img-out-right {
        clip-path: polygon(0 0, /* linksboven */ 100% 0, /* rechtsboven */ 100% 100%, /* rechtsonder */ 80px 100%, /* iets naar rechts vanaf linksonder */ 0 calc(100% - 89px) /* iets omhoog vanaf linksonder */);
    }

    #content { padding-left: 20px; padding-right: 20px; }
    #headingBox{ padding-left:40px; top:150px;}
    #header #logo{ max-width:150px }
    #header img{ max-height:460px;}
    #blueoverlay {        height: 326px  !important;
    }
    #headingBox h2 {
        font-size: 30px;
        line-height:33px;
        margin-top: -2px;
        margin-bottom: 18px;
    }
    .home #content {
        padding-top: 10px;
    }
    #content {
        padding-top: 10px;
    }

    .witro::after, .bluero::after, .bluelo::after, .witlo::after{ width:80px; height:80px; background-size:contain;}

    #content .maxwidth300 {
        max-width: 278px;
    }

    #content .blue .wp-block-cover .wp-block-group{
        max-width: 278px;
    }
    #content .klikbare-cover{ margin-bottom:18px;}

    .home #content .wp-block-cover .wp-block-group a {
        color: #FFF;
        text-decoration: none;
        display: inline-block;
        padding: 8px 0;
        font-size: 35px;
    }

    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    #content h2{ margin-bottom:18px;}

    #content .witlo{ padding-left:24px; padding-right:24px !important;}
    #content .bluelo{ padding-left:24px; padding-right:24px !important; padding-bottom:40px !important;}

    #content .blue .wp-block-cover, #content .wp-block-cover {
        max-height: 350px;
        min-height: 350px;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 1em;
    }
    #content .frm_forms {
        max-width: 100%;
    }
    #content .blue .wp-block-cover .wp-block-group{ padding-right:20px;}
    #footer{margin-top:0; padding-top:0;}
    #footer #innerFooter{padding-top:50px; padding-left:24px !important;}

    .witro.noflex .title, .witro.noflex .wp-block-table, .witro.noflex .wp-block-buttons {
        margin-left: 0 !important;
        padding-right: 20px !important;
    }

    .witro.noflex .bigtextpaddingright {
        padding-left: 20px !important;
        padding-right: 20px;
    }
    .contact .bigtextpaddingright {
        padding-right: 20px !important;
    }

    .post-46 .bluero .bigtextpaddingright {
        padding-right: 20px;
    }
    .single-nijm_event .bigtextpaddingright {
        padding-right: 20px;
        padding-left: 20px !important;
    }
    .bigtextpaddingright, .blueborder{ padding-right:20px; padding-left:20px; }

    .blog .blogimage, .archive .blogimage {
        max-height: 300px;
        height: 300px !important;
    }

    #content h1 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 12px;
        margin-top: -16px;
    }

    #footer .col-md-3{ padding-left:40px; width:100% !important; max-width:100% !important;         flex: 0 0 100% !important; }
}

@media( max-width: 376px) {
    #headingBox h2{ font-size:28px !important; }
    .blog strong, .archive strong{ font-size:18px !important; }
}