/*
Theme Name: Martijn Raaijmakers - 2022-23
Theme URI: https://github.com/tidythemes/blankslate
Template: blankslate
Author: Baljé Weber
Author URI: https//:www.baljee.nl
Description: Thema op basis van blankSlate Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2022.1643007996
Updated: 2022-01-24 07:06:36

font-family: 'Freehand', cursive;
font-family: 'Open Sans', sans-serif;


*/
:root{
--dark-text: #000;
--button-dark: #000;
--dark-title: #000;
--light-text: #fff;
--light-title: #fff;
--primary-color: rgba(191, 234, 234, 1);
--color1: #BFEAEA; /* Blauw groen  */
--color2: #FDBE34; /* Oranje       */
--color3: #9fBEDF; /* FLets blaus         */
--color4: #DBDBA0; /* Flets groen */
--color5: #80BBDC; /* Donker blauw */
--color6: #C98EC7; /* Roze  */
--color7: #FFA759; /* Oranje Rood  */
/*--color8: #B51700; /* Donker rood  */
/*--color9: #B4CDDF; /* BlauwGrijs   */
--color-gray1: #BFBFBF;
--color-gray2: #D9D9D9;
--color-gray3: #E6E6E6;
--color-gray4: #F2F2F2;
--colorInterview: #64B2DF;
--light-background: rgb( 255 255 255 / 1);
--dark-background: rgb( 0 0 0 / 1);
--light-dark-background: rgb( 19 19 19 / 1);
--primary-font: 'Open Sans', sans-serif;
--secondary-font: 'Freehand', cursive;
--handwriting-font: 'Nothing You Could Do', cursive;
--primary-font-weight: 100;
--primary-font-weight-bold: 700;
--icon-font: "Font Awesome 5 Free";
--primary-font-size: 16px;/*clamp(0.9rem);*/
--primary-margin-top: 1rem;
--primary-margin-bottom: 2rem;
--primary-padding-side: 1rem;
--heading-font-weight: 700;
--heading-font-weight-bold: 800;
--h1-font-size: 38px;/*clamp(2rem, 1vw + 2rem, 5rem ); */
--h2-font-size: 32px;/*clamp(1.3rem, 1vw + 1rem, 4.5rem ); /*--h2-font-size: clamp(1.8rem, 1vw + 1.2rem, 4.5rem ); */
--h3-font-size: 24px;/*clamp(1.2rem, 1vw + 1.1rem, 4rem );*/
--h4-font-size: 20px;/*clamp(1.2rem, 1vw + 1rem, 3.5rem ); */
--h5-font-size: clamp(1.1rem, 1vw + 0.8rem, 3rem );
--h6-font-size: clamp(1.0rem, 1vw + 0.6rem, 3rem );
/*
--h1-font-size: clamp(2rem, 1vw + 2rem, 5rem );
--h2-font-size: clamp(1.8rem, 1vw + 1.2rem, 4rem );
--h3-font-size: clamp(1.6rem, 1vw + 1.1rem, 3rem );
--h4-font-size: clamp(1.6rem, 1vw + 1rem, 3rem );
--h5-font-size: clamp(1.4rem, 1vw + 0.8rem, 1rem );
--h6-font-size: clamp(1.2rem, 1vw + 0.6rem, 1rem );
*/
}
/* resets */
img{
  max-width: 100%;
  height: 100%;
  display:block;
}
p{
  position: relative;
}
strong{
  font-weight:bold;
}
i, cite, em, var, address, dfn {
font-style: italic;
}

a{
  color: var(--dark-text);
}
a:hover{
  text-decoration: none;
}
.wp-block-code code{
  padding: 1em;
  font-size: 1rem;
  line-height: 1.1;
  background-color:#EEEEEE;
  color: #090909;
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
  border-radius: 0 0 0.7em 0;
  border: 1px solid #efefef;
}
pre{
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}


html{
  background-color: #d5d5d5;
  scroll-behavior: smooth;
}


/* Main elements */
body{
font-family: var(--primary-font);
font-size: var(--primary-font-size);
font-weight: var(--primary-font-weight);
}
#wrapper{
/*max-width: 1200px;*/
margin:0 auto;
}
#container{

background-color: #fff;
}

#wrapper #container article{
  /* padding-top:4rem; */
}

#wrapper #container article .entry-content > *,
#wrapper #container article .entry-content > .alignfull > div,
#wrapper #container article .entry-content > .alignfull.inner > div .wp-block-cover__inner-container,
#wrapper #container article .entry-content > .alignfull.inner > div h2,
#wrapper footer#footer > *,
#wrapper #comments > *,
#wrapper #footer-news > *{
  max-width: 1200px;
  margin: 0 auto;
}

#wrapper #container article .entry-content > ul{
  list-style:disc;
}
#wrapper #container article .entry-content > ul li{
  margin-left:1.1em;
}

#wrapper #container article .entry-content > .alignfull,
#wrapper #container article .entry-content > .alignfull.inner > *{
  max-width: 100%;
}

#wrapper #container article .entry-content > p{
  margin-bottom:var(--primary-margin-bottom);
}
  
.nohide{
    display: block !important;
}

.wp-block-group.alignfull.joined{
    margin-top: 0rem;
  /*  padding: var(--primary-padding-side);*/
 }

header#brand .logo{
  /* width: 100%;
  height: 10vh;
  background: #ff0000;
  position: absolute;
  overflow: auto; */
  position: absolute;
  /* height: 60px;
  width: 60px; */
  height: 8.2vh;
  width: 8.2vh;
  top: 1em;
  left: 1em;
  z-index: 1000;
}
/*
body.admin-bar header#brand,
body.admin-bar .hamburger-icon{
  top:8vh;
  position: absolute;
}*/
header#brand .logo a{
  text-decoration:none;
}
header#brand .logo a span.sinds{
  display: block;
  font-size: 0.75rem;
  margin-top:0.5rem;
text-align: center;
color: var(--dark-text);

}

footer#footer{
  padding: 80px 1em;
  background-color: var(--dark-background);
  color: var(--light-text);
  /* padding-bottom: 5rem; */
}

footer#footer p.payoff{
  font-size:1.4em;
}

.clear {
  clear: both;
}

@keyframes slideIn {
  0% {
    width: 0%;
    /* // transform: scale(.3); */
    opacity: 0;
  }

  100% {
    width: 50%;
    /* // transform:scale(1); */
    opacity: 1;
  }
}

#footer-news{
  padding-top: 80px;
  padding-bottom:80px;
}
#footer-news > li{
  list-style: none;
}
#footer-news > li .mailpoet_form{
display: flex;
justify-content: center;
gap: 1em;
flex-wrap: wrap;
}
#footer-news > li input{
  width: 300px !important;
padding: 5px 2em !important;
margin: 0 auto 0 0;
border-radius: 50px;
height: 48px;
border: none;
font-size: 16px;
}
#footer-news > li input.mailpoet_submit{
width: 180px !important;
background-color: var(--button-dark);
color: var(--light-text);
font-weight: var(--primary-font-weight-bold);
text-align:left;
}

#footer-news > li .mailpoet_paragraph.last::after{
display: inline-block;
content: "\f054";
margin: 0 0 0 -3em;
font-family: var(--icon-font);
padding-left: 1em;
color: var(--light-text);
font-weight:700;
}
#footer-news > li input.mailpoet_submit:hover{
  background-color: transparent;
  color:var(--button-dark);
  border: var(--button-dark) 2px solid !important;
}
#footer-news > li .mailpoet_paragraph.last:hover::after{
color:var(--button-dark);
}

/* Footer Menu */
#footer-inside{
  display:flex;
  gap:2em;
  
}
#footer-side{
  width:25%;
}
#footer-menu{
  width:75%;
}
#footer-menu #menu-hoofdmenu{
  display: flex;
  gap:2em;

}
#footer-menu #menu-hoofdmenu > *{
  flex: 1 100%;
}

#footer-menu #menu-hoofdmenu > li{
display: block;
width: 33%;

}
#footer-menu #menu-hoofdmenu > li > a{
font-size: 1.1em;
text-transform: uppercase;
font-weight: 900;
text-decoration: none;

}
#footer-menu #menu-hoofdmenu > li a{
  color:#fff;
}
#footer-menu #menu-hoofdmenu > li .sub-menu{
  margin-top:2em;
}
#footer-menu #menu-hoofdmenu > li .sub-menu > li a{
  line-height: 2.5em;
  text-decoration: none;
}

