/* menu */
#nav {
height: 64px;
font-size: 12px;
}

#nav ul {
   width: calc(100vw - 24px);
 }

 /* global */

 .wrapper{
      width: calc(100vw - 24px);
      overflow: hidden;
   }

   .wrapper_home {
    margin-top: 72px;
  }

  .wrapper_wijd{
      width: calc(100vw - 24px);
  }

  /* spacer */
  .spacer{
    height: 80px;
  }
  .spacer_half{
    height: 16px;
  }

  .filler_about{
    height: 0px;
  }

   /* Home first section */
   .home_about{
      flex-wrap: wrap;
      width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: visible;
  height: auto!important;
   }
.home_about > div{
flex-grow: 1;
}

.home_about h1{
padding-left: 24px;
}
.about{
  padding: 24px;
}

   .home_about > div:nth-child(2){
  max-width: 100%!important;

}

.button_groot{
  width: 50%;
min-width: 160px;
}

.melle_study {
    width: 100%;
  text-align: left;}

    /* werkwijze */
    .werkwijze {
      width: 100vw;
  margin-left: calc(50% - 50vw);
    }

    .werkwijze>div {
      padding: 24px;
    }

    .werkwijze figure img {
      width: 100%;
      height: 180px;
    }

.work{
  width: calc(100vw - 24px);
    gap: 36px 12px;
}

.work>div {
  max-width: 100%;
}

.single {
    margin-top: 64px;
}

/* over */
#over{
  width: 100vw;
margin-left: calc(50% - 50vw);
background-color: rgb(246, 246, 246);

}

.over{

  flex-wrap: wrap;
}

#over h1{
  padding-top: 24px;
  padding-left: 24px;
margin: 0;
}


.over > div{
  flex-grow: 1!important;
  height: auto;
}

.over > div:nth-child(1) p{

  padding: 24px;
}

.over > div:nth-child(2) {
    height: auto;
}

/* media */
.media{
  width: 100%;
}
.podcast_text{
flex-wrap: wrap;
justify-content: center;
}
.podcast_text > div{
  flex-basis:100%;

}

.podcast_text > div:nth-child(2){
flex-basis:100%;
}

.podcast_text p{
padding: 24px;}

.podcast_title{
  padding-left: 12px;
}
/* podcast */
.podcast{
  height: 290px;
}

.podcast a {
    margin-top: 12px;
    position: absolute;
    left: 10px;
}

.podcast>div:nth-child(2) {
  padding-left: 24px;
  height: calc(100% + 52px);
}

.podcast audio{
  align-self: self-end;
width: calc(100vw - 24px) !important;
}

.podcast > div:nth-child(2) p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
  height: 128px;}

    .podcast > div:nth-child(1) img {

    height: 57% !important;}

.the_advanced_excerpt iframe:first-of-type {

    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    margin-top: 12px;
}

/* publications */

.pub {
 gap: 20px;
 position: relative;
}

.pub.wp-block-columns{
  flex-wrap: unset;
}



  .pub>div:nth-child(1) {
 width: 100%;
 margin-top: 120px;
   min-width: 110px;
}


.pub>div p:nth-child(1) {
 /* title */
position: absolute;
left: 0px;
}

.pub>div p:nth-child(2) {
 /* author */
 position: absolute;
 top: 40px;
left: 0px;
}

.pub>div p:nth-child(3) {
 /* date */
 position: absolute;
 top: 68px;
left: 0px;
}

.pub>div p:nth-child(4) {
 /* content */
width: 100%;
align-self: flex-end;
margin-top: 120px;
    padding-bottom: 24px;
}

.pub_buttons{
  gap: 20px;
}
.wp-block-button{
width: calc(100% - 4px);
text-align: center;
padding: 10px 0px 10px 0px;
margin-right: 0px;
display: block;
}


.filter div{
   flex-grow: 1;
   width: 100%;
 min-width: 100%;
 max-width: 100%;
}