@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 { position:relative; font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; 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; }

.blogitem{ transition:0.4s; }
.blogitem:hover{ transition:0.4s; transform:scale(1.04); } 

.eerstkomende-posts .blogitem {
    display: flex !important;
    flex-direction: column;
}

.eerstkomende-posts .blogitem > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

.eerstkomende-posts .blogitem > div > .img {
    flex: 0 0 166px;
}

.eerstkomende-posts .blogitem > div > .img + div {
    flex: 1;
}

.single-product .summary{ padding-left:32px;}

.clickable-group.is-clickable {
    cursor: pointer;
}

.clickable-group.is-clickable:hover img {

}

.clickable-group img {
    transition: transform 0.25s ease;
}


/********** BASE **********/
body{ background-color:#D8F1D7; font-family: "Fira Sans Extra Condensed", sans-serif; font-weight: 400; font-style: normal;  font-size:19px; line-height:25px; color:#272727; }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem;  font-weight: 600; line-height: 1.6; color: inherit; }
h1, .h1{ font-size: 42px; line-height:52px; margin-bottom:16px; }
h2, .h2{ font-size: 28px; line-height:46px; margin-bottom:16px; }
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; }

#content .margin-bottom-0{ margin-bottom:0; }
 
td, p, li{ font-size:100%; line-height:25px; 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: 15px; padding-right: 15px; width: 100%; }
.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; }



/********** HEADER **********/
#header{ position:sticky; top:0; z-index:9999; width:100%;  display:block; padding: 0 0 20px 0; background:#461B45; }
#header .container-fluid{ padding-left:0; padding-right:0;}
#header a{ display:block;  cursor:pointer;  }
#header #logo{ margin:0 0 32px 0; position:absolute; z-index:3; width: 100%; max-width:300px;   }
#header #logo img{ margin-top:-6px; vertical-align: middle; object-fit:contain; }

#header .site-title{ text-indent: -9999px; position: absolute; }
#header .site-description{ text-indent: -9999px; position: absolute; }
.gap0{ gap:0;}

.transparent{ opacity:0.7 !important;}

/********** MENU **********/
#mobile-menu{ position:absolute; width:50px;  top:48px; right:32px; cursor:pointer; }
#mobile-menu #icon { outline:0; padding: 15px 15px; display: inline-block;  cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; background-color: transparent; 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: #000; }
#mobile-menu #icon .box { width: 60px; 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: 40px; height: 4px; background-color: #000; 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); }