#footer-menu #menu-hoofdmenu > li .sub-menu > li a::before{
  display: inline-block;
  font-weight: 600;
content: "\f054";
margin: 0 0 0 0;
font-family: var(--icon-font);
padding-right: 1em;
color: var(--light-text);
font-size: 14px;
line-height: 16px;
vertical-align: middle;
}

@media only screen and (max-width: 600px) {
  h1.entry-title{
    visibility: hidden; 
    height: 0; 
    overflow: hidden;
  }

  #footer-inside{
    display: block;
  }
  #footer-side,
  #footer-menu {
    width:100%;
  }
  #footer-menu #menu-hoofdmenu{
    display: block;
  }
#footer-menu #menu-hoofdmenu > li{
  width: 100%;
}
#footer-menu #menu-hoofdmenu > li{
  margin-top:1em;
}
#footer-menu #menu-hoofdmenu > li .sub-menu{
  margin-top:0;
}

}


#copyright{
  padding:3em;
  text-align: center;
  background-color: #fff;
}
#copyright a{
  color: var(--dark-text);
  text-decoration: none;
}



/* Basic styling */
h1, h2, h3, h4, h5, h6{
  margin: 0 0 0.8em 0;
  font-family: var(--primary-font);
  font-weight: var(--heading-font-weight);
}
h1{
  font-size: var(--h1-font-size);
  text-transform: uppercase;
  font-weight: var(--heading-font-weight-bold);
  line-height: 1em;
}
h2{
  font-size: var(--h2-font-size);
  font-weight: var(--heading-font-weight-bold);
  line-height: 0.94em;
  margin-bottom: 0.5rem;
}
h3{
  font-size: var(--h3-font-size);
  line-height: 1.2em;
}
h4{
  font-size: var(--h4-font-size);
  line-height: 1.17em;
}
h5{
  font-size: var(--h5-font-size);
}
h6{
  font-size: var(--h6-font-size);
}

#wrapper #container article .entry-content h1{
  padding: 0; /*HELLO*/
  margin-bottom: 48px;
}
#wrapper #container article .entry-content > .wp-block-group{
  padding-top: 80px;
padding-bottom: 80px;
margin-bottom: 48px;
}
#wrapper #container article .entry-content > .wp-block-group.joined{
/* padding-bottom:0; */
margin-bottom:0;
}
#wrapper #container article .entry-content p:last-child{
  margin-bottom: 0;
}

p{
  font-size: var(--primary-font-size);
  line-height: 1.5;
  margin-bottom: var(--primary-margin-bottom);
  font-weight: var(--primary-font-weight);
}

p.ondertitel{
  margin-top:-0.6rem;
  font-weight: var(--heading-font-weight);
  font-size: 0.7rem;
}
.handwriting{
  font-family: var(--handwriting-font);
  font-size: var(--h6-font-size);

}

li{
  line-height: 1.8;
}

/* TEMP REMOVE ALL LISTS
#container ul, #container ol{
   list-style: disc;
  margin-left: 1.5em;
  margin-bottom:1em; 
}
#container ul li > ul{
  list-style: circle;
  margin-bottom:0;
}
#container ol{
  list-style: decimal;
}
#container ol li > ol{
  margin-bottom:0;
}
*/
.gm-navbar .gm-wrapper{
  position: fixed;
}

article header.header{
padding-top:0vh;
}

 /* // Specifics */
/* Homepage tweak to get color and image ready */
.home header.header{
  /* display: none; */
  padding: 0;
}
.home h2{
  margin-top: 5rem;
}

@media (max-width: 1023px){
  .home #wrapper #container article{
    margin-top:2em;
  
}
}


.autoheight,
.wp-block-cover.autoheight{
  height: auto;
  min-height: auto;
}
.normalpadding{
  padding-left: var(--primary-padding-side);
  padding-right: var(--primary-padding-side);
}
.wp-block-cover.homepage{
  margin-bottom:var(--primary-margin-bottom);
}
.wp-block-cover.alignfull.homepage .has-background-gradient{
  opacity:1;
  z-index:100;
}
.wp-block-cover.alignfull.homepage img{
  z-index: 150;

}
.wp-block-cover.alignfull.homepage .wp-block-cover__inner-container{
  z-index:200;
}
.wp-block-post{
  border: 1px solid #e6e6e6;
  height: 396px;
  position: relative;
  background-color: var(--light-background);
  overflow:hidden;
}
.wp-block-post a.readMore{
position: absolute;
bottom: 32px;
right: 16px;
}
.wp-block-post-featured-image img{
  width: 100%;
  /* aspect-ratio: 2 / 3; */
  aspect-ratio: 4 / 2;
  height: 174px;
  object-fit: cover;
  transition: all 0.4s ease-in-out; 
}
.wp-block-post-featured-image.intro.alignfull img{
  aspect-ratio: 8 / 2;
  object-position: center center;
  object-fit: cover;
}

.aspect-1-3 img{
  width: 100%;
  aspect-ratio: 4 / 2;
  object-fit: cover;
}

.aspect-1-1 img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
/*
.wp-block-post-featured-image.alignfull.quarter img,
.wp-block-post-featured-image.alignwide.quarter img,
.quarter img{
  width: 25% !important;
}
*/

h1.site-title{
  margin: 1em var(--primary-padding-side);
}
h2.site-title{
  font-size: var(--h6-font-size);
  margin: 1em var(--primary-padding-side);

}
p.site-title{
  margin:var(--primary-padding-side);
  font-size: calc(1.5 * var(--primary-font-size: clamp));
}

/* .wp-block-group__inner-container, */
.wp-block-group{
  /* background-color: var(--light-background); */
  align-self: end;
  /*margin:.5rem;
  padding: .5rem;*/
  margin: 0;
  padding: 0;
  /*box-shadow: 0 .25rem 1rem rgb(0 0 0 / 0.3); */
}

.wp-block-post-template h2{
  font-size: var(--h4-font-size);
  line-height: 1;
  color:var(--dark-text);
/*text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3);*/
  margin-top:0rem;
  margin-bottom: 0;
  padding: 1rem;
  font-weight: var(--heading-font-weight);
}
.wp-block-post-template h2.interview{
  border:2px solid #276797;
  margin:1em;
}
.wp-block-post-template h2 a{
color:var(--dark-text);
text-decoration: none;
}

.wp-block-cover.klimaat h2{
  margin-top:2rem;
  font-size: 1.6rem;
  font-weight:600 !important;
  margin-bottom: 0.4em;
}

.readMore{
  color:transparent;
  overflow: hidden;
  display: inline-block;
height: 48px;
width:48px;
float: right;
}
.readMore::before{
  display: inline-block;
  content:"\f054"; 
  border: 1px solid #000;
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  font-family: var(--icon-font);
  color:var(--dark-text);
  font-weight:700;
}
.hoezo-template-default .readMore::before,
.steentje-template-default .readMore::before{
  content: none;
}
.readMore:hover::before{
color:#fff;
background-color: #000;

}
.wp-block-button{
  height: 51px;
  /* line-height: 51px; */
  
}
.wp-block-button a{
  font-weight: var(--primary-font-weight-bold);
  /* padding-right: 3em; */
  padding-right:1em;
}

.wp-block-button__link{
height:51px;
line-height: 24px;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
  text-align:left;
}
.is-style-outline>:where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline{
  border-width: 1px;
}

.wp-block-button.is-style-outline>.wp-block-button__link, 
.wp-block-button .wp-block-button__link.is-style-outline{
  padding-right:2em;
}

.wp-block-button a::after{
  display: inline-block;
  content:"\f054"; 
  /* margin: 0 0 0 -3em; */
  margin: 0 0 0 0;
  font-family: var(--icon-font);
  padding-left:1em;
  font-weight:700;
  /* color:#000; */
  float: right;
}
.wp-block-button a:hover{
  background-color: var(--button-dark) !important;
  color: var(--light-text) !important;
  border-color: var(--button-dark) !important;
}
.wp-block-button:hover{
  border-radius: 9999px;
  background-color: var(--button-dark) !important;
  color: var(--light-text) !important;
}
.wp-block-button:hover a{
  color: var(--light-text) !important;
  border-color:var(--button-dark) !important;;
}
.wp-block-button:hover::after{
  color: var(--light-text) !important;
}
/* SLIDER Post group */

