/*
Theme Name:   Mijnkerk Child
Template:     mijnkerk
Version: 	  1.2
*/

:root {
	--achtergrondkleur-4: #4d5e86; 
	--hoofdkleur-4: #F5F800;
}

/*---ALGEMEEN---*/

.button.button-alt {color:#ffffff !important;}
.button-small {font-size: 12px !important; padding: 5px 10px !important; text-decoration: none !important; background-color: #4d5e86 !important; align-items: center !important; display: flex !important; }
.button-small:after {font-size: 12px;}
.button-small:hover {transform: translateY(-3px) !important;}

.media {position: relative; }
.media img {background: #ffffff;}
.media:after {content: ""; position: absolute; height: 100%; width: 100%; background: url('http://www.webheldtest.nl/bisdomgl/wp-content/uploads/2025/08/bg-large.jpg'); z-index: -1; top: 7px; left: 7px; background-size: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%); }
.links .media:after {content: ""; position: absolute; height: 100%; width: 100%; background: url('http://www.webheldtest.nl/bisdomgl/wp-content/uploads/2025/08/bg-large.jpg'); z-index: 1; top: 7px; left: 0px; background-size: 100%; clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);  }
.links .media img {z-index: 2;}
.media img {}

/*---FONT---*/

@font-face {    font-family: 'CerebriSansProBold';    src: url('fonts/CerebriSansProBold.eot');    src: url('fonts/CerebriSansProBold.eot') format('embedded-opentype'),         url('fonts/CerebriSansProBold.woff2') format('woff2'),         url('fonts/CerebriSansProBold.woff') format('woff'),         url('fonts/CerebriSansProBold.ttf') format('truetype'),         url('fonts/CerebriSansProBold.svg#CerebriSansProBold') format('svg'); }
@font-face {    font-family: 'CerebriSansProRegular';    src: url('fonts/CerebriSansProRegular.eot');    src: url('fonts/CerebriSansProRegular.eot') format('embedded-opentype'),         url('fonts/CerebriSansProRegular.woff2') format('woff2'),         url('fonts/CerebriSansProRegular.woff') format('woff'),         url('fonts/CerebriSansProRegular.ttf') format('truetype'),         url('fonts/CerebriSansProRegular.svg#CerebriSansProRegular') format('svg');}
@font-face {    font-family: 'itcofficinaserifstdbold58b37d4ef28b0';    src: url('fonts/itcofficinaserifstdbold58b37d4ef28b0.eot');    src: url('fonts/itcofficinaserifstdbold58b37d4ef28b0.eot') format('embedded-opentype'),         url('fonts/itcofficinaserifstdbold58b37d4ef28b0.woff2') format('woff2'),         url('fonts/itcofficinaserifstdbold58b37d4ef28b0.woff') format('woff'),         url('fonts/itcofficinaserifstdbold58b37d4ef28b0.ttf') format('truetype'),         url('fonts/itcofficinaserifstdbold58b37d4ef28b0.svg#itcofficinaserifstdbold58b37d4ef28b0') format('svg');}

h1, h2, h3, h4, section.verwijzingen .verwijzing-titel {font-family: 'itcofficinaserifstdbold58b37d4ef28b0'; font-weight: normal !important;}

body, .submenu-title {font-size: 19px; font-family: 'CerebriSansProRegular';}
.submenu-title {color: var(--tekstkleur);}
.page-submenu li a {font-size: 17px;}
#header2 {font-size: 12px;}
#header2 .dashicons {font-size: 20px; color: var(--hoofdkleur-2); opacity: 0.7;}
#header2 .header-row {background: var(--achtergrondkleur-2); padding-top: 5px; padding-bottom: 5px;}

.boventitel, section.verwijzingen .verwijzing-titel, section.carousel:not(.aantal1) h4 {color: var(--hoofdkleur-1); font-size: var(--xl-text) !important;}
section.carousel:not(.aantal1) h4 {font-size: var(--l-text) !important;}
.verwijzing-titel {font-size: var(--h5) !Important;}
section.verwijzingen a div.verwijzing-tekst {font-size: var(--m-text);}

.paginablokken section:nth-of-type(odd):not(.hoofdkleur1):not(.hoofdkleur2):not(.wit):not(.page-breaker):not(.tekst-afbeelding):not(.tabbladen) h2, .paginablokken section:nth-of-type(odd):not(.hoofdkleur1):not(.hoofdkleur2):not(.wit):not(.page-breaker):not(.tekst-afbeelding):not(.tabbladen) h3 {color: #F5F800;}

/*---HEADER---*/
#header {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);}
.pagina-icoon {display: none;}
.header-row {padding-top: 0px; padding-bottom: 0px; padding-top: 0px;  padding-bottom: 0px;}
#hoofdmenu-container:not(.open), #hoofdmenu-container:not(.open) .menu-hoofdmenu-container, #hoofdmenu-container:not(.open) #hoofdmenu-list, #hoofdmenu-container:not(.open) #hoofdmenu-list.menu-list .menu-item, #hoofdmenu-container:not(.open) #hoofdmenu-list .menu-item a {height: 100%;}
.header-container {position: static; max-width: 100%;}
@media (min-width:992px){header:not(.header-scroll) .site-logo-link, header:not(.header-scroll) .site-logo {height: 120px;}}
.site-logo-link {  margin-left: -20px;}

@media (min-width:992px){header:not(.header-scroll) .site-logo {height: 120px;}}


@media (min-width:992px) and (max-width:1400px) {
	header:not(.header-scroll) .site-logo-link, header:not(.header-scroll) .site-logo {height: 100px;}
	#hoofdmenu-list .menu-item a, header .button-large {font-size: 16px;}
}
@media (min-width:992px) and (max-width:1200px) {
	header:not(.header-scroll) .site-logo-link, header:not(.header-scroll) .site-logo {height: 80px;}
	 #hoofdmenu-list .menu-item a {font-size: 14px;}
	  header .button-large {font-size: 12px;}
	  header .button-large, body #hoofdmenu-list .menu-item.menu-button a {padding-left: 12px; padding-right: 12px;}
	  header .dashicons {  font-size: 22px;}
}	
@media (max-width:992px) {
	header .site-logo-link, header .site-logo {height: 70px;}
	header .button-large {font-size: 12px;}

}
#header2 .button-small {opacity: 0.7;}	
#header2 .header-left {align-items: center;}
/*---MENU---*/
.menu-item.kop {background: var(--achtergrondkleur-1); font-weight: bold; color: #ffffff; width: calc(100% + 14px); margin-left: -7px; margin-right: 7px; }
.menu-item.kop a {font-weight: 700 !important; padding-left: 7px !important; padding-right: 7px !important; padding-top: 5px !important; }
.menu-item.kop a:hover {color: var(--tekstkleur) !important; }
/*---HOME---*/
@media (min-width:768px) {.home .hero .flickity-viewport {clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);}}
@media (min-width:768px) {.home .hero .collumns-2 {    grid-template-columns: 45% 55%; grid-gap: 0px;}}
@media (min-width:1500px) {.home .hero .media {width: calc(100% + (100vw - 1440px)/4); margin-right: calc(-(100vw - 1440px)/4); min-height: calc(60vh - 150px);  }}

@media (max-width:768px) {.hero.slider .media {height: 35vh !important;}}
/*---PAGE---*/
.page:not(.woocommerce-page) .section-inner-wrap .rounded {background: var(--hoofdkleur-1); color: #ffffff; box-shadow: none; max-width: 1000px; height: fit-content;}
.page:not(.woocommerce-page) .section-inner-wrap .rounded.page-submenu {background-color: var(--achtergrondkleur-1);}
.page:not(.woocommerce-page) .section-inner-wrap .rounded h1 {color: #ffffff;}
.page:not(.woocommerce-page) .section-inner-wrap .rounded:not(.page-submenu) a {color: #ffffff; text-decoration: underline;}
.page, .archive, .single, .page  .paginablokken section:nth-of-type(odd).overzicht {background: var(--achtergrondkleur-3);}
.page:not(.woocommerce-page)  .paginablokken section:nth-of-type(odd).overzicht h2 {color: var(--kopkleur) !important;}
.page:not(.woocommerce-page)  .paginablokken section:first-of-type.overzicht .section-inner-wrap, .page .content-section + section .section-inner-wrap {padding-top: 0px;}
.page:not(.woocommerce-page)  .paginablokken section h2 + .overzicht-inner, .page:not(.woocommerce-page)  .paginablokken section h2 + script + .overzicht-inner, .page:not(.woocommerce-page)  .menu-overzicht .overzicht-inner {margin-top: 20px;}

.page-submenu .page_item:not(.submenu-parent) {margin-left: 10px;}

.page-submenu li li:before {display: none;}

@media (min-width:900px) {.has_submenu .section-inner-wrap {grid-template-columns: 420px 1fr;}}

/**locatiepagina**/


@media (min-width:768px) {.button-kaart {gap: 1vmin; position: absolute; top: 0px; right: 0px;}}
.overzicht-locatie .content.rounded {background: transparent; padding: 0px; box-shadow: none;}
body .content .wpgb-map-marker-title {color: var(--hoofdkleur-1);}
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 .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;  line-clamp: 3;  -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: 30px; padding-bottom: 0px;   z-index: 9999;    background: #ffffff; 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: 20px;    width: 36px;    height: 36px; cursor: pointer;}
	.sluit-filters-wrapper {position: sticky;    bottom: 0px;    padding-bottom: 20px; padding-top: 10px;    background: #ffffff;    width: 100%;}
}
/*---SINGLE---*/
.woocommerce .products ul, .woocommerce ul.products {margin-top: 30px;}
.wc-tabs {display: none;}
.woocommerce div.product .product_title {font-size: var(--h2);}
/*---PAGINABLOKKEN---*/

#parochiekaart .section-inner-wap, #parochiekaart  .collumns-2.boven {max-width: 1400px !important; }
body:not(.page-id-111) #parochiekaart .tekst-inner {background: #ffffff;}
#parochiekaart .div-block, .wp-grid-builder {width: 100%;}

/**hero**/
@media (min-width:768px) {section.hero .tekst {padding-top: 40px; padding-bottom: 40px; }}
/**tekst en afbeeldingen**/
section.tekst-afbeelding .tekst {justify-content: center;}
section.tekst-afbeelding h3 {font-size: var(--h2);}
section.tekst-afbeelding.collumns-2:not(.tekst):not(.iconen):not(.boven)  .tekst {padding-top: 30px; padding-bottom: 30px; }
section.tekst-afbeelding .collumns-2.tekst .tekst, section.tekst-afbeelding  .collumns-2.tekst .tekst-inner {min-height: 100%; }
@media (min-width:768px) {section.tekst-afbeelding .media img {clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%); min-height: 100%; }}
@media (min-width:768px) {section.tekst-afbeelding .rechts .media img {clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);}}
section.tekst-afbeelding .button:after {   content: "\f344";    font: normal 20px / 1 dashicons;    margin-left: 5px;}
@media (min-width:768px) {
    section.tekst-afbeelding .collumns-2:not(.tekst):not(.iconen) {grid-gap: 0px; }
    section.tekst-afbeelding .rechts.collumns-2:not(.tekst):not(.iconen) .tekst {margin-right: -11%; }
    section.tekst-afbeelding .rechts.collumns-2:not(.tekst):not(.iconen) .tekst-inner { padding-right: 11% !important;}

    section.tekst-afbeelding .links.collumns-2:not(.tekst):not(.iconen) .tekst {margin-left: -11%; }
    section.tekst-afbeelding .links.collumns-2:not(.tekst):not(.iconen) .tekst-inner { padding-left: 11% !important;}

}

.iconen-lijst {padding: var(--m-space); gap: 10px; display: flex; flex-direction: column; background: #ffffff; min-height: 100%; }
.iconen-lijst a {color: var(--hoofdkleur-1);}
@media (min-width:768px) {section.tekst-afbeelding div.media iframe {z-index: 2; min-height: 100%; clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);}}
/**carousel**/
@media (min-width:992px) {section.carousel:not(.aantal1)  .flickity-viewport {clip-path: polygon(0 0, calc(100% - 95px) 0, 100% 300px, 100% 100%, 0% 100%);}
section.carousel:not(.aantal1) .carousel-cell {width: calc(25% + 20px/4);}}
section.carousel.aantal1 img {height: 440px;}
section.carousel.aantal1 h4 {    font-size: var(--h4);}
section.carousel.aantal1 .text-block {justify-content: center; padding: var(--l-space);}
section.carousel.aantal1 .button {margin-top: 15px !important; background-color: #ffffff; color: var(--hoofdkleur-2); border: 1px solid var(--hoofdkleur-2);}
/**overzicht**/
.page .content-section + .paginablokken .paginablokken-scripts + section.overzicht h4 {color: var(--hoofdkleur-2);} 
.overzicht-team .overzicht-cell > a {cursor: initial !important;}
/***overzicht locaties***/
.wpgb-search-facet {background-color: #ffffff; width: 100%;}
.wpgb-grid-1 .wpgb-area-top-2>div {min-width: 40% !important;}
.wpgb-grid-1 {margin-top: -30px;}
/***seacrh overzicht***/
body.search-results .text-block div span {  display: none !important;}
/**page breaker**/
.page-breaker h2, .page-breaker h3 {font-size: clamp(30px, 5vw, 5vw);  }
section.page-breaker .section-inner-wrap {position: relative; z-index: 1; width: 100%; max-width: 100%; align-items: flex-end;}
section.page-breaker:after{content: "";position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
}
/**verwijzingen**/

/**faq**/

/**tabs**/
section.tabbladen .tabs, section.tabbladen .tab {background-color: transparent; padding-left: 0px; padding-right: 0px; }

/*---FOOTER---*/

/*---CONTENT---*/



/**blockquote**/

/**formulieren**/



/*Woocommerce*/
#header-search-form  {display: none !important;}


/*minicart*/
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 2em;
    position: relative;
    padding-top: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    padding: 4px 0;
    margin: 0;
    list-style: none;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before {
    content: " ";
    display: table;
}.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    position: absolute;
    top: 0;
    left: 0;
}.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}.woocommerce a.remove {
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    text-decoration: none;
    border: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    float: right;
    margin-left: 4px;
    width: 32px;
    height: auto;
    box-shadow: none;
}.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {width: 60px; padding:0px;}
.woocommerce a.remove:hover {
    color: #fff !important;
}
#sidebar-cart .button.checkout.wc-forward, .woocommerce-cart .button[name="update_cart"]:not(.button:disabled[disabled]) {    box-shadow: 0px 10px 20px -15px var(--hoofdkleur-2) !important;}
#sidebar-cart .button {
    font-size: 12px; padding: 5px 10px;
}
.woocommerce-mini-cart__buttons.buttons {display: flex;}
.woocommerce table.shop_table {
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
/*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-1); 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; padding: 20px;}

.woocommerce .section-inner-wrap .rounded { box-shadow: none; background-color: var(--achtergrondkleur-2);}

@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{padding: 0px 20px; font-size: 16px; 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%; box-shadow: 0 0 5px #cccccc; 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; padding: 20px; height: 280px;}
.woocommerce ul.products li.product .product-author {color: var(--hoofdkleur-2); font-style: italic;}
.woocommerce ul.products li.product .button {background-color: var(--hoofdkleur-2); box-shadow: 0px 10px 20px -15px 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); 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-2); }
.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 {padding-left: 0px; padding-top: 10px;}
.woocommerce-result-count {margin-bottom: 30px;}
.woocommerce ul.products li {list-style-type: none;}
.woocommerce ul.products .product a {text-decoration: none;}
.woocommerce-loop-product__title {height: 3lh;}
.widgettitle {margin-bottom: 10px;}
.current-cat {font-weight: bold;}
.woocommerce-products-header {z-index: 0;}
#sidebar-1 {padding-bottom: 40px;}

/*woocommerce single*/
.woocommerce div.product .woocommerce-product-gallery .galerij a img {object-fit: contain; background-color: #ffffff;}
.single .cart {display: flex; gap: 20px; margin-bottom: 20px; margin-top: 20px;flex-wrap: wrap; }
.single .quantity .input-text {height: 100%; width: 100px;}
.woocommerce-tabs {padding-top: 30px; padding-bottom: 30px;}
.woocommerce-product-gallery {padding-top: 10px; }

/*woocommerce winkelmand*/
.woocommerce a.remove {color: var(--hoofdkleur-1) !important;}
.woocommerce a.remove:hover {background: var(--hoofdkleur-1) !important;}
#sidebar-cart .button.checkout.wc-forward, .woocommerce-cart .button[name="update_cart"]:not(.button:disabled[disabled]) {background: var(--hoofdkleur-2); color: #ffffff;}

/*woocommerce afrekenen*/
.woocommerce-checkout .social-buttons-wrapper {display: none;}
.woocommerce-checkout #place_order {background: var(--hoofdkleur-2) !important;}