#menu {  margin:0 auto; }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; }
#menu li a{ font-family: "Fira Sans Extra Condensed", sans-serif;  font-weight: 500; text-align:center; display:block;  width:100%; padding:16px; font-size: 18px; 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-top: 32px; }
.page-numbers{ background: #FFF; color:#0e2b72 !important; padding: 8px 16px; margin: 32px 4px 0 4px; }
.page-numbers:hover{ background:#0e2b72;  }
.page-numbers.current{ background:#0e2b72;}

.blok{ padding:24px 12px; border-radius:10px; }

/********** CONTENT **********/
#content{  background:transparent; padding:0; margin-top:-200px;  }
#content .wp-block-buttons{ margin-bottom:16px; gap:24px;}
#content .ctahomeblock .wp-block-buttons{ margin-bottom:0 !important; padding-bottom:8px !important;}

#content .lessergap{ gap:20px;}

#content .boxhoov{ cursor:pointer; box-shadow:2px 2px 8px #00000000; transition:0.4s; border-radius:10px; padding-bottom:18px;}
#content .boxhoov figure{ margin-bottom:12px; filter: brightness(90%); transition:0.4s; overflow:hidden;  }
#content .boxhoov p,
#content .boxhoov h2,
#content .boxhoov h3,
#content .boxhoov ul,
#content .boxhoov .wp-block-buttons{ padding:0 18px; }
#content .wp-block-buttons{ padding-bottom:0; 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 img{ transition:0.4s;}
#content .boxhoov:hover{ box-shadow:2px 2px 24px #00000090; background:#0e2b72 !important; transition:0.4s;}
#content .boxhoov:hover figure{filter: brightness(100%);  transition:0.4s; }
#content .boxhoov:hover img{ transform:scale(1.04); transition:0.4s; }


#content .padding0{ padding:0 !important; }
#content .padding24{ padding:50px 45px 50px 24px !important; }
#content .padding-bottom0{ padding-bottom:15px !important;}

#content .padding0 img{ border:none; }


#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;  }

#content .gap30{ gap: 30px; }
#content h1{ padding-left:52px; margin-bottom:30px; background:url('assets/images/H1-pijl.svg') no-repeat left center; background-size:38px;  font-size:40px; line-height:43px; color:#672666; font-weight:600; }
#content h2{ padding-left:52px; margin-bottom:30px; background:url('assets/images/H1-pijl.svg') no-repeat left center; background-size:38px;  font-size:40px; line-height:43px; color:#672666; font-weight:600; }
#content .h1.has-white-color{ background:url('assets/images/H1-pijl-wit.svg') no-repeat left center; background-size:38px; }
#content h2.has-wit-color{ background:url('assets/images/H1-pijl-wit.svg') no-repeat left center; background-size:38px; }
#content h2.has-white-color{ background:url('assets/images/H1-pijl-wit.svg') no-repeat left center; background-size:38px; }


#content h3{ font-size:28px; line-height:32px;}
#content h2.has-large-font-size{ font-size:44px; line-height:56px;}
#content p{  margin-bottom:16px;}
#content p.has-medium-font-size{ font-size:24px !important; line-height: 28px; font-weight:500; }

#content .wp-block-nk-awb .pageblocks{ padding:0 60px;}
#content .wp-block-nk-awb .pageblocks .wp-block-group{ box-shadow: 5px 5px 6px #00000035; transition: 0.4s; }
#content .wp-block-nk-awb .pageblocks .wp-block-group:hover{ transform:scale(1.01); transition: 0.4s; }
#content .wp-block-nk-awb .pageblocks .wp-block-group p{ color:#672666; font-weight: 600; font-family:"Fira Sans Extra Condensed", sans-serif; padding:12px 24px 12px 12px;}
#content .wp-block-nk-awb .pageblocks .wp-block-group:hover img{ filter: brightness(1); transition: 0.4s; }
#content .wp-block-nk-awb .pageblocks img{ transition:0.4s; filter: brightness(0.9); border:none; height:230px; width:100%; object-fit:cover; box-shadow:none; }


#content .wp-block-nk-awb .pageblocks .wp-block-column{ padding:0; }
:where(#content .wp-block-nk-awb .pageblocks.wp-block-columns.is-layout-flex){ gap:30px; }

#content img{ max-height:365px; object-fit:cover; border: 12px solid #ffffff; box-shadow: 0px 3px 6px #00000029; border: 12px solid #FFFFFF;}
#content .maxheight100 img{ max-height:100%; }
#content .title{ margin:0; font-size:20px; line-height:24px; color:#672666; }

#content a{ color:#672666; }
#content li{ margin-bottom:0;}

#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 .wp-block-button__link{ transition:0.4s; font-size:19px; margin-bottom:0; border-radius:0; color:#672666; background:url('assets/images/pijl-paars.svg') no-repeat center right 8px; background-size:14px; font-weight:600; border: 2.5px solid #672666; padding:4px 28px 4px 8px; margin-right:12px;}
#content .wp-block-button__link:hover{ transition:0.4s;  color:#FFF; background:#672666 url('assets/images/pijl-wit.svg') no-repeat center right 8px; background-size:14px; border: 2.5px solid #672666; }

#footer .wp-block-button__link{ transition:0.4s; font-size:19px; border-radius:0; color:#FFF; background:url('assets/images/pijl-wit.svg') no-repeat center right 8px; background-size:14px; font-weight:600; border: 2.5px solid #FFF; padding:4px 28px 4px 8px;}
#footer .wp-block-button__link:hover{ transition:0.4s; color:#672666 !important;  background:#FFF url('assets/images/pijl-paars.svg') no-repeat center right 8px; background-size:14px; border: 2.5px solid #FFF; }

#content .is-style-outline .wp-block-button__link{ border-color:#FFF !important; background:url('assets/images/pijl-wit.svg') no-repeat center right 8px; background-size:14px;}
#content .is-style-outline .wp-block-button__link:hover{ color:#672666 !important; border-color:#FFF !important; background:#FFF url('assets/images/pijl-paars.svg') no-repeat center right 8px; background-size:14px;}

.wp-block-cover, .wp-block-cover-image{ height:100%;}
#content .placeholder{ height:200px; background:#333; width:100%; overflow:hidden; }

.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; }

#content .wp-block-nk-awb{ padding:0;}
#content .wp-block-nk-awb .wp-block-column{ padding:50px 40px 50px 40px;}
#content .buttonshome{ margin: -84px 0 20px 28px;}
#content .paddingright{ padding-right:24px !important; }

.noborder td{ border:none; padding:0 0 4px; }
.pagination{ text-align:center;}
#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 .marginbottom0{ margin-bottom:0 !important;}

#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{ background:#461B45 ;margin-top:64px; padding:100px 0;  color:#FFF; font-size:17px;  }
#footer .title{ font-family:"Fira Sans Extra Condensed", sans-serif; font-weight:500; text-transform: uppercase; margin:0 0 22px 0; font-size:25px; line-height:30px }
#footer a{ color:#FFF; text-decoration: none;transition:0.4s;  }
#footer a:hover{ color:#dcc8dc;  transition:0.4s;  }
#footer .col-md-2  a{ color:#FFF; text-decoration:none; text-decoration:none; transition:0.4s; }
#footer .col-md-2  a:hover{ color:#FFF; 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 .wp-block-gallery{ display:block;}
#footer .wp-block-image{ margin-right:8px !important;}
#footer .wp-block-image,
#footer .wp-block-image img{ transition:0.4s;  display: inline-block !important; width:37px !important; height:37px !important; object-fit:contain;}

#footer .wp-block-image:hover{ transform:scale(1.04);  transition:0.4s;  }
#footer .wp-block-image img:hover{ transition:0.4s;  filter: opacity(0.5); }

#content table td{ border:none; padding:0; vertical-align:top;}
#content table td:first-child{ width:100px; }

#content .pricingtable table td:first-child{ width:220px !important;}

#content .relative{ position:relative; }
#content .datum-label{ position:absolute; font-weight:500; top:0; left:0; background:#F0483E; color:#FFF; padding:12px 24px; font-size:24px; text-transform:uppercase; box-shadow: 2px 5px 6px #00000045; }

#content a{ text-decoration:none; }
#footer  .snelmenu a{ text-decoration: none; transition:0.4s; }
#footer  .snelmenu li{ margin:0; list-style:none; padding-left:24px; background:url('./assets/images/arrow-white-footer.svg') no-repeat center left; background-size:12px; transition:0.4s; }
#footer  .snelmenu li:hover{  background-position:center left 4px; background:url('./assets/images/arrow-purple-footer.svg') no-repeat center left 4px; background-size:12px;  transition:0.4s;}

.arrow{ background: url(assets/images/H1-pijl.svg) no-repeat left center; padding-left:50px; line-height:1.2;  }

#footer  .snelmenu li:hover a{ color:#dcc8dc; transition:0.4s; }
#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;  }

/* 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: 720px; }
    .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){
    .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 (min-width:1033px){
	#mobile-menu{ display:none;}

    .menu-hoofdmenu-container{  display:block !important;  padding: 18px 0 0 100px; }
	

    #menu { display: block; padding-left:24px; margin:0 auto; width:100%; }
    #menu ul{ padding:0; margin:0;   }
    #menu li {list-style:none;  margin:0; display: inline-block;   }
    #menu li a { border: 2px solid #461B45;  text-align:left; border-top:none;  width:auto;  font-size: 18px; padding: 4px 12px; margin:0 8px; display: block; color: #ffffff; text-decoration: none; transition:0.4s;  }
    #menu #nav > li > a { text-transform: uppercase;}
    #menu li a:hover { color:#F0483E; transition:0.4s;  }
    #menu li.menu-item-has-children > a { padding-right: 24px !important; background: url('./assets/images/arrow-down.svg') no-repeat right 8px center; }
    #menu li.menu-item-has-children > a:hover { background: url('./assets/images/arrow-down-red.svg') no-repeat right 8px center !important; }
	
	 #menu li.menu-item-has-children.current-menu-item > a{ background: url('./assets/images/arrow-down-red.svg') no-repeat right 8px center !important;  }

    #menu li ul {display:inline-block; padding-top: 8px; margin: 0; box-shadow: 0px 3px 5px #00000029; background:#461B45; 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{ padding-top: 0; margin-left:0 !important; border:none; border:none !important; border-bottom:1px solid #F0483E !important;  font-weight:normal !important;  font-size:17px; background:none; height: 38px; width:100%; line-height: 38px; display:block; color:#FFF !important; text-decoration:none;  }
	#menu li ul li.current-menu-item a{ color:#F0483E !important;} 
	
	#menu li ul li a:hover{ color:#F0483E !important; } 
    #menu li ul li:last-child a{ border-bottom:none !important;}
    #menu li ul li a:hover{ color:#F0483E; }

    #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:#F0483E; }
    #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:#F0483E !important; }

    #menu li.current_page_item a{ color:#F0483E; }
    #menu li.current_page_item > a{ color:#F0483E; border: 2px solid #F0483E; padding: 2px 12px 0 12px;  }
    #menu li.button{ margin-left:32px;}
    #menu .button a:hover{ background-color:#F0483E !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:#F0483E; }

    #menu li.current_page_parent li a, #menublock li.current_page_parent li { color:#F0483E; }
}

@media(max-width:1033px){
	#content .pricingtable table td:first-child { width: 192px !important; }
	
	.blogitemimage{ height: 365px !important; }
	
	#header{ background:none; padding-bottom:0; height:0;}
	#footer, .eerstkomende-posts{ margin-top:50px !important; }
	#content .wp-block-nk-awb .wp-block-column{     padding: 40px 40px 40px 40px;}
	#content .wp-block-nk-awb .pageblocks{ padding: 30px 40px 0 40px;}
	#content .eerstkomende-posts{ padding-left:40px !important; padding-right:40px !important;}
	#content .padding24 { padding: 40px 35px 40px 14px !important; }
	#content .nowrap{ white-space:nowrap; padding-left:60px !important;}
    .pageblocks {
        flex-wrap: wrap !important;
    }

    .pageblocks > .wp-block-column {
        flex-basis: calc(50% - 16px) !important;
        flex-grow: 0 !important;
    }
	
	#menu .menu-hoofdmenu-container{ display:none;  }
	#menu li { margin-bottom:0;}
	#mobile-menu{ position:absolute; background:#F0483E;  width:40px; z-index:9999;  top:16px; right:16px; cursor:pointer;  }
	#mobile-menu #icon {border:2px solid #FFF; box-shadow: 4px 4px 6px #00000054; background:transparent;   height:40px;  width: 40px; outline:0; padding: 8px 0 0 6px; display: inline-block;  cursor: pointer; transition-property: opacity, filter;  transition-duration: 0.15s; transition-timing-function: linear; font: inherit;  color: inherit;  text-transform: none; margin: 0; overflow: visible; }
	#mobile-menu #icon:hover { opacity: 1; }
	#mobile-menu #icon.is-active:hover { opacity: 1; }
	#mobile-menu #icon.is-active .inner,
	#mobile-menu #icon.is-active .inner::before,
	#mobile-menu #icon.is-active .inner::after { background-color: #FFF; }
	#mobile-menu #icon .box { margin-top:-1px; width: 40px; height: 24px; display: inline-block; position: relative; }
	
	#mobile-menu #icon .inner { display: block; top: 50%;  }
	#mobile-menu #icon .inner, .inner::before, .inner::after { width: 24px; height: 3px; background-color: #FFF; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
	#mobile-menu #icon .inner::before, .inner::after { content: ""; display: block; }
	#mobile-menu #icon .inner::before { top: -8px; }
	#mobile-menu #icon .inner::after { bottom: -8px; }

	#mobile-menu #icon.animation--spin .inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	#mobile-menu #icon.animation--spin .inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
	#mobile-menu #icon.animation--spin .inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	#mobile-menu #icon.animation--spin.is-active .inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	#mobile-menu #icon.animation--spin.is-active .inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
	#mobile-menu #icon.animation--spin.is-active .inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


	#mobile-menu #icon.is-active{ border:2px solid #FFF; }

	 
	#menu li li a{ background:none;  }
	#menu li a{ display:block; padding:6px 0; color:#FFF !important; font-size: 18px !important; padding-left:32px; margin-bottom:30px; background:url('assets/images/pijl-nav-mobiel-wit.svg') no-repeat center left;}
	#menu li li a{ padding:0 0 6px 18px; font-weight:normal; }
	#nav > li > a{ text-transform:uppercase; }
	#menu li li a:hover{ background:none !important; }

	.menu-hoofdmenu-container{ background:#461B45; width:90%; max-width: 500px; position:absolute; z-index:999; top:0; right:0; padding:60px 40px 120px 40px;}
	.sub-menu{ display:block !important; padding-left:32px !important; margin-bottom:30px !important; line-height:1 !important;}
	.sub-menu li:before{ content:"-"; color:#FFF; display:inline-block; float:left;}
	#nav li.current_page_item li > a{ color:#FFF !important} 
	#nav li.current_page_item li > a,
	#nav li li.current_page_item > a{ background:none !important;}
   

    #menu{ margin-top:24px;}
    #menu li a{ text-align:left; font-size:16px; margin:0;}
	#menu li li a{ color:#FFF; }
	
	#menuoverlay{ transition:0.3s; display:none; background:#D6C9C999; z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; }

}


/* 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:922px ){
	
	
	.blogitemimage{ height: 365px !important; }
	
	#content .padding24{ padding-left:40px !important; padding-right:40px !important; }
	#footer .col-12{ margin-bottom:40px;}
	body .is-layout-flex {
		gap: 0;
	}

	.padding-bottom0 h2{  margin-top:40px; margin-bottom:0 !important;}
	.padding-bottom0{ padding-top:0 !important; margin-bottom:0 !important;}
	
	.wp-block-group{ margin-bottom:48px;}
    .pageblocks {
        flex-wrap: wrap !important;
    }

    .pageblocks > .wp-block-column {
        flex-basis: calc(50% - 16px) !important;
        flex-grow: 0 !important;
    }
	
	#footer .col-md-4,  #footer .col-md-3{ margin-bottom:64px; }
	.sub-menu{display:none;}
	#nav li{ margin-bottom:0;}
     .wp-block-columns {
        flex-direction: column;
    }
	
	#content img{ max-height:100% !important; object-position: top;}
	
	.img{ height:365px !important;}
	
    .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        width: 100%;
    }
	
	 /* Gewone afbeeldingen */
    main img {
        width: 100% !important;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
    }

    /* Gutenberg afbeeldingblokken */
    main .wp-block-image img {
        height: auto !important;
    }

    /* Media & Text */
    main .wp-block-media-text__media img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
    }

    /* Cover blocks */
    main .wp-block-cover {
        aspect-ratio: 4 / 3;
        min-height: 0 !important;
    }
	
	
}

@media( max-width:822px ){
	.no-padding-bottom-ipad{ padding-bottom:0 !important;}
	.introduction {}
	
}

@media( max-width:440px ){
	#head{ height:650px !important; }
	body{ overflow-x:hidden;}
	#header{ padding:0; }
	#header #logo img{ max-width:260px;} 

	#content h1{ font-size: 32px; line-height: 34px;}
	#content h2{ font-size: 32px; line-height: 34px;}
	
	#content .wp-block-nk-awb .wp-block-column{ padding:40px 20px 40px 20px; }
	    #content .wp-block-nk-awb .pageblocks { padding: 30px 20px 0 20px;}
		#content .padding24 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
	
	.img, .blogitemimage {
        height: 265px !important;
    }
	
	    
   main img {
	width: 100% !important;
	aspect-ratio: initial !important;
   }
  
   #content .wp-block-nk-awb .pageblocks img{ aspect-ratio: 3 / 4 !important; height: 265px !important; }
	#content .eerstkomende-posts{ padding: 48px 20px 24px 20px !important; }
	
	#footer{ padding-left:40px;}
	
	#content .buttonshome{ margin:0 0 20px 0 !important;}
}