.wp-block-post-template.slider h2,
.wp-block-post-template.slider h2 a,
.wp-block-post-template h2.light,
.wp-block-post-template h2.light a,
.wp-block-post-template.slider p,
.wp-block-post-template.slider li
{
  color:var(--light-text);
    text-decoration: none;
}

.wp-block-post-template.slider > li{
  display: grid;
  background-color: var(--light-dark-background);
}
.wp-block-post-template.slider > li:nth-child(1){
  background-color: var(--color2);
}
.wp-block-post-template.slider > li:nth-child(2){
  background-color: var(--color1);
}
.wp-block-post-template.slider > li:nth-child(3){
  background-color: var(--color3);
}
.wp-block-post-template.slider > li:nth-child(4){
  background-color: var(--color4);
}
.wp-block-post-template.slider > li:nth-child(5){
  background-color: var(--color5);
}
.wp-block-post-template.slider > li:nth-child(6){
  background-color: var(--color6);
}


.wp-block-post-template.slider > li > *{
  grid-column:  1 / 2;
  grid-row: 1 / 2;
  height: 100%;
}

.wp-block-post-template.slider .taxonomy-category{
  padding: 0 var(--primary-padding-side);
  margin-bottom: calc(2 * var(--primary-margin-top));
  margin-top: -1rem;
  font-size: 0.9rem;
}
.wp-block-post-template.slider .taxonomy-category a{
  color:var(--light-text);
}
.wp-block-post-template.slider .wp-block-post-excerpt__excerpt{
  padding: 0 var(--primary-padding-side);
  margin: calc(2 * var(--primary-margin-top)) 0;
}

.wp-block-post-template.slider .wp-block-post-featured-image img{
  aspect-ratio: 5 / 2;
}
#container .wp-block-query ul.slider{
  min-height:90vh;
}



/* Overviews of posts  SHOW: FIRST and SHOW: REST;*/

.wp-block-query.showfirst{

}

.wp-block-query.showfirst .wp-block-group__inner-container{
  display: grid;
  grid-template-rows: 3fr 1fr 2fr;
  height: calc(100vw / 2);
}
@media only screen and (min-width: 1200px) {
  .wp-block-query.showfirst .wp-block-group__inner-container{
    height: calc(1200px / 2);
  }
}

.wp-block-query.showfirst .wp-block-group__inner-container > figure{
  grid-column-start: 1;
  grid-row: 1 /4;
}
.wp-block-query.showfirst .wp-block-group__inner-container > .taxonomy-post_tag,
.wp-block-query.showfirst .wp-block-group__inner-container > .taxonomy-category{
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin-left:1rem;
}

.wp-block-query.showfirst .wp-block-group__inner-container > h2.wp-block-post-title{
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  padding: 0 0 0 0;
  margin:0 1rem;
  color: var(--light-text);
}
.wp-block-query.showfirst h2.wp-block-post-title > a{
  color: var(--light-text);
  text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3);
}

#container .wp-block-query ol,
#container .wp-block-query ul{
  list-style-type: none;

}
.wp-block-query.showrest{
  margin-top:1em;

}
.wp-block-query.showrest .taxonomy-category{
  margin-top:0.5rem;
}
.wp-block-query.showfirst .taxonomy-category a,
.wp-block-query.showrest .taxonomy-category a{
  color: var(--color2);
  font-size: var(--h6-font-size);
  text-decoration: none;
  font-weight: var(--heading-font-weight);
}
.wp-block-query.showrest.interview .taxonomy-post_tag a,
.wp-block-query.showfirst.interview .taxonomy-post_tag a{
  color: var(--color3);
  font-size: var(--h6-font-size);
  text-decoration: none;
  font-weight: var(--heading-font-weight);
}
.wp-block-query.showfirst.interview .taxonomy-post_tag a{
  color: var(--light-text);
  text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3);
}

.wp-block-query.showrest.maatschappelijk .taxonomy-post_tag a,
.wp-block-query.showfirst.maatschappelijk .taxonomy-post_tag a{
  color: var(--color8);
  font-size: var(--h6-font-size);
  text-decoration: none;
  font-weight: var(--heading-font-weight);
}
.wp-block-query.showfirst.interview .taxonomy-post_tag a{
  color: var(--light-text);
  text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3);
}
.wp-block-query.showfirst.maatschappelijk .taxonomy-post_tag a{
  color: var(--light-text);
  text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3);
}

.wp-block-query.showrest .wp-block-columns{
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.wp-block-query.showrest li{
  border-bottom: 1px solid #ccc;
}
.wp-block-query.showrest li:last-child{
  border:none;
  margin-bottom:2rem;
}
.wp-block-query.showrest .wp-block-post-template h2{
  padding: 0.2em 0;
  margin-top: 0;
  font-size: var(--h5-font-size);

}

.wp-block-query.showrest .wp-block-columns.no-gap{
  gap:0.5em !important;
}

.taxonomy-category a,
.category-display a{
  font-size: 0.7em;
  font-weight: 700;
border-radius: 50px;
background-color: var(--color-gray4);
padding: 1em var(--primary-padding-side);
display: inline-block;
margin: var(--primary-padding-side) calc(var(--primary-padding-side) / 2) 0 0;
text-decoration: none;
}

.wp-block-query .taxonomy-category{
  margin-left:var(--primary-padding-side);
}
#relatedArticles .category-display a{
  display:inline-block !important;
  margin: var(--primary-padding-side) calc(var(--primary-padding-side) / 2) 0 var(--primary-padding-side);
}


.taxonomy-category .wp-block-post-terms__separator,
.category-display-label{
  display: none;
}



/* -----------------------------------*/
/* Overview of posts with AJAX filter */
/* -----------------------------------*/

/* Main container of the filter. */
#caf-post-layout-container.data-target-div1.post-layout4{
  /* background-color: #efefef !important; */
}
#caf-post-layout-container{
  width: 100vw;
  max-width: 1200px;
  margin: 0 0 0 calc(-1*var(--primary-padding-side));
  padding:0;

}
#caf-filter-layout1{
  position: absolute;
  top: 0;
  left: 25%;
  width: 70%;
  height:75px;
  overflow-x: scroll;
}
#caf-filter-layout1 ul.caf-filter-container.caf-filter-layout1{
  width:100%;
  display: flex;
}


/* reset shadows */
#caf-post-layout4 .caf-featured-img-box{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#caf-post-layout-container .caf-row article{
  display: grid;

}
#manage-ajax-response{
  flex:none;
  padding: 0;
}
.caf-row{
  display: block;
  flex-wrap: nowrap;
}

.caf-col-md-1, .caf-col-md-10, .caf-col-md-11, .caf-col-md-12, .caf-col-md-2, .caf-col-md-3, .caf-col-md-4, .caf-col-md-5, .caf-col-md-6, .caf-col-md-7, .caf-col-md-8, .caf-col-md-9{
  padding-right:0;
  padding-left:0;
  flex:none;
}
#caf-post-layout4 .caf-content,
#caf-post-layout4 .caf-content-read-more{
  display:none;
  padding: 0;
  margin: 0;
}

#caf-post-layout-container .caf-row article:first-of-type#caf-post-layout4 .caf-meta-content-cats{
  border:none;
margin-top:-5rem;
}
#caf-post-layout-container .caf-row article#caf-post-layout4 .caf-meta-content-cats{
  border:none;
  margin-top:0rem;
}

#caf-post-layout-container .caf-row article{
  grid-template-columns: 30% 1fr;
  grid-template-rows: 1fr 1fr;
  /* width:100vw; */
  padding: 0 var(--primary-padding-side);
  border-bottom:1px solid #ccc;
}
#caf-post-layout-container .caf-row article:first-of-type{
  grid-template-columns: 1fr;
  grid-template-rows: 2fr 1fr;
  height: calc(100vw / 2);
  width: 100vw;
  padding:0;
  border-bottom: none;
}
#caf-post-layout-container .caf-row article .caf-f-img{
  display: block;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  margin: 0;
  padding: 0;
  float: none;
  width: 100% !important;
}

#caf-post-layout-container .caf-row article:first-of-type .caf-f-img{
  display: block;
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  margin: 0;
  padding: 0;
  float: none;
  width: 100% !important;
  height: 25vw;
  max-height: 250px;
}
#caf-post-layout-container .caf-row article:first-of-type .caf-f-img .caf-featured-img-box{
  height: calc(100vw / 2);
}

