/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-mrt-2023, 21:12:23
    Author     : henkschipper
*/
.recepten_selectie { position: relative;  display: table; padding-bottom: 50px; margin: 0 auto; }
.recepten_selectie .recepten_selectie_groep { display: table-cell;  margin: 0 auto; padding-left: 30px;  padding-right: 30px;}

@media (max-width: 767px) {
.recepten_selectie .recepten_selectie_groep { display: inline;  margin: 0 auto 40px; }
}

.recepten_selectie .recepten_selectie_groep .recepten_selectie_title  { margin-bottom: 20px; }
.recepten_selectie .recepten_selectie_groep .recepten_selectie_filter {}

.recepten_selectie  input[type="checkbox"] { width: 20px;  height: 20px;  margin: 0; position: relative; padding: 0px 5px; float: left; }
.recepten_selectie  input[type="checkbox"] { display: grid; place-content: center;}
.recepten_selectie  input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); }
.recepten_selectie  input[type="checkbox"]:checked::before {  transform: scale(2.3);  background-color: #80a82c;  border-radius: 2px;}
.recepten_selectie label { width: auto; white-space: nowrap;  height: 20px;  margin: 0px 20px 0px 20px;  display: inline-block;  position: relative;  top: -2px; }

.noresultfound {     width: 100%;  padding: 10px 20px;  text-align: center;  display: block;  margin: 20px 0;  position: relative;  border: 1px solid white;  border-radius: 10px; }
.autoheight { height: auto!important; margin-bottom: 40px!important; }

/*  #main > .row > div > div > .vc_row {  padding-top: 50px;} */
.blog_grid .wpb_column.vc_col-sm-3 a { display: block; border-radius: 25px; overflow: hidden; margin: 20px; position: relative; }
.blog_grid .wpb_column.vc_col-sm-3 a img { width: 100%; display: block; }
.blog_grid .wpb_column.vc_col-sm-3 img { height: auto; }
.blog_grid * { display: block; }
.blog_grid .blog_grid_hover { width: 100%; height: 100%; display: inline-block; background-color: rgba(0,0,0,0.4); position: absolute; z-index: 99;  top: 0px; color: white; font-size: 20pt; text-align: center; vertical-align: middle;   visibility: hidden;  opacity: 0; -webkit-transition: visibility 0.5s, opacity 0.5s linear; }
.blog_grid .blog_grid_hover .blog_grid_hover_tekst { margin: 10% auto auto auto!important; display: inline-block; position: relative;text-shadow: 0px 0px 5px rgba(0,0,0,0.48); }
.blog_grid a {border: 5px solid white;}
.blog_grid a:hover { border: 5px solid white; }
.blog_grid a:hover .blog_grid_hover { opacity: 1; visibility: visible; -webkit-transition: visibility 0.5s, opacity 0.5s linear;}
.blog_grid .wpb_column.vc_col-sm-3 {    margin-bottom: 50px;}
.blog_grid .post_title_grid,
.blog_grid .post_excerpt_grid,
.blog_grid .post_button_grid  { width: 80%;  margin-left: 10%;}
.blog_grid .post_button_grid { position: absolute; bottom: -20px;}
.blog_grid .post_excerpt_grid { overflow: hidden; }
.blog_grid .post_title_grid { overflow: hidden}
.blog_grid h3 {   margin-top: 10px;  width: 100%; text-align: center;  display: block;  position: relative; }
.blog_grid .post_excerpt_grid { margin-bottom: 35px; }
.blog_grid {  width: 100%;  display: inline-block;}
.blog_grid_btn.btn__wrapper { width: 100%!important; text-align: center!important; }

#load-more-postsgrid {     text-align: center; margin: 10px auto; display: inline-block!important; position: relative; left: auto; right: auto; }
#load-more-postsgrid:hover { color: rgba(237, 26, 52);  }
.entry-featured img   {    width: 96%;  margin-left: 2%;   display: block;  border-radius: 20px;  border: 5px solid white;  margin-bottom: 50px;}
    
.bx-controls.bx-has-pager .bx-pager {     bottom: 30px; }
.bx-wrapper-recept .bx-pager.bx-default-pager a:hover, 
.bx-wrapper-recept .bx-pager.bx-default-pager a.active, 
.bx-wrapper-recept .bx-pager.bx-default-pager a:focus {   background: rgba(66, 66, 66);}
.bx-wrapper-recept .bx-pager.bx-default-pager a { background: rgba(237, 26, 52);}


#slider > div > ss3-force-full-width { display: contents; }


@media (min-width: 768px) {
    .slider_recept .wpb_column.vc_column_container.vc_col-sm-12 > .leesmeerbutton { right: 10px; left: auto; display: inline-block; position: absolute; }
}


@media (min-width: 870px) {

}
@media (max-width: 992px) and (min-width: 768px) {
.blog_grid .wpb_column.vc_col-sm-3 { width: 50%; }
}

@media (max-width: 767px) {
	.post-navigation.d-flex {    display: flex!important;  max-width: 100%;  flex-direction: column;}
	.post-navigation.d-flex > .pr-3 { min-width: 100%; display: inline-flex;  min-width: 100%;  flex-direction: column;}
	.post-navigation.d-flex > .pr-3 > a { min-width: 100%;  }
}

@media (max-width: 767px) and (min-width: 501px) {
.blog_grid .wpb_column.vc_col-sm-3 { width: 50%; }
.blog_grid .post_button_grid { position: relative!important; bottom: initial!important;}

}
@media (max-width: 500px) {
.blog_grid .wpb_column.vc_col-sm-3 { width: 100%; height: auto; }
.blog_grid .post_button_grid { position: relative!important; bottom: initial!important;}
}