.paginablokken section.hoofdkleur2 {    background-color: var(--hoofdkleur-2) !important;}
.paginablokken section.hoofdkleur1 {    background-color: var(--hoofdkleur-1) !important;}
.paginablokken section.achtergrondkleur1 {    background-color: var(--achtergrondkleur-1) !important;}
.paginablokken section.achtergrondkleur2 {    background-color: var(--achtergrondkleur-2) !important;}

body.page:not(.single-zondag, .single-werkje, .woocommerce-page) img + .content-section.standaard {height: 60vh;    min-height: 650px; display: flex;    align-items: flex-end;}
.page .hero-image {min-height: 650px;}
body:not(.woocommerce-page) img + .content-section.standaard .section-inner-wrap {height: fit-content; background: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 100%);z-index: 1;     padding: 0px; width: 100%;}
.content-section.standaard .rounded.content {padding-left: clamp(20px, calc(50% - 680px), calc(50% - 680px)); padding-right: clamp(20px, calc(50% - 680px), calc(50% - 680px));  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); box-shadow: var(--box-shadow);     border-radius: 0px; box-shadow: none; width: 100%;}
.hero-image + section > .section-inner-wrap {    max-width: none;}

footer, footer a {color: rgb(114, 114, 114);}

@media (min-width: 992px) { 
    #header {margin-bottom: 58px;}
    header .site-logo {margin-top: -5px;}
    .header-right .dashicons {color: var(--hoofdkleur-3);}
    .header-container {position: static;}
    #hoofdmenu-container {position: absolute;    bottom: -58px;    left: 0px;    width: 100%;    background: #ffffff; height: 58px;}
    .menu-hoofdmenu-container {display: flex; justify-content: center;         width: 1000px;        margin: auto;        position: relative;}
	header.header-scroll {position: relative;}
	header.header-scroll #hoofdmenu-container {position: fixed; top: 0px;}
    .header-right a {display: flex;}
	.admin-bar header.header-scroll #hoofdmenu-container {position: fixed; top: 32px;}
    header.vertikaal_submenu #hoofdmenu-list.menu-list > .menu-item {     position: static; }
    #hoofdmenu-list.menu-list li.menu-item.menu-item-has-children:hover > a {position: relative;}
    #hoofdmenu-list.menu-list li.menu-item.menu-item-has-children:hover > a:before  {
        content: "";
        width: 0px;
        height: 0px;
        border-top: solid 25px white;
        border-right: solid 25px transparent;
        border-bottom: solid 25px transparent;
        border-left: solid 25px transparent;
        left: 10px;
        bottom: -47px;
        position: absolute;
    }
    header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item .sub-menu {
        position: absolute;
        top: calc(100% - 2.5px);
        padding-top: 100px !important;
        left: 0px;
        width: 1000px !important;
        height: calc(100vh);
        z-index: -1;
        font-weight: bold;
        background-color: #a2b936;
        border-radius: 0px;
        justify-items: center;
        align-content: start;
    }
  
    header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item  {
        height: fit-content;
        
    }
    header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item a {
        color: #ffffff;
        text-align: center;
        font-size: 22px !important;
    }
    header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item a:hover {
        color: var(--hoofdkleur-2);
    } 
    body.home #hoofdmenu-list > .menu-item > a:hover, body.home #hoofdmenu-list > .current-menu-item > a {
        color: var(--koptekstkleur) !important;
    }
    header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item a span:after {
        width: 150px;
        content: "";
        height: 1px;
        background: #fff;
        position: absolute;
        z-index: 99999999999999;
        left: calc(50% - 75px);
        top: 40px;
    }
}
/*homepagina*/
.home #slider .flickity-slider:before {content: ""; background-image: radial-gradient(#fff 15%, transparent 60%); width: 30vw; height: 30vw; position: absolute; top: calc(50% - 15vw + 20px); left: calc(-15vw); pointer-events: none; z-index: 2; }
.home #slider .flickity-slider:after {content: ""; background-image: url('../../uploads/2026/01/SA-Logo-Kleur.png'); width: 30vw; height: 30vw; background-size: contain; position: absolute; top: calc(50% - 15vw + 20px); left: calc(-15vw); pointer-events: none; z-index: 2;}

.home #iconen .section-inner-wrap {max-width: 1200px;}
.home #iconen .section-inner-wrap img {height: 200px;}