#caf-post-layout-container .caf-row article:first-of-type#caf-post-layout4 .caf-featured-img-box{
  /* height: 25vw; */
  height: calc(100vw / 2);
  max-height: calc(100vw / 2);
  width: auto;
  max-width: 100%;
}
#caf-post-layout-container .caf-row article#caf-post-layout4 .caf-featured-img-box{
  height: 25vw;
  max-height: 250px;
  width: 25vw;
  max-width: 250px;
}

#caf-post-layout-container .caf-row article:first-of-type .caf-meta-content-cats{
  margin-left: 1rem;
  margin-top:-5rem;
  border:none;
}
.caf-meta-content-cats{
  margin-left: 1rem;
  margin-top:-3rem;
}
#caf-post-layout4 .caf-meta-content-cats li a{
  padding: 0;
  text-transform: none;
  margin:0;
}
.data-target-div1 #caf-post-layout4 .caf-meta-content-cats li a{
  color: var(--color2);
  font-size: var(--h6-font-size);
  text-decoration: none;
  font-weight: var(--heading-font-weight);
  background-color: transparent;
}

.caf-post-title,
#caf-post-layout4 .caf-post-title{
  margin-left:1rem;
  margin-top:0rem;
padding:0;
}
#caf-post-layout-container .caf-row article:first-of-type .caf-post-title h2{
  color: var(--light-title);
}
.data-target-div1 #caf-post-layout4 .caf-post-title h2{
  padding: 0.2em 0;
  margin-top: 0rem;
  font-size: var(--h5-font-size);
  padding: 0 0 0 0;
  color: var(--dark-title);
  font-weight: var(--heading-font-weight);
  line-height: 1.2em;
}
#caf-post-layout4 #manage-post-area{
  width: 100% !important;
}
#caf-post-layout-container .caf-row article #manage-post-area{
grid-column: 2 / 3;
grid-row: 1 / 3;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 3fr;
}


#caf-post-layout-container .caf-row article:first-of-type #manage-post-area{
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display:block;
}

/*place teh title */
#caf-post-layout-container .caf-row article #manage-post-area > a{
  grid-row:2 / 3;
}
#caf-post-layout-container .caf-row article #manage-post-area .caf-meta-content-cats{
  grid-row:1 / 2;
}

@media only screen and (min-width: 768px) {
  #caf-post-layout-container .caf-row article{
    padding: 0 1rem 2rem 1rem;
  }
}

@media only screen and (min-width: 1200px) {
  #caf-post-layout-container .caf-row article:first-of-type .caf-f-img .caf-featured-img-box,
  #caf-post-layout-container .caf-row article:first-of-type,
  #caf-post-layout-container .caf-row article:first-of-type#caf-post-layout4 .caf-featured-img-box{
    height: calc(1200px / 2);
    max-height: calc(1200px / 2);
  }
  #caf-post-layout-container .caf-row article #caf-post-layout4 .caf-featured-img-box{
    height: 250px;
    max-height: 250px;
    width: 250px;
    max-width: 250px;
  }
}

/*   Extra */




#container .wp-block-query ul{
margin:0;
}

/* De goede kant van de lijn Frontpage */

.klimaat-cirkel-wrapper{
  padding: 0;
  margin: 0;
}
.klimaat-cirkel-wrapper .wp-block-group__inner-container{
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(238,2,13,1) 45%, rgba(238,2,13,1) 50%, rgba(1,113,1,1) 50%, rgba(1,113,1,1) 55%, rgba(0,0,0,0) 55%, rgba(0,0,0,0) 100%);
/* text-align: center; */
}
.klimaat-cirkel{
border: 2px solid #276797;
border-radius: 50%;
width: 6.5ch;
height: 6.5ch;
margin: 0 auto;
line-height: 6.5ch;
background-color: #004d88;
font-size:1.4rem;
}
ul.coachingsvragen{
  padding-left: 20vw; 

}
/* Mobile  */
@media only screen and (max-width: 768px) {
  .wp-block-query{
    /* width: calc(100% + 1em); */
  }
  .wp-block-buttons>.wp-block-button.wp-block-button__width-50{
    width:100%;
  }
  .wp-block-post-template.is-flex-container.slider{
  flex-wrap: inherit;
  overflow-x: scroll;
  }

  .wp-block-post-template.slider > li{

    flex-shrink: 0;
    width: 85vw !important;
    margin-right: 1vw !important;
  }

  .entry-content > p,
  .entry-content div > p{
    padding: 0 1em;
  }
  .dottedBorderRight{
    border-right-width: 0 !important;
  }

  #wrapper #container article{
    margin-top:-1em;
  }
  ul.coachingsvragen{
    padding-left:2em;
  }
}
@media only screen and (max-width: 1200px) {
.entry-content > p,
.entry-content > ol,
.entry-content div > p,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content div > h1,
.entry-content div > h2,
.entry-content div > h3{
  padding: 0 1rem;
}

.social-icons-wrap{
  margin-left:1rem;
}
}

/* /////// Utilities voor blokken ///////////////////// */

/* PREFORMATTED */
.wp-block-preformatted {
    white-space:pre-wrap;
    margin-bottom:1em;
    border: #999 solid 1px;
    padding: calc(var(--primary-margin-bottom) / 2);
}

.wp-block-preformatted.has-background {
    padding:1.25em 2.375em
}

/* PULLQUOTE */
.wp-block-pullquote {
    margin: 0 0 var(--primary-margin-bottom);
    padding: calc(var(--primary-margin-bottom) * 3) 0;
    text-align: center;
    overflow-wrap:break-word;
    border-top: var(--dark-text) calc(var(--primary-margin-bottom) / 5) solid;
    border-bottom: var(--dark-text) calc(var(--primary-margin-bottom) / 5) solid;
}
.wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p {
    color:inherit
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right {
    max-width:420px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p {
    font-size:1.25em
}
.wp-block-pullquote p {
    font-size: 1.75em;
    line-height:1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
    position:relative
}
.wp-block-pullquote .has-text-color a {
    color:inherit
}
.wp-block-pullquote.has-text-align-left blockquote {
    text-align:left
}
.wp-block-pullquote.has-text-align-right blockquote {
    text-align:right
}
.wp-block-pullquote:not(.is-style-solid-color) {
    background:none
}
.wp-block-pullquote.is-style-solid-color {
    border:none
}
.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width:60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size:2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style:normal
}
.wp-block-pullquote cite {
    color:inherit
}

/* BLOCKQUOTE */

.wp-block-quote {
  border-left: .25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}

.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
  border-width: 2px;
  border-color: #0073aa;
  padding-top: 0;
  padding-bottom: 0;
}

.wp-block-quote p {
  font-size: 1em;
  font-style: normal;
  line-height: 1.8;
}

.wp-block-quote cite {
  /*
			 * This requires a rem-based font size calculation instead of our normal em-based one,
			 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
			 */
  /* font-size: calc(1rem / (1.25 * 1.125)); */
  font-size: 0.8em;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
  margin: 1.5rem;
  padding: 0;
  border-left: none;
}

.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
  font-size: 1.6em;
  line-height: 1.4;
  font-style: italic;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  /*
				 * This requires a rem-based font size calculation instead of our normal em-based one,
				 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
				 */
  font-size: 1.2rem;
  display: inline-block;
  width: 95%;
  margin-right: 1rem;
  color: #999;
}

/* forms */
.icon-button input{
  font-family: var(--icon-font) !important;
  font-weight: 900;

}
.no-margin-bottom{
  margin-bottom:0 !important;
}
.full-width-widget{
  margin-left:calc(-1 * var(--primary-margin-bottom));
}
.light-dark-full{
  margin: var(--primary-padding-side) calc(-1 * var(--primary-padding-side));
  padding: var(--primary-padding-side);
  background-color: var(--light-dark-background);
}

#footer-side #mailpoet_form_1{
  margin: 0 0 0 calc(-1 * var(--primary-padding-side));
  padding: var(--primary-padding-side);

  background-color: var(--light-dark-background);
  width: calc(100% + 2*(var(--primary-padding-side)));
}

#mailpoet_form_2{
  margin-top:0rem;
  width: calc(100% + 2*var(--primary-padding-side)) !important;
  margin-left: calc(-1 * var(--primary-padding-side)) !important;
/* TEST KWAAK */
}

