/*Menu Shrink on scroll*/

/*Menuscroll top en bottom ruimte*/
.reduce-section-padding {
transition: all 0.9s ease-out 0s;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/*Menuscroll left en right ruimte*/ 
.increase-row-width {
transition: all 0.9s ease-out 0s;
width: 80% !important;
}
 
.slow-transition {
transition: all 0.9s ease-out 0s;
}

/*Verander naar de hoogte van het menu*/
#main-content {

}


/*** [ Shaduw menu header verwijderen ] ***/

/* hide header shadow */
#main-header{ 
 -webkit-box-shadow:none!important; 
 -moz-box-shadow:none !important; 
 box-shadow:none !important;}


/* Fix header buttons op mobiel */

@media only screen and (max-width: 480px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
        margin-left: 0;
    }
}

/* MOBILE ORDER */

@media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom-row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap; /* Safari 6.1+ */
      flex-wrap: wrap;
  }
  
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
}

.second-on-mobile {
    -webkit-order: 2;
    order: 2;
}

.third-on-mobile {
    -webkit-order: 3;
    order: 3;
}

.fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
}

}

/* Dashboard css */


/* opmaak zoek en category pagina's */

/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area
{
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.search #left-area .et_pb_post a img,
.archive #left-area .et_pb_post a img{
   float:left !important;
   max-width:300px !important;
   padding:10px;
}
.search #left-area ul,
.archive #left-area ul
{
   list-style-type: none !important;
}
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}

.search #left-area .et_pb_post,
.archive #left-area .et_pb_post{
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 10px;
}

.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}

.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio
{    padding: 0; }

.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider,
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider{
    margin: -20px -20px 10px;
}



.search .et_pb_post .et_pb_slider .et_pb_slide,
.archive .et_pb_post .et_pb_slider .et_pb_slide{
    min-height: 180px;
}

.search .pagination,
.archive .pagination{
    padding: 20px 0;
}

.search #main-content .container:before,
.archive #main-content .container:before{
    background-color: #ff000000!important;
}

/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
   .container.et_menu_container { 
       width: calc( 100% - 60px);
   }
}

.et_mobile_menu {
   margin-left: -30px;
   padding: 5%;
   width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
   content: "\4d";
}

/*Link checker*/

a.broken_link:before,.broken_link:before {
    content: url(/wp-content/uploads/linkkapot.svg);
    width: 35px;
    position: absolute;
    left: -48px;
    top: 3px;
}