section.bijbeltekst .section-inner-wrap .bijbelblok {max-width: 800px; border-width: 6px; margin: auto;}

/*overzichtspagina*/
.button-kaart {gap: 1vmin; position: absolute; top: 0px; right: 0px;}
.page-id-45 .content.rounded, .overzicht-locatie .content.rounded {background: transparent; padding: 0px; box-shadow: none;}
body .wp-grid-builder .wpgb-card-2 .wpgb-card-body {   /* background: transparent; padding-left: 0px; padding-right: 0px;*/}
body .content .wpgb-map-marker-title {color: var(--hoofdkleur-1);}

/**locatiepagina**/
section .section-inner-wrap .wp-grid-builder .wpgb-sidebar {flex-basis: 20%;}
section .section-inner-wrap .wpgb-sidebar .wpgb-facet {height:auto;}
section .section-inner-wrap .wpgb-card-content .wpgb-card-body {padding: 15px;}
section .section-inner-wrap .wpgb-card-content h3.wpgb-block-1 {font-size: 20px; font-weight: 400;}
section .section-inner-wrap .wpgb-card-content h3.wpgb-block-1:hover {color: #262626 !important;}
section .section-inner-wrap .wpgb-card-content .locatie_plaats {color: var(--hoofdkleur-1); font-weight: 400;}
section .wpgb-card-wrapper {border-radius: var(--borderradius); overflow: hidden;}
.wpgb-map-marker-content:not(.wpgb-map-marker_link) {overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
.wpgb-map-marker-title {font-weight: 600;}
.wpgb-facet-1 {margin-top: 10px;}
.ml-wp-grid-builder {margin-top: 20px;}
.wp-grid-builder .wpgb-main {padding-left: 0px !important;}
@media (min-width:768px) {
	.ml-wp-grid-builder {display: grid; grid-template-columns: 1fr 3fr; grid-gap: 20px; }
	.filter-button, .dashicons.filter-button {display: none;}
	.ml-wpgb-sidebar h2 {display: none;}
}
@media (max-width:767px) {
	.ml-wpgb-sidebar {position: fixed;    top: 0px;   left: -100%;    width: 100%;    height: 100%;    padding: 20px; padding-top: 95px; padding-bottom: 0px;   z-index: 9000;    background: #fff9ee; transition-duration: 0.5s; overflow: scroll;}
	.ml-wpgb-sidebar.visible {   left: 0%; transition-duration: 0.5s;}
	.ml-wpgb-sidebar h2 {margin-bottom: 20px;}
	.ml-wpgb-sidebar .dashicons-no-alt {position: absolute;    font-size: 36px;    right: 20px;    top: 95px;    width: 36px;    height: 36px; cursor: pointer;}
	.sluit-filters-wrapper {position: sticky;    bottom: 0px;    padding-bottom: 20px; padding-top: 10px;    background: #fff9ee;    width: 100%;}
}

@media (max-width:480px) {.leaflet-popup-content img{display: none;}}
.wpgb-facet-1 {max-height:0px;overflow:hidden;transition:max-height 0.25s ease-in !important;}
.wpgb-facet-1.visible {max-height:800px;overflow:auto;}
.toon-locatie-kaart-button + p {display:none;}
.flex-center {display: flex; align-items: center;}
.flex-center > span {margin-right:10px;}

#home-search-form {display:flex;}
#home-search-form .wpgb-facet fieldset {margin-bottom:0px;}

/**Woocommere**/

.woocommerce div.product .woocommerce-product-gallery .galerij a.main-image, .woocommerce div.product .woocommerce-product-gallery .galerij a.main-image img {height: 450px;}

/*product single */
.single-product .section-inner-wrap .rounded {padding: 0px;}
.woocommerce div.product .woocommerce-product-gallery .galerij a img {object-fit: contain; background: var(--achtergrondkleur-2); border-radius: var(--borderradius); padding: 20px;}
.woocommerce div.product .woocommerce-product-gallery .galerij a:hover {    transform: translateY(0px);}
.single-product .tabs.wc-tabs, .woocommerce-Tabs-panel--reviews, .single-product #reviews {display: none;}
.single-product .sku_wrapper {display: none;}
.single-product .related.products h2 {margin-bottom: 20px;}
body.woocommerce.single-product .single_add_to_cart_button {background-color: var(--hoofdkleur-1) !important;}
.single-product h1 {font-size: var(--h2);}
.single-product .product-author, .single-product .product-author a {color: var(--hoofdkleur-2); font-style: italic; font-size: 1.15em;}
.single-product .woocommerce-Tabs-panel h2:nth-of-type(2), .single-product .woocommerce-product-attributes{display: none;}

/**carousel**/
section.carousel.carousel-product .carousel-cell a:hover {    transform: translateY(0px);}
section.carousel .add_to_cart_inline {border: 0px !important; padding: 0px !important; display: flex;     justify-content: space-between;    flex-direction: row; width: 100%; align-items: center; margin-bottom: 0px; position: relative;}
section.carousel .carousel-cell .add_to_cart_button {background-color: var(--hoofdkleur-2); color: var(--hoofdkleur-2); width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius);}
section.carousel .carousel-cell .add_to_cart_button:before {  content: "\f543 \f174";    font: normal 22px/1 dashicons; color: #ffffff; }
section.carousel.carousel-product .carousel-cell .add_to_cart_button:hover {    transform: translateY(-5px);}
section.carousel .carousel-cell .added_to_cart {background-color: #ffffff; color: #ffffff; width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius); position: absolute; right: 60px; }
section.carousel .carousel-cell .added_to_cart:before {  content: "\f147";    font: normal 40px/1 dashicons; color: var(--hoofdkleur-2); }
section.carousel .carousel-cell .added_to_cart:hover {    transform: translateY(0px);}
section.carousel .product-author {color: var(--hoofdkleur-2); font-style: italic;}
section.carousel .carousel-cell img {object-fit: contain; background: #ffffff; padding: 15px;}

/**overzicht**/
section.overzicht .add_to_cart_inline {border: 0px !important; padding: 0px !important; display: flex;     justify-content: space-between;    flex-direction: row; width: 100%; align-items: center; margin-bottom: 0px; position: relative;}
section.overzicht .overzicht-cell .add_to_cart_button {background-color: var(--hoofdkleur-2); color: var(--hoofdkleur-2); width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius);}
section.overzicht .overzicht-cell .add_to_cart_button:before {  content: "\f543 \f174";    font: normal 22px/1 dashicons; color: #ffffff; }
section.overzicht.overzicht-product .overzicht-cell .add_to_cart_button:hover {    transform: translateY(-5px);}
section.overzicht .overzicht-cell .added_to_cart {background-color: #ffffff; color: #ffffff; width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius); position: absolute; right: 60px;}
section.overzicht .overzicht-cell .added_to_cart:before {  content: "\f147";    font: normal 40px/1 dashicons; color: var(--hoofdkleur-2); }
section.overzicht .overzicht-cell .added_to_cart:hover {    transform: translateY(0px);}

/*woocommerce archive page*/
@media (min-width:992px) {body.post-type-archive-product #primary section .section-inner-wrap, body.archive.tax-product_cat #primary section .section-inner-wrap, body.woocommerce.archive #primary section .section-inner-wrap {display: grid; grid-template-columns: 1fr 3fr;}}
body.archive.tax-product_cat #primary section .section-inner-wrap {    max-width: 1400px !important;    display: grid;    /* grid-template-columns: 1fr 3fr; */    width: 100%;    grid-gap: clamp(20px, 5vmin, 50px);}
#sidebar-1 {background-color: var(--achtergrondkleur-2); display: flex; gap: 30px; flex-direction: column; height: fit-content; margin-top: 20px;} 
ul.product-categories {  list-style-type: none;  margin: 0;  padding: 0;}
ul.product-categories a {color: #000000; text-decoration: none;}
.attachment-woocommerce_thumbnail {object-fit: contain;}
.woocommerce ul.products li.product .woocommerce-placeholder {
    border: 0px;
}

@media (max-width:480px) {.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 100%;}}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product span.product-author{color: var(--koptekstkleur); padding: 0px 20px; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;   -webkit-box-orient: vertical; overflow: hidden;}
.woocommerce ul.products li.product a:first-child {background: #ffffff; width: 100%; overflow: hidden; border-radius: var(--borderradius); display: flex;    flex-direction: column; transition-duration: 0.4s;}
.woocommerce ul.products li.product a:hover {/*transform: translateY(-10px); transition-duration: 0.4s;*/}
.woocommerce ul.products li.product a img {object-fit: contain; height: 280px; padding: 15px; border-radius: var(--borderradius);}
.woocommerce ul.products li.product .product-author {color: var(--hoofdkleur-2); font-style: italic;}
.woocommerce ul.products li.product .button {background-color: var(--hoofdkleur-1); color: var(--hoofdkleur-2); width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius); position: absolute; bottom: 20px; right: 20px;}
.woocommerce ul.products li.product .button:before {  content: "\f543 \f174";    font: normal 22px/1 dashicons; color: #ffffff; }
.woocommerce ul.products li.product .button:hover {    transform: translateY(-5px);}
.woocommerce ul.products a.added_to_cart {background-color: #ffffff; color: #ffffff; width: 55px; height: 40px;     white-space: nowrap;    overflow: hidden; font-size: 0px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; border-radius: var(--borderradius); position: absolute; right: 80px; bottom: 20px;}
.woocommerce ul.products a.added_to_cart:before {  content: "\f147";    font: normal 40px/1 dashicons; color: var(--hoofdkleur-1); }
.woocommerce ul.products a.added_to_cart:hover {    transform: translateY(0px);}
.woocommerce ul.products li.product .price {color: #1c1c1b;font-family: 'Open Sans';    line-height: 1.6;    font-size: 16px; font-weight: 400; padding: 0px 20px; margin-top: 18px; margin-bottom: 28px;}
.woocommerce a.added_to_cart {}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin: 0px 0px 20px 0px;}
.woocommerce ul.products li.product:not(.last), .woocommerce-page ul.products li.product:not(.last) {margin: 0px 20px 20px 0px;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {width: calc(33.33% - (20px * 2 / 3));}
.ml-wpgb-sidebar .wpgb-facet-11 {display: none;}
@media (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: calc(50% - (20px * 1 / 2));
        float: left;
        clear: both;
        margin: 0px 0px 20px 0px;
    }
}
@media (max-width: 480px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;

    }
    .ml-wpgb-sidebar .wpgb-facet-11 {display: block;}
    .button-kaart .wpgb-facet-11 {display: none;}
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product span.product-author {
    height:3em;
}
/*woocommerce winkelmand*/
.woocommerce a.remove {color: var(--koptekstkleur) !important;}
.woocommerce a.remove:hover {background: var(--koptekstkleur) !important;}
#sidebar-cart .button.checkout.wc-forward, .woocommerce-cart .button[name="update_cart"]:not(.button:disabled[disabled]) {background: var(--hoofdkleur-1); color: #ffffff;}
.woocommerce-mini-cart-item .variation {display: none;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {height: 75px; width: 75px;}
#sidebar-cart .button {    font-size: 14px; font-weight: 400; margin-bottom: 10px; padding-top: 5px;        padding-bottom: 5px;        padding-left: 12px;        padding-right: 12px;  }
#sidebar-cart .button:hover {transform: translateY(0px);}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {    color: var(--hoofdkleur-3); font-weight: 400; text-decoration: none;}
.wc-block-components-button {display: flex; border-radius: 0px;  box-shadow: 0px 0px 0px 0px #ffffff00 !important;   border-style: solid;   flex-direction: row;    width: fit-content;    border: 0;    cursor: pointer;    align-items: center;    justify-content: center;    font-family: 'Open Sans';    font-weight: 600;     color: #ffffff !important;    text-transform: uppercase;    background-color: var(--hoofdkleur-1);    letter-spacing: 1px;    text-align: center;    box-shadow: 0px 10px 20px -15px var(--hoofdkleur-1);    text-decoration: none;    transition-duration: 0.4s;    padding-top: 12px;    padding-left: 25px;    padding-right: 25px;    padding-bottom: 12px;    font-size: 13px;}
/*woocommerce afrekenen*/
.woocommerce-checkout .social-buttons-wrapper {display: none;}
.woocommerce-checkout #place_order {background: var(--hoofdkleur-2) !important;}
.wc-block-components-text-input input {padding-top: 24px !important;}
.wc-block-components-product-details__verkoper {display: none;}

/*woocommerce vendor*/
.dokan-list-inline, .dokan-store-products-filter-area, .dokan-store-rating{display: none !important;}
.dokan-single-store .dokan-store-tabs ul.dokan-modules-button {border: 0px !important;}