@media only screen and (min-width: 768px) {
  .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
    margin: 1rem 0;
    padding: 1rem 0;
  }
  .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
    font-size: 1.6875em;
  }

  .mailpoet_form_columns{
  /* max-width: 50% !important; */
  }

}
@media only screen and (min-width: 1200px) {
  header#brand .logo{
    left:calc(50% - (600px - 1em));
  }
  .hamburger-icon{
    right:calc(50% - (600px - 1em));
  }
  .hamburger-icon.active{
    right:calc(50% - 10vh);
  }
}

/* -------------- POSTS -------------------*/
/* no need to edit */
.post-edit-link{
  display: none;
}
/*Overview*/
body.blog #content #post-grid{
display: grid;
 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 /* This is better for small screens, once min() is better supported */
 /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
 gap: 2rem;
 max-width: 1200px;
 margin: 0 auto;
}


body.blog #content article{
  justify-self: stretch;
}
body.blog #content nav{
  /* position: absolute; */
}
/* General*/
.post-template-default h1.entry-title{
  text-align: center;
  padding-top: var(--primary-margin-top);
}
.post-template-default h1.entry-title a{
  text-decoration: none;
  color: var(--dark-title);
}

.post-template-default img.attachment-full.size-full.wp-post-image{
  min-width:calc(100% + 2*var(--primary-padding-side));
  margin-left: calc(-1 * var(--primary-padding-side));
  margin-bottom: var(--primary-margin-top);
}

.intro .taxonomy-category {
margin: -2em 0 1em 0;
}
.intro .taxonomy-category .wp-block-post-title{
  
}

.intro .publicatiemeta{
  margin-top:-2em;
  margin-bottom:2em;
}
.intro .publicatiemeta .wp-block-group__inner-container{
  display: flex;
}
.intro .publicatiemeta .wp-block-group__inner-container > *{
  line-height: 1rem;
  font-size: 0.8rem;
}


/* @media only screen and (max-width: 768px){ */
  @media only screen and (max-width: 1200px){
  
  #wrapper #container article .entry-content h1.wp-block-post-title,
  .intro .publicatiemeta,
  .taxonomy-category a,
  .category-display a{
    margin-left:var(--primary-padding-side);
    margin-right:var(--primary-padding-side);
  }
  .post-template-default h2{
    margin-bottom:0.5rem !important;
  }
}





/* comments */
#comments{
padding: 1rem;
margin: 3em -1em 0 -1em;
background-color: #efefef;
}
#comments label{
  display: inline-block;
  width: 20ch;
  vertical-align: top;
}
#comments textarea{
  font-size: 0.9rem;
  padding: 0.5em;
  width: calc(100% - 25ch);
  color: var(--dark-text);
  border: 2px solid var(--dark-text);
  font-family: var(--primary-font);
}
#comments input[type="text"]{
  font-size: 0.9rem;
  padding: 0.5em;
  width: calc(100% - 27ch);
  color: var(--dark-text);
  border: 2px solid var(--dark-text);
}
#comments .comment-form-cookies-consent input{
  margin-left: 25ch;
}
#comments .comment-form-cookies-consent label{
width: calc(100% - 27ch);
}
#comments input[type="submit"]{
  background-color: var(--dark-background);
  color: var(--light-text);
  padding: 0.7em 1em;
  font-size: 1.3em;
  border:2px solid var(--dark-background);
  border-radius:50px;
}
#comments input[type="submit"]:hover{
  background-color: var(--light-background);
  color: var(--dark-text);
  border:2px solid var(--dark-background);
}
@media only screen and (max-width: 768px) {
  #comments textarea,
  #comments label,
  #comments input[type="text"]{
    width: 100%;
  }
  #comments .comment-form-cookies-consent input{
    margin-left: 0;
    height: 1em;
    width: 1em;
    font-size: 2em;
  }
  #comments .comment-form-cookies-consent label{
    width: calc(100% - 5ch);
  }

}


/* NIEUWS  en POSTS*/
.square img{

}
h1.entry-title{
/* padding-top:5vh; */
padding-top: 0vh;
font-size: var(--h1-font-size);
font-weight: var(--heading-font-weight);
color:var(--dark-title);

visibility: hidden; 
height: 0;
overflow: hidden;

}
h1.entry-title>a{
  color:var(--dark-title);
  text-decoration: none;
}
footer.footer{
  padding: 5rem 0;
}
footer.footer div.nav-previous,
footer.footer div.nav-next{
  display: inline-block;
  width:50%;
}
footer.footer div.nav-next{
  text-align: right;
}


.bloktitel{
  margin: 0 0 0 calc(-1 * var(--primary-padding-side));
  background: var(--color3);
  color: var(--light-text);
  font-size: var(---h3-font-size);
  display: inline-block;
  padding: 1em 1em;
  width:25%;
  text-transform: uppercase;
  text-align: center;
}
.bloktitel.nieuws{
  background: var(--color2);
}
.bloktitel.maatschappelijk{
  background: var(--color8);
}


/* Interviews */
h2.interview > a:before{
  content: "Interview: ";

}


body.interviews-template-default  h1,
body.interviews-template-default  h2,
body.interviews-template-default  h3,
body.interviews-template-default  h4,
body.post-template-default  h1,
body.post-template-default  h2,
body.post-template-default  h3,
body.post-template-default  h4{
  /* clear:both; */
}
body.interviews-template-default  h5,
body.post-template-default  h5{
  /* font-size: 1.2rem; */
  font-size: 1.2rem;
  background-color: var(--colorInterview);
  width: 300px;
  max-width: 300px;
  float: left;
  color:var(--light-text);
  padding: 1em;
  margin: 0.5em 1em 0.5em 0 !important;
  font-style: italic;
  line-height: 1.3;
  margin-left: calc((100vw / 2) - 600px) !important;
}
body.interviews-template-default  h6,
body.post-template-default  h6{
  /* font-size: 1.2rem; */
  font-size: 1.2rem;
  float: right;
  width: 300px;
  max-width: 300px;
  color:var(--light-text);
  padding: 1em;
  margin: 0.5em 0 0.5em 1em !important;
  background-color: var(--colorInterview);
  font-style: italic;
  line-height: 1.3;
  margin-right: calc((100vw / 2) - 600px) !important;
}


/* display: block;
background-color: bisque;
width: 25%;
float: left;
margin: 1em;
font-size: 1.4rem;
max-width: 300px;
padding: 1rem;
margin-left: calc((100vw / 2) - 600px); */




body.interviews-template-default  p.summary{
  background-color: var(--color1);
  padding: 1rem;
  font-size: var(--h5-font-size);
  color: var(--light-text);
  margin-left:-1rem;
  width: calc(100% + 2rem);
  margin-top:-5rem;
  z-index:10;

}

body.post-template-default h2{
  margin-bottom: 1rem !important;
}
article .entry-content{
  position: relative;
}

body.interviews-template-default  .entry-meta{
  font-size: 0.8rem;
  position: absolute;
  padding: 1em;
  background-color: var(--light-background);
  color: var(--dark-text);
  z-index: 200;
  right: 0;
  margin-top: -7.4rem;
  margin-right:-1rem;
}
body.interviews-template-default  .entry-meta a{
  color: var(--dark-text);
  text-decoration: none;
}
@media only screen and (max-width: 1200px){

  body.interviews-template-default  h5,
  body.post-template-default  h5{
    margin-left: 0 !important;

  }
  body.interviews-template-default  h6,
  body.post-template-default  h6{
    margin-right: 0 !important;
  }
}

@media only screen and (max-width: 768px){
  body.interviews-template-default  h5,
  body.post-template-default  h5,
  body.interviews-template-default  h6,
  body.post-template-default  h6{
    width: 100%;
    max-width: 100%;
    float: none;
    margin:0.8rem 0 !important;
  
  }
  .post-template-default h1.entry-title {
      /* padding-top: 13vh; */
  }
  .bloktitel{
    width: 50%;
  }
  #caf-filter-layout1{
    left:50%;
    width:54%;
  }

}


/* Special page elements */
#wrapper #container article .entry-content .wp-block-cover.alignfull.topimage .wp-block-cover__inner-container h1{
  margin-bottom: 0px;
}
#wrapper #container article .entry-content .wp-block-cover.alignfull.topimage .wp-block-cover__inner-container h2{
  font-weight:300;
}

/* Overview pagina's zonder titel*/
body.page-id-1154 h1.entry-title,
body.page-id-1185 h1.entry-title,
body.page-id-1231 h1.entry-title{
  padding-top:0vh;
  visibility: hidden;
}

.isDisabled {
  cursor: normal;
}
.isDisabled > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

/* DIENSTEN */
.dienst-template-default{

}
.dienst-template-default img.attachment-full,
.maatschappelijk-template-default img.attachment-full{
  width: 100vw;
  max-width: 1200px;
  margin-left:calc(-1 * var(--primary-padding-side));
  margin-bottom: var(--primary-margin-bottom);
}
.dienst-template-default header h1.entry-title,
.maatschappelijk-template-default header h1.entry-title{
  /* padding-top: 12vh; */
}
body.dienst-template-default  .entry-meta,
body.maatschappelijk-template-default .entry-meta{
  font-size: 0.8rem;
  position: absolute;
  padding: 1em;
  background-color: var(--light-background);
  color: var(--dark-text);
  z-index: 200;
  right: 0;
  margin-top: -3.4rem;
  margin-right:-1rem;
}

.single-dienst #content footer.footer,
.single-hoezo #content footer.footer,
.single-portfolio #content footer.footer,
.single-post #content footer.footer,
.single-steentje #content footer.footer,
.single-tools #content footer.footer{
  display: none;
}

.entry-meta .author a{
  color:var(--dark-text);
  text-decoration: none;
}
.entry-footer{
  display: none;
}
.nav-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
.nav-next{
  grid-column: 2 / 3;
  justify-self: end;
}
footer.footer div.nav-previous,
footer.footer div.nav-next{
  width:100%;


}
footer.footer div.nav-previous a,
footer.footer div.nav-next a{
  padding: 1em 0em;
  color: var(--color2);
  text-decoration: none;
  padding: 0.5em;
  line-height: 1.5em;
}
footer.footer div.nav-previous a:hover,
footer.footer div.nav-next a:hover{
  background-color: var(--color2);
  color: var(--light-text);
}

.wp-block-query-pagination{
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2rem 0;

}
.wp-block-query-pagination-numbers{
  grid-column: 2 / 3;
  color: var(--dark-text);
  text-align: center;
}

.wp-block-query-pagination-numbers span{
  background-color: var(--dark-text);
  color:var(--light-text);
  padding:0.5em;
}
.wp-block-query-pagination-numbers a{
  color:var(--dark-text);
  text-decoration: none;
  padding:0.5em;
}

.wp-block-query-pagination-next{
  grid-column: 3 / 4;
  color: var(--dark-text);
  text-align: right;
  padding:0.5em;
  text-decoration: none;
}
.wp-block-query-pagination-previous{
  grid-column: 1 / 2;
  color: var(--dark-text);
  padding:0.5em;
  text-decoration: none;
}
.wp-block-query-pagination-numbers a:hover
{
  background-color: var(--dark-text);
  color: var(--light-text);
}
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover{
  text-decoration: underline;
}

ul#caf-layout-pagination.post-layout4{
margin: 2rem 0;
}
.data-target-div1 ul#caf-layout-pagination.post-layout4 li a{
  background-color:#fff;
}
.data-target-div1 ul#caf-layout-pagination.post-layout4 li a:hover{
background-color: var(--color2);
color:var(--light-text);
}

.dottedBorder{
  border-style: dotted;
  border-color: rgba(0, 0, 0, 1);
  border-image-source: url('img/dots.svg');
  border-image-slice: 33% 33%;
  border-image-repeat: round;
  
}
.dottedBorderLeft{
  border-left-width: 8px;
}
.dottedBorderRight{
  border-right-width: 8px;
}
.dottedBorderTop{
  border-top-width: 8px;
}
.dottedBorderBottom{
  border-bottom-width: 8px;
}

div.statistics{
  gap:0 !important;

  margin-top: 1em;
}
.statistics h2{
  margin-top: 1em;
  margin-bottom:0.3em;
}
.statistics p{
  font-size: 1.4em;
  font-weight: 300;
  padding-bottom:1em;
  text-transform: uppercase;
  line-height:1;
}

/* Related Articles - Gerelateerde articleen */
#relatedArticles .related_articles{
  display: flex;
  flex-direction: row;
flex-wrap: wrap;
  gap:1.25em;
}
#relatedArticles .related_articles .listing-item{
  height:396px;
  /* flex: 1 1 0; */
  /* width: 0; */
  border: 1px solid #e6e6e6;
  position: relative;
  background-color: var(--light-background);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #relatedArticles .related_articles .listing-item{
    width: calc(25% - .9375em);  
  }
}


#relatedArticles .related_articles .listing-item img{

aspect-ratio: 4 / 2;
height: 174px;
object-fit: cover;
transition: all 0.4s ease-in-out; 
}
#relatedArticles .related_articles .listing-item a{
  display: block;
}
#relatedArticles .related_articles .listing-item a.title{
font-size: var(--h4-font-size);
line-height: 1;
color: var(--dark-text);
/* text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3); */
margin-top: 1rem;
margin-bottom: 0;
padding: 1rem;
font-weight: var(--heading-font-weight);
text-decoration: none;
}
#relatedArticles .related_articles .listing-item a.title::after{

  display: inline-block;
content: "\f054";
border: 1px solid var(--button-dark);
line-height: 46px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
height: 46px;
width: 46px;
font-family: var(--icon-font);
color: var(--dark-text);
position: absolute;
bottom: 32px;
right: 16px;
font-size:16px;
}
#relatedArticles .related_articles .listing-item a.title:hover::after{
  background-color: var(--button-dark) !important;
  color: var(--light-text) !important;
  border-color: var(--button-dark) !important;
}

/* TIMELINE */
h2.timeline-main-title{ 
  display: none;
}
.cool-timeline.white-timeline:before, 
.cool-timeline.white-timeline.one-sided:before{
  background-color: var(--color1) !important;
  background-image: -webkit-linear-gradient(top,var(--color1) 0%, var(--color1) 8%, var(--color1) 92%, var(--color1) 100%) !important;
  background-image: -moz-linear-gradient(top, var(--color1) 0%, var(--color1) 8%, var(--color1) 92%, var(--color1) 100%) !important;
  background-image: -ms-linear-gradient(top, var(--color1) 0%, var(--color1) 8%, var(--color1) 92%, var(--color1) 100%) !important;
  
}
.cool-timeline.white-timeline .timeline-year{
  background: var(--primary-color) !important;
  opacity: 1 !important;
  border:none;
  box-shadow: none !important;
}
.ctl-timeline-date{
  color: var(--dark-text);
}

.timeline-meta.aos-init.aos-animate .meta-details,
.cool_timeline .meta-details{
  display: none;
}

.cool-timeline .timeline-year{
background: #000;
line-height: 90px !important;
position: relative;
text-align: center;
margin: 22px 0 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #fff;
font-size: 22px;
height: 90px !important;
width: 90px !important; 
left: calc(50% - 45px) !important;
z-index: 10;
padding: 10px 0 !important;
-webkit-box-shadow: 0 0 0 4px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 8px rgba(0,0,0,.2);
box-shadow: 0 0 0 4px #fff,inset 0 0 0 2px rgba(0,0,0,.05),0 0 0 8px rgba(0,0,0,.2);
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post.even .timeline-content h2.content-title{
  color: var(--dark-text) !important;
}
.clean-skin-tm .cool-timeline.white-timeline .timeline-post.odd .timeline-content h2.content-title{
  color: var(--dark-text) !important;
}
.cool-timeline.white-timeline .timeline-post.even .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full{
  background-color: var(--color5) !important;
}
.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full, .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full{
  background-color: var(--color5) !important;
}

.clean-skin-tm .cool-timeline .timeline-post.clean-skin .timeline-content.clearfix,
.clean-skin-tm .cool-timeline.white-timeline .timeline-post.clean-skin .timeline-content .content-title.clearfix, 
.clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.clean-skin .timeline-content .content-title.clearfix{
background-color: var(--color-gray3) !important;
border-radius: 0 !important;
}

.cool-timeline:before{
  height: 108.5% !important;
  top:-8.5% !important;
}

.wp-block-group .wp-block-group__inner-container p{
  z-index:1000;
}

.cooltimeline_cont{
  background-image: url('https://www.martijnraaijmakers.com/wp-content/uploads/2022/09/shutterstock_1602319645-gr.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  /* background-size: auto 500px; */
  background-clip:content-box;
}

/* AUTHOR */
.wp-block-post-author{
  flex-direction: row-reverse;
}
.wp-block-post-author__avatar img{
  /* height: 80px;
  width: 80px; */
  height: 96px;
  width: 96px;
  border-radius: 100%;
}
.wp-block-post-author__name{
  line-height: 80px;
  padding-right: 1em;
  float:right;
  font-size:0.8em;
}
.wp-block-post-author__name::before{
  content: "Door ";
  display: inline;
}

/* Speciale blokken */
.highlight{
  padding:2em;
  margin-bottom:2em;
}

.entry-content  ul.checks{
  list-style-type: none;
  margin-left:0.2rem;
  list-style-position: inside;
}
.entry-content  ul.circle{
  list-style-type: disc;
  margin-left:0.2rem;
  list-style-position: inside;
}
.entry-content ol{
  list-style-type: decimal;
  margin-left:0.2rem;
  list-style-position: inside;
}
.entry-content  ul.checks li:before{
content: "✓";
margin-right: 0.3rem;
}
.entry-content .wp-block-post-template ul{
  margin:auto;
  list-style: none;
}

.entry-content .wp-block-post-template ul li:before{
  content: none;
  margin: auto;
}

/* Table for drijfveren */

figure.drijfveren tr.dotted{
border-top: 1px solid var(--color-gray3);
border-collapse: collapse;
/* border-style: dotted;
border-color: #000;
border-image-source: url('img/dots.svg');
  border-image-slice: 33% 33%;
  border-image-repeat: round;
border-top-width: 8px; */

}
figure.drijfveren tr.dotted>td{
  padding: 2em 0.5em;
}
figure.drijfveren tr.bottomrow>td{
  padding-bottom:2em;
}
figure.drijfveren tr td{
  
  border:none;
  
  
}

/* Slider SMART Slider 3 */

/* .n2-ss-slider h1.n2-ow, 
.n2-ss-slider h2.n2-ow, 
.n2-ss-slider h3.n2-ow,
.n2-ss-slider h4.n2-ow,
.n2-ss-slider h5.n2-ow,
.n2-ss-slider h6.n2-ow, */
.n2-ss-slider p.n2-ow,
/* .n2-ss-slider .n2-ow-all h1,
.n2-ss-slider .n2-ow-all h2, 
.n2-ss-slider .n2-ow-all h3, 
.n2-ss-slider .n2-ow-all h4, 
.n2-ss-slider .n2-ow-all h5,
.n2-ss-slider .n2-ow-all h6,  */
.n2-ss-slider .n2-ow-all p{
margin-bottom: 1em !important;
}
#wrapper #container article .entry-content .n2-ss-slider h1.n2-ow{
  margin-bottom: 1em !important;
}

.n2-ow b{
  font-weight: 700;
}


@media only screen and (max-width: 768px){
  
  
  .n2-ss-slider-controls .nextend-arrow{
    --widget-offset: 0px !important;
    padding: 50px 0px;
    border-radius:10px;
    background-color:#dfdfdf;
    /* vertical-align: middle; */
    margin: auto 0;
    /* display: table-cell; */
    width: 21px;
    text-align: center;
    border:1px solid #ccc;
  }
  .n2-ss-slider-controls .nextend-arrow img{
    display: inline-block !important;
    vertical-align: middle;
  }
  .n2-ss-slider-controls .nextend-arrow.nextend-arrow-next{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width:0;
  }
  .n2-ss-slider-controls .nextend-arrow.nextend-arrow-previous{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width:0;
  }
}


/* 
LOGO slider */
#wpls-logo-showcase-slider-1 .wpls-fix-box, #wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image{
  max-height: 92px !important;
}

.slick-dots{

  display: none !important;
}


/*// HOeZO ////*/
.wp-block-group.hoezo .block{
  height: 100%;
  border: 1px solid #ccc;
  position:relative;
  min-height: 150px;
  padding:1em;
}

.wp-block-group.hoezo .block .readMore,
.wp-block-group.steentje .wp-block-cover__inner-container .readMore{
  position: absolute;
  bottom: 1rem;
  right:1rem;
}

.wp-block-group.hoezo .block .readMore a::before,
.wp-block-group.steentje .wp-block-cover__inner-container .readMore a::before{
  display: inline-block;
  content:"\f054"; 
  border: 1px solid #000;
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  font-family: var(--icon-font);
  color:var(--dark-text);
  font-weight:700;
}
.wp-block-group.hoezo .block .readMore a:hover::before,
.wp-block-group.steentje .wp-block-cover__inner-container .readMore a:hover::before{
color:#fff;
background-color: #000;

}
.wp-block-group.hoezo .block .readMore a,
.wp-block-group.steentje .wp-block-cover__inner-container .readMore a{
  height: 48px;
width: 48px;

display: inline-block;

position: absolute;
right: 0;
bottom: 0;
}

.wp-block-post-template .referenties p{
  padding-left:1em;
  
}

/* PORTFOLIO */

.portfolio-grid ul li.type-portfolio{
  height: 550px;
}

.portfolio-grid ul li.type-portfolio .wp-block-post-featured-image img{
  height: 250px;
}
.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(1){
  background-color: #FDBE34;
}
.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(2){
  background-color: #9FBEDF;
}
.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(3){
  background-color: #DBDBA0;
}
.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(4){
  background-color: #80BBDC;
}
.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(5){
  background-color: #C98EC7;
}

.portfolio-grid ul li.type-portfolio.wp-block-post:nth-child(6){
  background-color: #f27200;
}

#portfolio .wp-block-post-featured-image{
  margin:1em;
}


/* INSPIRATIE */
/*Overview*/
body.blog #content #post-grid,
body.archive #post-grid,
body.search #post-grid{
  display: grid;
   /* grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); */
   grid-template-columns: 1fr 1fr 1fr 1fr;
   /* This is better for small screens, once min() is better supported */
   /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
   gap: 2rem;
   max-width: 1200px;
   margin: 0 auto;
  }

  @media only screen and (max-width: 1024px){

    body.blog #content #post-grid,
    body.archive #post-grid,
    body.search #post-grid{
      grid-template-columns: 1fr 1fr;
    } 
  }

@media only screen and (max-width: 620px){

  body.blog #content #post-grid,
  body.archive #post-grid,
  body.search #post-grid{
    grid-template-columns: 1fr;
  } 
}

/*SEearch and nav */
#blog-nav{
  margin-top: 70px;
background-color: #E6E6E6;
padding: 70px 0 30px 0;
margin-bottom: 48px;
}
#blog-nav #blog-inner-nav{
  max-width:1200px; 
  margin: 0 auto;
}
#blog-inner-nav h1{
  text-align: center;
  margin-bottom: 48px;
}
#blog-category-choice{
margin-bottom:48px;
clear: both;
}

#blog-category-choice > p.filter-label{
display: inline-block;
line-height: normal;
margin:0 2em 0 0;
padding:0;
}
#blog-category-choice > ul{
display:inline-block;
}
#blog-category-choice > ul > li{
display: inline-block;
margin: 0 0 0 1em;
}
#blog-category-choice > ul > li > a{
display: inline-block;
padding:0em 1.2em;
border-radius: 9999px;
background-color: #fff;
line-height: 48px;
vertical-align: middle;
height: 48px;
text-decoration: none;
}
#blog-category-choice > ul > li > a:hover,
#blog-category-choice > ul > li.current-cat > a{
color:#fff;
background-color: #000;
}
.selectWrapper{
display: inline-block;
float: right;
}

.selectWrapper{
border-radius:100px;
display:inline-block;
overflow:hidden;
background:#cccccc;
border:1px solid #000;
font-size:20px;
}
.selectBox{
width:140px;
height:46px;
border:0px;
outline:none;

font-size: 15px;
background-color: #fff;
font-family: 'Open Sans';
font-weight: 300;
}


/*Articles in overview*/


body.blog #content #post-grid article,
body.archive #post-grid article,
body.search #post-grid article{
  border:1px solid #e6e6e6;
  height: 396px;
  background-color: var(--light-background);
  position: relative;
  overflow: hidden;
}


body.blog #content #post-grid article .entry-summary a img,
body.archive #post-grid article .entry-summary a img,
body.search #post-grid article .entry-summary a img{
  /* position: absolute;
  left:0; */
aspect-ratio: 4 / 2;
height: 174px;
object-fit: cover;
transition: all 0.4s ease-in-out; 
}

/* animate image to fill block */
body.blog #content #post-grid article:hover .entry-summary a img, 
body.archive #post-grid article:hover .entry-summary a img,
body.search #post-grid article:hover .entry-summary a img,
.wp-block-query .wp-block-post:hover .wp-block-post-featured-image img,
#relatedArticles .related_articles .listing-item:hover a img{
  height: 396px;
   /* transition: all 0.4s ease-in-out;  */
}

/* Animate move heading in block */
body.blog #content #post-grid article:hover .entry-summary h2.post-summary-title a, 
body.archive #post-grid article:hover .entry-summary h2.post-summary-title a,
body.search #post-grid article:hover .entry-summary h2.post-summary-title a,
.wp-block-query .wp-block-post:hover h2.wp-block-post-title,
#relatedArticles .related_articles .listing-item:hover a.title{
  position: absolute;
  top:30%;
}

/* Animate move title color to whit with shadow */
body.blog #content #post-grid article:hover .entry-summary h2.post-summary-title a, 
body.archive #post-grid article:hover .entry-summary h2.post-summary-title a,
body.search #post-grid article:hover .entry-summary h2.post-summary-title a,
.wp-block-query .wp-block-post:hover h2.wp-block-post-title,
#relatedArticles .related_articles .listing-item:hover a.title{
  color: var(--light-text);
  text-shadow: 0 0 1rem rgba(0,0,0,0.6);
  
}

/*move category to top*/
body.blog #content #post-grid article:hover .entry-summary .cat-links a, 
body.archive #post-grid article:hover .entry-summary .cat-links a, 
body.search #post-grid article:hover .entry-summary .cat-links a,
.wp-block-query .wp-block-post:hover div.taxonomy-category,
#relatedArticles .related_articles .listing-item:hover .category-display{
  position: absolute;
  top:20%;
}

.wp-block-query .wp-block-post:hover div.taxonomy-category a{
  margin-top:0;
}


body.blog #content #post-grid article:hover .readMore::before, 
body.archive #post-grid article:hover .readMore::before, 
body.search #post-grid article:hover .readMore::before,
.wp-block-query .wp-block-post:hover .readMore::before,
#relatedArticles .related_articles .listing-item:hover a.title::after{
  background-color: var(--dark-background) !important;
  color:var(--light-text) !important;

}

/* Exception for related articles with readMore build from heading:after */
#relatedArticles .related_articles .listing-item:hover a.title::after{
  bottom:-155px;
}

/*Exceptions for the portfolio items */
#portfolio .portfolio-grid ul li.type-portfolio:hover .wp-block-post-featured-image{
  margin: 0;
}
.portfolio-grid ul li.type-portfolio:hover .wp-block-post-featured-image img{
  height: 550px;
}






@media only screen and (min-width: 620px){

  body.blog #content #post-grid article:first-child{
    width: 100%;
    grid-column: 1 / -1;
  }
  
  body.blog #content #post-grid article:first-child .entry-summary a img{
    aspect-ratio: 5 / 2;
    height: 396px;
  }

  body.blog #content #post-grid article:first-child .entry-summary a img{
    aspect-ratio: 5 / 2;
    height: 396px;
  }
    
  body.blog #content #post-grid article:first-child .entry-summary h2.post-summary-title{
    position: absolute;
    top:35%;
    text-shadow: 0 0 0.2rem rgba(0,0,0,0.5);
    width:100%;
  }

  body.blog #content #post-grid article:first-child .entry-summary h2.post-summary-title a{
    font-size: 1.4rem;
    color: var(--light-text);
  }
    
  body.blog #content #post-grid article:first-child .entry-summary .readMore{
    position: absolute;
    top: 60%;
    left: 1rem;
  }
    
  body.blog #content #post-grid article:first-child .entry-summary .cat-links a{
    position:absolute;
    top:25%;
  }

  body.blog #content #post-grid article:first-child .entry-summary .readMore{
color: var(--dark-text);
width: 150px;
border: 1px solid #000;
border-radius: 9999px;
padding-left:1.1rem;
padding-top:0.1rem;
font-weight: 700;
  }
  body.blog #content #post-grid article:first-child .entry-summary .readMore:hover{
    background-color: var(--dark-background);
    color:var(--light-text);
  }
  body.blog #content #post-grid article:first-child .entry-summary .readMore::before{
    display: none;
  }
  body.blog #content #post-grid article:first-child .entry-summary .readMore::after{

  display: inline-block;
  content: "\f054";
  /* border: 1px solid #000; */
  line-height: 46px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  font-family: var(--icon-font);
  color: var(--dark-text);
  font-weight: 700;
  }
  body.blog #content #post-grid article:first-child .entry-summary .readMore:hover::after{
    color:var(--light-text);
  }
  
}

@media only screen and (min-width: 1024px){
  body.blog #content #post-grid article:nth-child(6){
    grid-column: 1 / span 2;
  }
  body.blog #content #post-grid article:nth-child(7){
    grid-column: 3 / span 2;
  }
}

body.blog #content #post-grid article .entry-summary .cat-links a,
body.archive #post-grid article .entry-summary .cat-links a,
body.search #post-grid article .entry-summary .cat-links a{
font-size: 0.7em;
font-weight: 700;
border-radius: 50px;
background-color: var(--color-gray4);
padding: 1em var(--primary-padding-side);
display: inline-block;
margin: var(--primary-padding-side) calc(var(--primary-padding-side) / 2) 0 var(--primary-padding-side);
text-decoration: none;

}
body.blog #content #post-grid article .entry-summary h2.post-summary-title a,
body.archive #post-grid article .entry-summary h2.post-summary-title a,
body.search #post-grid article .entry-summary h2.post-summary-title a{
font-size: var(--h4-font-size);
line-height: 1;
color: var(--dark-text);
/* text-shadow: 0 0 0.3em rgb(0 0 0 / 0.3); */
margin-top: 1rem;
margin-bottom: 0;
padding: 1rem 1rem 0rem 1rem;
font-weight: var(--heading-font-weight);
text-decoration: none;
display: inline-block;
}
body.blog #content #post-grid article .entry-summary h2.post-summary-title,
body.archive #post-grid article .entry-summary h2.post-summary-title,
body.search #post-grid article .entry-summary h2.post-summary-title{
  margin-bottom:0;
}

body.blog #content #post-grid article .entry-summary .readMore,
body.archive #post-grid article .entry-summary .readMore,
body.search #post-grid article .entry-summary .readMore{
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

body.blog #content .navigation.posts-navigation,
body.archive #content .navigation.posts-navigation,
body.search #content .navigation.posts-navigation{
  max-width: 1200px;
  margin:0 auto;
  padding: 2rem 0;
}

body.blog #content .navigation.posts-navigation .nav-links .nav-next,
body.archive #content .navigation.posts-navigation .nav-links .nav-next,
body.search #content .navigation.posts-navigation .nav-links .nav-next{
  grid-column: 2/3;
  justify-self: end;
}

body.blog #content .navigation.posts-navigation a,
body.archive #content .navigation.posts-navigation a,
body.search #content .navigation.posts-navigation a{
  padding: 0.5em 1em;
border: 1px solid #000;
border-radius: 9999px;
text-decoration: none;
}
body.blog #content .navigation.posts-navigation a:hover,
body.archive #content .navigation.posts-navigation a:hover,
body.search #content .navigation.posts-navigation a:hover{
  color:#fff;
  background-color: #000;
  border: #fff;
}

@media only screen and (max-width: 786px) {

  .selectWrapper{
    float: none;
    margin: 1rem;
  }
  #blog-category-choice > p.filter-label{
    margin-left: 1rem;
  }
  #blog-category-choice > ul > li{
    margin: 1rem;
  }
  .single .entry-content ol,
  .single .entry-content ul{
    margin-left:1rem;
  }
}

/* fixes */ 
.wp-block-themeisle-blocks-sharing-icons .social-icon.is-facebook{
background-color: #000 !important;
}

/*Search */
body.search .entry-content{
  padding-bottom: 5rem !important;
}
.search-form .search-field{
width: 75% !important;
padding: 5px 2em !important;
margin: 0 auto 0 0;
border-radius: 50px;
height: 48px;
border: none;
font-size: 16px;
border: 2px solid var(--dark-background);
}
.search-form .search-submit{
  padding: 5px 2em !important;
  margin: 0 auto 0 0;
  border-radius: 50px;
  height: 48px;
  border: none;
  font-size: 16px;
  background-color: var(--button-dark);
  color: var(--light-text);
  font-weight: var(--primary-font-weight-bold);
  text-align: left;
}


/* Breakout links in articles */

.entry-content a{

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}