/*
Theme Name: Mijn Kerk
Text Domain: mijnkerk
Version: 1.38.8
Description: Thema voor Kerken
Author: Webheld
Author URI: https://webheld.nl
*/

/* universal style --------------------------------*/

:root {
	--h1-fallback: 2.8rem;
	--h1: clamp(2.03rem, 1.61rem - -2.07vw, 3.42rem);
	
	--h2-fallback: 2.3rem;
	--h2: clamp(1.80rem, 1.49rem - -1.56vw, 2.85rem);
	--h3-fallback: 2rem;
	--h3: clamp(1.60rem, 1.37rem - -1.15vw, 2.38rem);
	--h4-fallback: 1.6rem;
	--h4: clamp(1.42rem, 1.26rem - -0.82vw, 1.98rem);
	--h5-fallback: 1.35rem;
	--h5: clamp(1.27rem, 1.15rem - -0.57vw, 1.65rem);
	--h6-fallback: 1.2rem;
	--h6: clamp(1.13rem, 1.05rem - -0.37vw, 1.38rem);
	
	--s-text-fallback: 0.85rem;
	--s-text: 0.85rem;
	--m-text-fallback: 1rem;
	--m-text: 1rem;
	--l-text-fallback: 1rem;
	--l-text: clamp(1rem, 0.82rem - -0.40vw, 1.2rem);
	--xl-text-fallback: 1.2rem;
	--xl-text: clamp(1.1rem, 0.98rem - -0.48vw, 1.40rem);
	
	--xs-space-fallback: 1vmin;
	--xs-space: clamp(4px, 1vmin, 10px);
	--s-space-fallback: 2vmin;
	--s-space: clamp(8px, 2vmin, 20px); 
	--m-space-fallback: 3.5vmin;
	--m-space: clamp(12px,3.5vmin,30px);
	--l-space-fallback: 5vmin;
	--l-space: clamp(20px, 5vmin, 50px);
	--xl-space-fallback: 7vmin;
	--xl-space: clamp(32px, 7vmin, 80px);
	--xxl-space-fallback: 12vmin;
	--xxl-space: clamp(52px, 12vmin, 130px);
	
	--box-shadow: 0px 5px 15px rgba(0,0,0,0.08);
	--text-shadow: rgba(0,0,0,.5) 0 0 4px;
}

html {box-sizing: border-box;}

*, ::after,::before {  box-sizing: inherit;}

body {margin:0; font-family: 'Open Sans'; line-height: 1.6; font-size: 16px; font-weight: 400; color: var(--tekstkleur);}

body, h1, h2, h3, h4, h5, h6 {  margin: 0; }

body h1{font-size:var(--h1); font-weight: 600;   line-height: 1.3; }
body h2{font-size:var(--h2); font-weight: 600;   line-height: 1.3;}
body h3{font-size:var(--h3);  font-weight: 600; line-height: 1.3;}
body h4{font-size:var(--h4);  line-height: 1.3;}
body h5{font-size:var(--h5);  line-height: 1.3;}
body h6{font-size:var(--h6);  line-height: 1.3;}

h1, h2, h3, h4, h5, h6 {  font-family: 'Source Sans Pro'; color: var(--koptekstkleur);}

p {    display: block;    margin-block-start: 0.75em;    margin-block-end: 0.75em;    margin-inline-start: 0px;    margin-inline-end: 0px;}

img, iframe {max-width: 100%;}

.box-shadow {box-shadow: var(--box-shadow);}
.text-shadow {text-shadow: var(--text-shadow);}
.pointer {cursor:pointer;}
/* moderator -----------------------------*/

#wp-admin-bar-edit .ab-sub-wrapper {display: none !important;}
body.admin-bar header.header-scroll { top: 32px;}


/* header style --------------------------*/
header {z-index: 100; position: relative;}
header.header-scroll {position: fixed; top: 0; left: 0; right: 0;}

/*top header*/
#header2 .header-row {background-color: #efefef; padding-top: 10px; padding-bottom: 10px;}
#header2 .header-left {flex-direction: row;}
#header2 .header-left-tekst a, #header2 .header-right-tekst a { text-decoration: underline;}
#header2 a {color: #404040; text-decoration: none;}
#header2 .dashicons { color: var(--hoofdkleur-1); width: auto; height: auto; font-size: 28px; margin-top: -2px; margin-bottom: -2px;}
#header2 .dashicons {margin-left: 0px; }
@media (max-width:700px) {#header2 {display: none;}}
#header2 .header-left-tekst {display: flex; column-gap: 4px;}
#header2 .header-left {display: flex; column-gap: 2vmin; }
#header2 .header-left a {display: flex; column-gap: 1vmin; }
#header2 .header-right {display: flex; column-gap: 1vmin; }
#header2 .header_social_button {display: flex; }

/*nieuwsbalk header */
#mededelingenbalk .header-row {background: var(--achtergrondkleur-1);}
#mededelingenbalk .header-left {padding-right: 20px;}
.mededelingenbalk-close {cursor: pointer; position: absolute; top: 0px; right: 20px;}

/*header*/

@keyframes header_fadein {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}
.header-fade-in {  animation-name: header_fadein;  animation-duration: 0.5s;  animation-iteration-count: 1;}

#hoofdmenu-list {z-index: 101;}
.header-row {width: 100%; display: block; padding-top: 15px; padding-bottom: 15px; background-color: #ffffff;}
.header-container {max-width: 1400px;padding-right: 20px;padding-left: 20px;height: 100%;margin-left: auto;margin-right: auto;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;position: relative;}

.header-left {justify-content: flex-start; display: flex; align-items: flex-start; flex-direction: column;}
header .site-logo {height:90px;  vertical-align: bottom;}
	@media (max-width:991px) {	header .site-logo {height:60px;  }}
	@media (max-width:767px) { header .site-logo {height:45px;  }}

.header-center {display: flex; align-items: center; flex-grow: 1; justify-content: center;}


.header-right {justify-content: flex-end; display: flex; align-items: center;}
#mobile-button {display:none;}
@media (max-width:991px) {
	#mobile-button {  display:block; transform: rotate(0deg);  transition: .5s ease-in-out;  cursor: pointer; z-index: 102;}
	#mobile-button span {  width: 30px;  height: 5px;  border-radius: 0px;  background-color: #191919;  display: block;  margin: 7px auto;  transform: rotate(0deg);  transition: .5s ease-in-out;  }
	#mobile-button.open {position: fixed;}
	#mobile-button.open span:nth-child(1) {	display:none;}
	#mobile-button.open span:nth-child(2) {      transform: translateY(0px) rotate(45deg);}
	#mobile-button.open span:nth-child(3) {      transform: translateY(-12px) rotate(135deg);}
}

#hoofdmenu-list ul {padding: 0; list-style-type: none;}
#hoofdmenu-list.menu-list {flex-direction: row; display: flex; padding: 0; margin: 0; align-items: center;}

#hoofdmenu-list .menu-item a {width: max-content; min-width: 100%; text-decoration: none; font-family: 'Open Sans'; font-weight: 500; color: #0f0f0f; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; padding-top: 15px; display: inline-flex; align-items: center; grid-gap: clamp(8px, 2vmin, 20px);font-size:var(--l-text); transition: .3s ease-in-out;}
@media (max-width:1250px) {#hoofdmenu-list .menu-item a {padding-left: 7px; padding-right: 7px;}}
#hoofdmenu-list .menu-item a:hover {color: var(--hoofdkleur-1); transition: .3s ease-in-out;}
#hoofdmenu-list .sub-menu .menu-item a {font-size:var(--m-text);}
header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item a {padding-left: 0px; padding-right: 0px; padding-bottom: 5px; padding-top: 5px;}
header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item:first-child a {padding-top: 0px;}
header.vertikaal_submenu #hoofdmenu-list .sub-menu .menu-item:last-child a {padding-bottom: 0px;}
#hoofdmenu-list.menu-list .menu-item {list-style-type: none; }
header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item {position: relative; }
#hoofdmenu-list.menu-list .menu-item .sub-menu {visibility: hidden; position: absolute; opacity:0; transition:opacity,visibility; transition-duration: .4s; width: calc(100% - 40px); display:grid; grid-template-columns: repeat(4, 1fr); padding: 15px !important; left: 20px;border-radius: min(var(--borderradius), 20px);box-shadow: 0px 3px 10px rgba(0,0,0,0.1);background-color:#fff;z-index:10;}
header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item .sub-menu {left:10px}
@media (min-width:992px) {#hoofdmenu-list.menu-list .menu-item:hover .sub-menu {visibility: visible; opacity:100; position: absolute;}}
header.vertikaal_submenu #hoofdmenu-list.menu-list .menu-item .sub-menu {width: auto; min-width: 250px; grid-template-columns: 1fr;}
#hoofdmenu-list.menu-list img {display:none;}
#hoofdmenu-list.menu-list .sub-menu img {display:block; width: 90px; height: 90px;}
header.vertikaal_submenu #hoofdmenu-list.menu-list .sub-menu img {width: 40px; height: 40px;}
#hoofdmenu-list.menu-list .sub-menu .menu-titel {display: flex; flex-direction: column;}
#hoofdmenu-list.menu-list .sub-menu .menu-ondertitel {color: var(--hoofdkleur-1); font-size: var(--s-text);}
#hoofdmenu-list.menu-list > .menu-item.menu-item-has-children > a {grid-gap: 0px;}
#hoofdmenu-list.menu-list > .menu-item.menu-item-has-children > a::after {  font-family: "dashicons"; content: "\f347"; font-size: 13px; margin-top: 7px; margin-left: 3px;}
#hoofdmenu-list .sub-menu .sub-menu {display: none !important;}

@media (max-width:991px) {/*responsive menu*/
	#hoofdmenu-container {visibility:hidden; top:0; left:0; height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 10; overflow: auto; background-color:#fff;width:100%; padding-bottom: 60px;opacity:0;}
	#hoofdmenu-container.open {visibility:visible;opacity:100;}
	#hoofdmenu-list.menu-list {display:flex;flex-direction:column; overflow: visible; padding-bottom: 10px; padding-top: 30px;}
	#hoofdmenu-list.menu-list .menu-item .sub-menu {visibility: hidden; position: static; opacity:0; transition:opacity,visibility; transition-duration: .4s; width: 100%; display:flex;flex-direction:column; padding: 15px; left: 0;border-radius: none;box-shadow: none; grid-gap: 0px;}
	#hoofdmenu-container.open .menu-item .sub-menu {visibility: visible; opacity:100;}
	#hoofdmenu-list.menu-list .sub-menu img {display:block; width: 45px; height: 45px;}
	#hoofdmenu-list .menu-item a { padding-bottom: 10px; padding-top: 10px; font-size: 20px;}
	#hoofdmenu-list > .menu-item {width: 300px; max-width: 100%;}
}

header form#zoekformulier { background:#00000088;  position:fixed;  left:0;  right:0;  bottom:0;  top:0;  opacity:0;  overflow:hidden;  visibility:hidden;  z-index:99;  transition:all .3s ease;}
header form#zoekformulier.open { opacity:1;  visibility:visible}

header form#zoekformulier .section-inner-wrap{ 	display: flex; align-items: center; justify-content: center;	}
header .zoekformulier-wrapper {    border: 2px solid var(--hoofdkleur-1);    border-radius: 7px;    background: #ffffff;    padding: 20px;    width: 100%;    position: relative;    max-width: 1200px;}
header #zoekformulierzoekinput {width: 100%; border: 0px; font-size: 28px; background: transparent;}
header #zoekformulierzoekinput:focus-visible {outline: 0px;}
header form#zoekformulier .dashicons {font-size: 36px; width: auto; height: auto; position: absolute; right: 20px; top: 20px; color: #000000;}
input[type="search"]::-webkit-search-cancel-button {  /* Remove default */  -webkit-appearance: none;}

header .button {margin-left: 2vmin;}
@media (max-width:1250px) {header .button {  padding-left: 20px; padding-right: 20px;}}
@media (max-width:767px) {header .button {margin-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}}
@media (max-width:479px) {header .headerbutton {display:none;}}
@media (max-width:479px) {header .button-mobile {margin-left: calc((100% - 300px) / 2 + 7px);}}

header .dashicons {font-size: 28px; margin-left: 1vmin; height: auto; width: auto; color: #000000;} 
header .dashicons:hover {color: var(--hoofdkleur-1);}
header a {text-decoration: none;}
@media (max-width:767px) {header .dashicons-search { margin-top: -2px; margin-left: 10px; font-size: 36px;} }
/**huisje in menu**/
header.huisje #hoofdmenu-list > li:first-child > a:before {content: "\f102"; font: normal 26px/1 dashicons;}
header.huisje #hoofdmenu-list > li:first-child > a div {display: none;}
/**doorzichtige header op home**/
.home header.doorzichtig_home:not(.header-scroll):not(#header2) {    position: absolute;    width: 100%;    box-shadow: none;}
.home header.doorzichtig_home:not(.header-scroll):not(#header2) .header-row {    background-color: transparent; background-image: linear-gradient( 180deg, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0) 100% );}
@media (min-width: 992px){.home header.doorzichtig_home:not(.header-scroll) #hoofdmenu-list > .menu-item > a {    color: #ffffff;}}
.home header.doorzichtig_home:not(.header-scroll) .dashicons {    color: #ffffff;}
@media (max-width: 991px){.home header.doorzichtig_home:not(.header-scroll) #mobile-button:not(.open) span {background-color: #ffffff;}}
@media (min-width: 992px){.home header.doorzichtig_home + .paginablokken section:first-of-type .section-inner-wrap {padding-top: 195px;}}
@media (min-width: 768px) and (max-width: 991px){.home header.doorzichtig_home:not(.header-scroll) + .paginablokken section:first-of-type .section-inner-wrap {padding-top: 165px;}}

/* Submenu -------------------------------- */
section.has_submenu {overflow: hidden;}
.submenu-title {font-size: 16px; margin-bottom: 8px;}
.has_submenu .section-inner-wrap {max-width: 1400px !important; display: grid;  grid-template-columns: 1fr 3fr;     width: 100%;     grid-gap: clamp(20px, 5vmin, 50px);}
.page-submenu {height: fit-content;}
.page-submenu ul {padding-left: 0px;}
.page-submenu li {list-style-type: none; padding: 0px !important; }
.page-submenu li.current_page_item > a {text-decoration: underline; color: var(--hoofdkleur-1);}
.page-submenu li a {text-decoration: none; font-size: 15px; color: #000000; line-height: 1;}
.page-submenu li a:hover {text-decoration: underline;}
.page-submenu li li {padding-left: 10px !important;}
.page-submenu li li:before {content: '> ';}
.submenu-title {border-bottom: 1px solid #efefef;     padding-bottom: 5px;  margin-top: -3px; cursor: pointer; display: flex;        justify-content: space-between;      }
.submenu-title .dashicons-arrow-down-alt2 {  transform: rotate(180deg);  font-size: 13px;    transition-duration: 0.3s;    transition-property: transform;    display: flex;    justify-content: center;    align-items: center;}
.submenu-title.active .dashicons-arrow-down-alt2 { transform: rotate(0deg);   }
.submenu-list.hidden {      max-height: 0px;    transition-property: max-height;    transition-duration: 0.3s;    overflow: hidden; margin-bottom: 0px;}
.submenu-list {        max-height: 1050px;    transition-property: max-height;    transition-duration: 0.5s;    overflow: hidden; margin-bottom: 0px;}
.submenu-parent {font-weight: bold;}
 @media (max-width:900px) {
	 .page-submenu {margin-bottom: 20px;}
	 .has_submenu .section-inner-wrap {grid-template-columns: 1fr;}
	 .submenu-title .dashicons-arrow-down-alt2 {transform: rotate(0deg);}
	.submenu-title.active .dashicons-arrow-down-alt2 { 	transform: rotate(180deg); }
	.submenu-list {      max-height: 0px; margin: 0px; }
	.submenu-list.hidden {      max-height: 1050px; }
	
	.submenu-title {border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
}

/* Inhoud -------------------------------- */

/*Text*/
.content h2{font-size:var(--h4); color: var(--hoofdkleur-1);  }
.content h3{font-size:var(--h5); color: var(--hoofdkleur-2); }
.content h4{font-size:var(--h6);   }
.content a:not(.button), .tekst-inner a:not(.button) {color: var(--hoofdkleur-1);}
.content .alignright, .tekst-inner .alignright{float: right; margin-left: 20px; margin-bottom: 20px; max-width: 50%; height: auto;}  @media (max-width: 479px){.content .alignright {width: 100%; max-width: 100%;}} @media (min-width: 992px){.content .alignright {max-width: 40% !important;}}
.content .alignleft, .tekst-inner .alignleft {float: left; margin-right: 20px; margin-bottom: 20px; max-width: 50%; height: auto;} @media (max-width: 479px){.content .alignleft {width: 100%; max-width: 100%;}} @media (min-width: 992px){.content .alignleft {max-width: 40% !important;}}
#breadcrumbs {background-color: #efefef;     padding: 3px 10px;    border-radius: var(--borderradius);    width: fit-content;}

/*afbeeldingen*/
.content img {height: auto;}
body:not(.single-post):not(.single-agenda) .content .featured-image {  box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);  padding: 15px;  background: #ffffff;  width: 300px;  height: 300px;  float: right;  margin-top: -100px;  margin-right: -80px;  object-fit: cover;  border-radius: 500px;}
 @media (max-width:767px) { body:not(.single-post):not(.single-agenda) .content .featured-image  {height: 30vw; width: 30vw; margin-top: -80px; margin-right:-40px; padding: 10px; }}
.single-post .content .featured-image, .single-agenda .content .featured-image {    width: 100%;    height: 450px; margin-top: 20px; margin-bottom: 20px; object-fit: cover;}

/*social buttons*/
.social-buttons-wrapper {margin-top: 2vmin;}
.social-buttons-wrapper > span {margin-bottom: 10px; font-size: 24px; display: block;}
.social-buttons {display: flex;  flex-wrap: wrap;}
.social-buttons .dashicons {display: flex; font-size: 28px; width: auto; height: auto; color: #ffffff;}
.whss_social_button_alt .dashicons {color: #000000;}
.whss_social_button {cursor: pointer; color: #fff; background-color: var(--hoofdkleur-2);text-decoration: none;margin: .2em; border-radius: 100px; transition-duration: 0.4s;}
.whss_social_button div	{padding:10px; display: flex;}
a.whss_social_button:hover {text-decoration:none; transform:translateY(-5px); }
.whss_social_button_alt { background-color: #ffffff; border: 4px solid var(--hoofdkleur-2);}
.whss_social_button_alt div {padding: 6px;}
@media (max-width:767px) {a.whss_social_button:hover { transform: translateY(0px);}}

/*forms*/
input:not(.gform_button):not(.button):not([type="checkbox"]):not([type="submit"]):not([type="radio"]), textarea, select {border: 1px solid #999999; border-radius: 3px; }
input:not(.gform_button):not(.button):not([type="checkbox"]):not([type="submit"]):not([type="radio"]):not([type="search"]), textarea, select { padding: 8px;}
input[type="text"], textarea, select {width: 100%; }

/*blockquote*/
blockquote { color: var(--hoofdkleur-2); font-size: var(--h5); width: fit-content; margin-top: 60px; margin-bottom: 30px;}
@media (max-width:783px) {blockquote.wp-block-quote {font-size: 22px;}}
blockquote:before {    content: "\201C";     color: var(--hoofdkleur-1);    font-size: 150px;    width: 55px;    height: 40px;    line-height: 55px;    margin-left: -40px; margin-right: 23px;   margin-top: 20px;    float: left; font-family: Times New Roman; font-style: normal; }
blockquote em {font-size: 18px; margin-top: -10px; display: block;}
blockquote p {display: flex; line-height: 1.4;}
@media (max-width:783px) {blockquote:before {    content: "\201C";   color: var(--hoofdkleur-1);     font-size: 110px;    width: 40px;    height: 40px;    line-height: 40px;    margin-left: -50px; margin-right: 10px;   margin-top: 10px;    float: left; font-family: Times New Roman; font-style: normal; }}

/*list*/
.content > div > ul, section .tekst-inner ul {  list-style: none; padding-inline-start: 30px;}
.content > div > ul li:before, section .tekst-inner ul li:before {  content: "\2022"; color: var(--hoofdkleur-1); font-weight: bold;  display: inline-block; width: 1em; margin-left: -1em;}

/*fotogalerij*/
.content .fotogalerij .section-inner-wrap {padding-top: 30px; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; } 


/* Templates ----------------------------- */

/**kaarsje**/
section#kaarsje-lightbox {opacity:0;visibility:hidden;transition:0.25s;position: fixed; top: 0; left: 0; width: 100%;height: 100%; z-index: 200;background-color: #000c;}
section#kaarsje-lightbox.open {opacity:100;visibility:visible;}
section#kaarsje-lightbox .lightbox-inner {text-align: left; align-items: center; display: flex; flex-wrap: nowrap; flex-direction: column;}
section#kaarsje-lightbox .lightbox-wrap {padding:20px;background-color: #fff; border-radius: var(--borderradius);overflow-y: auto;z-index:auto;}

/*404 */
.error404 .tekst-afbeelding .button {margin-top: 2vmin;}

/* general styles pages */
.ondertitel {color: var(--hoofdkleur-1); font-size: 22px;}

/* Standaard pagina */
.hero-image {height: 60vh;object-fit: cover; position: absolute; width:100%;}
.hero-image + section > .section-inner-wrap {max-width: 1000px;margin-left: auto; margin-right: auto; height: 100%;padding-top: calc(60vh - 80px);padding-right: 20px; padding-bottom: 75px; padding-left: 20px;}
.section-inner-wrap.nohero {padding-top: 40px;}
.section-inner-wrap .rounded {padding: clamp(20px, 5vmin, 50px);box-shadow:var(--box-shadow); border-radius: var(--borderradius); position:relative;background-color:#fff;}
section .section-inner-wrap.breed {max-width: 1400px;}

/* pagina-design: naast */
section.paginadesign-naast .section-inner-wrap {display: grid; width: 100%;  grid-gap: clamp(20px, 5vmin, 50px); grid-template-columns: 2fr 3fr;}
@media (max-width: 767px){section.paginadesign-naast .section-inner-wrap {    grid-template-columns: repeat(1, 1fr);}}
@media (min-width: 768px){section.paginadesign-naast .section-inner-wrap .content {grid-column-start: 2;}}
section.paginadesign-naast .section-inner-wrap > img {border-radius: var(--borderradius); height: auto; height: 450px; object-fit: cover;}

/* pagina-design: achter */
section.paginadesign-achter { display: grid; grid-template: 1fr / 1fr; width: 100%; position: relative; min-height: 40vh;}
section.paginadesign-achter > img { height: 10px; min-height: 100%; object-fit: cover; width: 100%; grid-column: 1 / 1;
grid-row: 1 / 1;}
section.paginadesign-achter > div { grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; align-items: center; display: grid;}
section.paginadesign-achter h1 { color:#fff; }
section.paginadesign-achter .ondertitel { color:#fff; }
section.paginadesign-achter .div-block { align-items: center; }
section.standaard.no-content {display: none;}

/* Single */
.single section.carousel {background-color: var(--achtergrondkleur-1);}
.single .single-meta {display: flex; flex-wrap: wrap;}
.single .single-content::after {  content: "";  clear: both;  display: table;} 
.single .single-datum {font-size: 20px; color: var(--hoofdkleur-2);}
.single .content .post-author {font-size: 20px; color: var(--hoofdkleur-1); margin-right: 2vmin;}
.single > .carousel .post-excerpt, .single > .carousel .post-button {display: none;}

.single-author-box {display: grid; grid-template-columns: 1fr 3fr; grid-gap: var(--l-space); margin-top: 20px;}
.single-author-box > div.text {padding: var(--s-space)};

/*dagelijkse lezing*/
.evangelizo-datum {position: absolute; top: 20px; right: 20px; z-index: 2; display: flex;}
.evangelizo-datum  a {margin: 10px; border-radius: 100%; background-color: var(--hoofdkleur-1); color: #ffffff; width: 3.5em; height: 3.5em; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.evangelizo-datum-select {font-family: monospace; border: 1px solid #000000; border-radius: 3px;padding: 5px 10px; font-size: 18px; margin-top: 10px; margin-bottom: 10px;}
@media (min-width:768px) {.evangelizo-datum-select { position: absolute; top: 40px; right: 40px; width: fit-content;}}

/*portfolio*/
ul.portfolio-categories  {list-style: none; margin-block-start: 0px; display: flex; gap: 10px; padding-left: 0px;}
.portfolio-categories button {cursor: pointer; display: flex; 	flex-direction: row; border:0; align-items: center; justify-content: center; font-family:'Open Sans'; font-weight:600; border-radius:var(--borderradius) var(--borderradius) 0px 0px; text-transform:uppercase; background-color:var(--achtergrondkleur-1); letter-spacing:1px; text-align:center; text-decoration: none; transition-duration: 0.4s; padding-top: 12px; padding-left: 25px; padding-right: 25px; padding-bottom: 12px; font-size: 13px;}
.portfolio-categories .active button {    background: var(--achtergrondkleur-2);}
.overzicht-portfolio .overzicht-cell {display: none;}
.overzicht-portfolio .overzicht-cell.visible {display: flex;}
.portfolio-slider {margin-top: 15px;}

/*portfolio single*/

.single-portfolio .collumns-2 {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;grid-gap: clamp(20px, 5vmin, 50px);}
@media (max-width:767px) {.single-portfolio .collumns-2 {grid-template-columns: repeat(1, 1fr);}}
.single-portfolio .terugknop {margin-top: 20px;}
.single-portfolio .media {padding-top: 1em;}

/*team single*/

.single-team .collumns-2 {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;grid-gap: clamp(20px, 5vmin, 50px);}
@media (max-width:767px) {.single-team .collumns-2 {grid-template-columns: repeat(1, 1fr);}}
.single-team .terugknop {margin-top: 20px;}
/* Paginablokken ------------------------- */

/*general page builder*/
.paginablokken section:nth-of-type(odd){background-color:var(--achtergrondkleur-1);}
.paginablokken section.achtergrondkleur1 {background-color: var(--achtergrondkleur-1);}
.paginablokken section.achtergrondkleur2 {background-color: var(--achtergrondkleur-2);}
.paginablokken section.hoofdkleur1 {background-color: var(--hoofdkleur-1);}
.paginablokken section.hoofdkleur2 {background-color: var(--hoofdkleur-2);}
.paginablokken section.wit {background-color: #ffffff;}
.section-inner-wrap {   padding-top: 75px;   padding-right: 20px;   padding-bottom: 75px;   padding-left: 20px; margin-left: auto; margin-right: auto; max-width: 1400px; height: 100%;}
@media (max-width:767px) {.section-inner-wrap {   padding-top: 45px;   padding-bottom: 45px; }}
@media (max-width:767px) {.button:hover { transform: translateY(0px);}}
.button { 	display: flex; 	flex-direction: row; width: fit-content; border:0; cursor: pointer;	align-items: center; 	justify-content: center; 	font-family:'Open Sans'; 	font-weight:600; 	border-radius: var(--borderradius); 	color:#ffffff; 	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;}
.button.button-alt{ 	color: #404040; 	background-color: var(--hoofdkleur-2); 	box-shadow:0px 10px 20px -15px var(--hoofdkleur-2); }
.button:hover{ transform:translateY(-5px);   box-shadow:0px 7px 25px -10px rgba(0,0,0,0.25); }
.button.button-alt:hover{ transform:translateY(-5px);   box-shadow:0px 7px 25px -10px rgba(0,0,0,0.25); }

.button-large{font-size: 17px; padding-left: 35px; padding-right: 35px; padding-top: 15px; padding-bottom: 15px;}
.buttons {display: flex; grid-gap: 15px; flex-wrap: wrap;}
.button-mobile {display: none;}
@media (max-width:479px) {.button-mobile {display: inline-block;} }
.full-width {width:100%;}
.div-block {display: flex;flex-wrap: nowrap;flex-direction: column;align-items: flex-start;}
.div-block-space-between {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.flickity-button:disabled {display: none;}
.flickity-prev-next-button.flickity-button.previous {left: -25px; background-color: var(--hoofdkleur-1); color: #ffffff;}
.flickity-prev-next-button.flickity-button.next {right: -25px; background-color: var(--hoofdkleur-1); color: #ffffff;}
.flickity-prev-next-button.flickity-button .flickity-button-icon {left: 25%; width: 50%;}
@media (max-width:1400px) {
	.flickity-prev-next-button.flickity-button.previous {left: -15px; }
	.flickity-prev-next-button.flickity-button.next {right: -15px; }
}
section.geen-ruimte .section-inner-wrap {padding-top: 0px; padding-bottom: 0px;}
section.boven-geen-ruimte .section-inner-wrap {padding-top: 0px; }
section.onder-geen-ruimte .section-inner-wrap { padding-bottom: 0px;}
/**hero**/
.hero {min-height: 40vh;}
.home .hero {min-height: 60vh;}
.hero img {object-fit: cover;}
.hero.afbeelding, .hero.video {display: grid; grid-template: 1fr / 1fr; width:100%;}
.hero.afbeelding.tekst-afbeelding {height: auto;}
.hero.afbeelding > div, .hero.video > div  {grid-column: 1 / 1; grid-row: 1 / 1;}
.hero.afbeelding > img, .hero.video .video-wrapper {grid-column: 1 / 1; grid-row: 1 / 1;}
.hero.afbeelding > img, .hero.video .video-wrapper {height: 10px; min-height: 100%; width: 100%; position: relative; overflow: hidden;}
.hero.video .video-wrapper iframe {user-select: none; pointer-events: none; position: absolute; left: 50%; top: 50%; width: 100%; height: 100vh; transform: translate(-50%, -50%); max-width: none; }
@media (min-aspect-ratio: 16/9) { .hero.video .video-wrapper iframe {  height: 56.25vw;  }}@media (max-aspect-ratio: 16/9) { .hero.video .video-wrapper iframe {     width: 177.78vh;  }}
.hero.afbeelding.tekst-afbeelding > img {opacity: 0; height: 0px;}
.hero.afbeelding.tekst-afbeelding .div-block {justify-content: center;}
.hero.afbeelding .section-inner-wrap, .hero.video .section-inner-wrap {display: flex; flex-direction: row; align-items: flex-end; width: 100%;z-index:0;}
body:not(.home) .hero.afbeelding .section-inner-wrap {align-items: center;}
.hero.afbeelding.tekst-afbeelding .section-inner-wrap {align-items: center; }
.hero:not(.tekst-afbeelding) .section-inner-wrap > div:not(.collumns-2) .text-shadow {color:#fff;} 
.hero h1 {word-break: break-word;}
.hero .full-width h1, .hero .full-width h2 { text-align: center;}
.hero.rechts .full-width h1, .hero.rechts .full-width h2 { text-align: left;}
.hero.links .full-width h1, .hero.links .full-width h2 { text-align: right;}
.hero .full-width .hero-tekst { text-align: center;}
.hero .hero-tekst {font-size: var(--l-text); margin-top: var(--s-space);}
.hero .full-width {align-items: center;}
.hero.rechts .section-inner-wrap { align-items: center;}
.hero.links .section-inner-wrap { align-items: center;}
.hero.links .full-width { align-items: flex-end;}
.hero.rechts .full-width { align-items: flex-start;}
.hero.links .full-width .hero-tekst { text-align: right;}
.hero.rechts .full-width .hero-tekst { text-align: left;}

.hero-buttons{display: flex; grid-template-columns: auto auto; grid-gap: 15px; margin-top: var(--m-space);}
@media (max-width:767px) {.hero-buttons{display: grid; grid-template-columns: repeat(1, 1fr); width: 100%; justify-items: start;}}
@media (max-width:767px) {section.hero.centraal:not(.tekst-afbeelding) .hero-buttons{ justify-items: center;}}
@media (max-width:767px) {section.hero.links:not(.tekst-afbeelding):not(.berichtslider) .hero-buttons{ justify-items: end;}}

/*.hero.berichtslider .full-width {align-items: flex-start;}*/
/*.hero.berichtslider .full-width h1, .hero.berichtslider .full-width .hero-tekst {text-align: left;}*/
.hero.berichtslider .hero-bericht-slide {display: grid; min-height: 60vh; width:100%; }
.hero.berichtslider .hero-bericht-slide:not(.hero-bericht-slide:first-child) {height: 100%;}
@media (min-width: 1400px){.hero.berichtslider.voor .hero-bericht-slide { padding-left: calc(50vw - 700px); padding-right: calc(50vw - 700px);}}
.hero.berichtslider .hero-bericht-slide > .section-inner-wrap {z-index:0;}
.hero.berichtslider .hero-bericht-slide > div { }
.hero.berichtslider .hero-bericht-slide > img {object-fit: cover; width: 100%; height: 100%; max-height: 100%;} 

.hero.berichtslider.achter .hero-bericht-slide > img {position: absolute;}

.hero.berichtslider.voor {background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.hero.berichtslider.voor .hero-bericht-slide {display: grid; grid-template-columns: repeat(2,1fr); min-height: 60vh; width:100%; gap: 40px; align-items: center;}
@media (max-width:767px) {.hero.berichtslider.voor .hero-bericht-slide {align-items: start; grid-template-rows: max-content;}}
.hero.berichtslider.voor.collumns-2-3 .hero-bericht-slide {grid-template-columns: 2fr 3fr;}
.hero.berichtslider.voor.collumns-3-2 .hero-bericht-slide {grid-template-columns: 3fr 2fr;}
.hero.berichtslider.voor .hero-bericht-slide > div {grid-column: auto; padding: 40px; padding-left: 20px;}
.hero.berichtslider.voor .hero-bericht-slide > img {grid-column: auto; object-fit: cover;width: 100%; padding: 40px; padding-right: 20px;}
@media (max-width:767px) {.hero.berichtslider.voor .hero-bericht-slide > img {padding-left: 20px;}}
@media (min-width:768px) {.home header.doorzichtig_home + .paginablokken section:first-of-type.hero.berichtslider.voor .hero-bericht-slide > img {padding-top: 195px;}}
@media (max-width:767px) {.home header.doorzichtig_home + .paginablokken section:first-of-type.hero.berichtslider.voor .hero-bericht-slide > img {padding-top: 0px; padding-bottom:0px; padding-left: 20px; margin-top: 165px;}}
@media (min-width:768px) {.hero.berichtslider.links.voor .hero-bericht-slide > img {padding-left: 20px;padding-right:0px;}}
@media (min-width:768px) {.hero.berichtslider.links.voor .hero-bericht-slide > div {padding-right: 20px;padding-left:0px;}}
@media (min-width:768px) {.hero.berichtslider.rechts.voor .hero-bericht-slide > img {    grid-column: 2;    grid-row: 1 / 1;}}

.hero.berichtslider .section-inner-wrap {display: flex; flex-direction: row; align-items: flex-end; width: 100%; padding-left: 80px; padding-right: 80px;}
.hero.berichtslider.voor .section-inner-wrap { align-items: center;}
@media (max-width:767px) {.hero.berichtslider.voor .section-inner-wrap { align-items: flex-start;}}
.hero.berichtslider .section-inner-wrap .button {margin-top: var(--m-space);}
.hero.berichtslider .flickity-prev-next-button.flickity-button.previous {left: 80px;}
.hero.berichtslider .flickity-prev-next-button.flickity-button.next {right: 80px;}
@media (max-width:1500px) {
	.hero.berichtslider .flickity-prev-next-button.flickity-button.previous {left: 10px;}
	.hero.berichtslider .flickity-prev-next-button.flickity-button.next {right: 10px;}
}
@media (max-width:479px) {
	.hero.berichtslider .flickity-prev-next-button.flickity-button.previous {display: none;}
	.hero.berichtslider .flickity-prev-next-button.flickity-button.next {display: none;}
	.hero.berichtslider .section-inner-wrap { padding-left: 20px; padding-right: 20px;}
}


.hero.slider {display: grid;
grid-template: 1fr / 1fr; height:100%}
.hero.slider > div {grid-column: 1 / 1;
grid-row: 1 / 1;}
.hero.slider > .section-inner-wrap {z-index:0;display: flex; flex-direction: row; align-items: flex-end; width: 100%;z-index:0;}
.hero.slider.rechts > .section-inner-wrap, .hero.slider.links > .section-inner-wrap {align-items: center;}
.hero.slider .flickity-enabled, .hero.slider .flickity-viewport, .hero.slider .flickity-slider, .hero.slider .media {height: 100% !important;}
.hero.slider > .flickity-enabled img {display: block; min-height: 60vh; height: 100% !important; object-fit: cover; width: 100%;}
.hero.slider .collumns-2 {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;grid-gap: clamp(20px, 5vmin, 50px); order:revert; align-items: center;}
.hero.slider .collumns-2-3 {grid-template-columns: 2fr 3fr;}
.hero.slider .collumns-3-2 {grid-template-columns: 3fr 2fr;}
.hero.slider .collumns-2.links > div:first-child {     order: 2; }
.hero.slider .collumns-2 .flickity-viewport {overflow: hidden;    border-radius: var(--borderradius);}
.hero.slider .collumns-2 img { display: block; height:550px; object-fit: cover;width: 100%;}
.hero.slider .collumns-2.text .media img {height: 10px; min-height: 100%; object-fit: cover;width: 100%;}
@media (max-width:767px) {section.hero .collumns-2, section.hero.voor .hero-bericht-slide {grid-template-columns: repeat(1, 1fr) !important; }}
@media (max-width:767px) {section.hero .collumns-2 img, section.hero.voor .hero-bericht-slide img { height:350px !important; }}
@media (max-width: 767px) {section.hero .collumns-2 div.media, section.hero.voor .hero-bericht-slide img {    grid-row: 1;}}

section.hero.bijschrift {position: relative;}
section.hero .bijschrift-tekst {z-index: 1; height: fit-content; background: #00000055;     position: absolute;     bottom: 0px;   right: 0px;  padding: 5px 15px;     color: #ffffff;     width: fit-content;     text-align: right;     display: block;}


/**page-breaker**/

.page-breaker {background-size: cover !important; text-align: center; background-repeat: no-repeat; height: auto; min-height: 60vh; background-attachment: fixed; position: relative;}
@media (max-width:767px) {.page-breaker {height: auto; }}
@media (max-width:480px) {.page-breaker {background-attachment: scroll;}}
.page-breaker .section-inner-wrap {display: flex; align-items: center; height: auto; min-height: 60vh; flex-direction: row;}
.page-breaker h2, .page-breaker h3 {color:#fff; font-size: var(--h2);}
.page-breaker:not(.breaker-image) h3 {color: #000000; text-shadow: none; font-weight: 300; }
.page-breaker div {color:#fff;}
.page-breaker:not(.breaker-image) div {color: #000000; text-shadow: none;  }
.page-breaker .div-block {align-items: center;}
.page-breaker .buttons {margin-top: var(--s-space);}
.page-breaker.rechts {text-align: left;}
.page-breaker.rechts .div-block {align-items: flex-start;}
.page-breaker.links {text-align: right;}
.page-breaker.links .div-block {align-items: flex-end;}
.page-breaker-map {position: absolute; height:100%; width: 100%; }
.page-breaker-map iframe {height:100%; width: 100%; }
.page-breaker-map + .section-inner-wrap .full-width {position: relative; z-index: 2;}

/**verwijzingen**/
.verwijzing-columns-4, .verwijzing-columns-7, .verwijzing-columns-8, .verwijzing-columns-10, .verwijzing-columns-11, .verwijzing-columns-12 {   display: grid;   grid-template-columns: repeat(4, 1fr);   grid-gap: clamp(20px, 5vmin, 50px);   width: 100%; }
.verwijzing-columns-3, .verwijzing-columns-5, .verwijzing-columns-6, .verwijzing-columns-9 {   display: grid;   grid-template-columns: repeat(3, 1fr);   grid-gap: clamp(20px, 5vmin, 50px);   width: 100%; }
.verwijzing-columns-2 {   display: grid;   grid-template-columns: repeat(2, 1fr);   grid-gap: clamp(20px, 5vmin, 50px);   width: 100%; }
.verwijzing-columns-1 {   display: grid;   grid-template-columns: repeat(1, 1fr);   grid-gap: clamp(20px, 5vmin, 50px);   width: 100%; }
@media (max-width:767px) {.verwijzing-columns-4, .verwijzing-columns-5, .verwijzing-columns-7, .verwijzing-columns-8, .verwijzing-columns-10, .verwijzing-columns-11, .verwijzing-columns-12, .verwijzing-columns-6 {grid-template-columns: repeat(2, 1fr); } .verwijzing-columns-3, .verwijzing-columns-9 {grid-template-columns: repeat(1, 1fr);}}
@media (max-width:479px) {.verwijzing-columns-4, .verwijzing-columns-5, .verwijzing-columns-7, .verwijzing-columns-8, .verwijzing-columns-10, .verwijzing-columns-11, .verwijzing-columns-12, .verwijzing-columns-6 {grid-template-columns: repeat(1, 1fr); } .verwijzing-columns-2 {grid-template-columns: repeat(1, 1fr); }}
section.verwijzingen .section-inner-wrap {z-index: 1;}
section.verwijzingen a {display: flex; flex-direction: column; align-items: center;justify-content: center;background-size: cover; background-position: 0% 50%;padding: clamp(20px, 5vmin, 50px); padding-left: 20px; padding-right: 20px; border-radius: var(--borderradius); overflow: hidden;text-decoration: none;transition-duration: 0.4s; position: relative; background: #ffffff;}

section.verwijzingen.afbeelding {display:grid;position:relative;}
section.verwijzingen.afbeelding > img {grid-area: 1 / 1; object-fit:cover; width:100%; position:absolute;height:100%;}
section.verwijzingen.afbeelding > div.section-inner-wrap {grid-area: 1 / 1;}

section.verwijzingen.afbeelding_slider {display:grid;position:relative;}
section.verwijzingen.afbeelding_slider > div {grid-area: 1 / 1;}
section.verwijzingen.afbeelding_slider .flickity-viewport {height: 100% !important}
section.verwijzingen.afbeelding_slider .flickity-slider > img {width:100%;height:100%;object-fit:cover;}
section.verwijzingen.afbeelding_slider .carousel {pointer-events: none;}
section.verwijzingen.afbeelding_slider .carousel div {pointer-events: none;}
section.verwijzingen.afbeelding_slider .carousel img {pointer-events: none;}

section.verwijzingen.voor a {flex-direction: row;}
section.verwijzingen.boven a {justify-content: flex-start;}
section.verwijzingen.voor a, section.verwijzingen.boven a {padding: 0px;}
section.verwijzingen a:hover { transform: translateY(-10px); }
@media (max-width:767px) {section.verwijzingen a:hover { transform: translateY(0px);}}
section.verwijzingen .verwijzing-titel {color: #404040; font-weight: 600;font-size: var(--h4);font-family: 'Source Sans Pro';line-height: 1.3; text-align: center; z-index: 1;}
section.verwijzingen.voor a div {text-align: left;}
section.verwijzingen a div.verwijzing-tekst {color: #404040; font-weight: 400;font-size: var(--l-text); margin-top: 10px; z-index:1; text-align: center;}
section.verwijzingen a.text-shadow div {color: #ffffff;}
section.verwijzingen .section-inner-wrap img {position: absolute; top:0;left:0;width:100%;height:100%; object-fit: cover;}
section.verwijzingen.voor .section-inner-wrap img {position: relative; width:40%; object-fit: cover; height: 10px; min-height: 100%;}
section.verwijzingen.voor .section-inner-wrap img + .tekst-container {width: 60%;}
section.verwijzingen .tekst-container {display: flex; flex-direction: column; padding: 20px;}
section.verwijzingen.boven .section-inner-wrap img {position: relative; width:100%; height:250px; object-fit: cover;}
section.verwijzingen h2 {margin-bottom: 20px;}

/**carousel**/
section.carousel {overflow: hidden;}
section.carousel .carousel-cell {width: 24%; margin-top: 20px; margin-bottom: 20px; overflow: visible; padding-right: 20px; align-items: stretch;     flex-direction: row;    min-height: calc(100% - 40px);  }
@media (max-width:991px) {section.carousel .carousel-cell {width: 32%; }}
@media (max-width:767px) {section.carousel .carousel-cell {width: 48%; }}
@media (max-width:479px) {section.carousel .carousel-cell {width: 92%; }}

@media (min-width:480px) {section.carousel.aantal1 .carousel-cell {width: 100%; padding-right: 0px; }}
@media (min-width:480px) {section.carousel.aantal1 .carousel-cell a {display: grid; grid-template-columns: 1fr 1fr;}}
@media (min-width:480px) {section.carousel.aantal1 img, section.carousel.aantal1 .text-block { height: 240px; min-height: 100%;}}
@media (min-width:768px) {section.carousel.aantal2 .carousel-cell {width: calc(50% + 10px); }}
@media (min-width:768px) {section.carousel.aantal2 .carousel-cell a {display: grid; grid-template-columns: 1fr 1fr;}}
@media (min-width:768px) {section.carousel.aantal2 img, section.carousel.aantal1 .text-block {height: 240px; min-height: 100%;}}
@media (min-width:992px) {section.carousel.aantal3 .carousel-cell {width: 32%; }}

section.carousel .text-block {padding: 20px; width: 100%; display: flex; align-items: flex-start;}
section.carousel h4 {font-size: var(--h6);color: var(--hoofdkleur-1); text-align: left;}
section.carousel .carousel-cell a {text-decoration: none; border-radius: var(--borderradius); overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; width: 100%;transition-duration: 0.4s;}
section.carousel .carousel-cell a:hover {text-decoration: none; transform: translateY(-10px);}
@media (max-width:767px) {section.carousel .carousel-cell a:hover { transform: translateY(0px);}}
section.carousel img, section.carousel iframe {height: 240px;width: 100%; object-fit: cover;}
section.carousel .carousel-cell a span {color: #000000; word-break: break-word;}
section.carousel .carousel-cell a span.post-author {color: var(--hoofdkleur-2); font-style: italic;}
section.carousel .carousel-cell a .post-text {display: flex; flex-direction: column;}
section.carousel .carousel-cell a .post-button {box-shadow: none; margin-top: 5px;}
section.carousel .carousel-cell a .post-button:hover {box-shadow: none; transform: translateY(0px);}
section.carousel .carousel-cell a .post-button:after {content: "\f344"; font: normal 20px/1 dashicons; margin-left: 5px;}
section.carousel .carousel-cell a .post-excerpt {margin-top: 5px;}
@media (max-width:479px) {section.carousel .button:not(.button-mobile) {display: none;}}
section.carousel.carousel-getuigenis .text-block, section.carousel.carousel-getuigenis .text-block{flex-direction: column-reverse;}
section.carousel.carousel-relatie img {     object-fit: contain; object-position: center center !important;}

section.carousel.naast .section-inner-wrap {display: grid; grid-template-columns: 2fr 3fr; width: 100%;grid-gap: clamp(40px, 5vmin, 50px); align-items: center;}
@media (max-width:991px) {section.carousel.naast .section-inner-wrap {grid-template-columns: 1fr 1fr; }}
@media (max-width:767px) {section.carousel.naast .section-inner-wrap {grid-template-columns: repeat(1, 1fr); }}
section.carousel.naast .div-block-space-between {flex-direction: column; justify-content: normal; align-items: flex-start;}
section.carousel.naast .carousel-cell {width: 32%;}
@media (max-width:1200px) {section.carousel.naast .carousel-cell {width: 48%; }}
@media (max-width:991px) {section.carousel.naast .carousel-cell {width: 92%; }}
@media (max-width:767px) {section.carousel.naast .carousel-cell {width: 48%; }}
@media (max-width:479px) {section.carousel.naast .carousel-cell {width: 92%; }}

section.carousel .carousel-cell a .bijschrift-wrapper {position: relative; display:flex;}
section.carousel .carousel-cell a .bijschrift-tekst {background: #00000055;     position: absolute;     bottom: 0px;     padding: 5px 15px;     color: #ffffff;     width: 100%;     text-align: right;     display: block;}

/**Tekst en afbeelding**/
section.tekst-afbeelding .collumns-2 {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;grid-gap: clamp(20px, 5vmin, 50px); order:revert;}
section.tekst-afbeelding .collumns-2-3 {grid-template-columns: 2fr 3fr;}
section.tekst-afbeelding .collumns-3-2 {grid-template-columns: 3fr 2fr;}
section.tekst-afbeelding .collumns-2.boven {grid-template-columns: repeat(1, 1fr); max-width: 900px; margin: auto;}
section.tekst-afbeelding .collumns-2.boven div.media {    grid-row: 1;}
section.tekst-afbeelding .collumns-2.boven.no_img div.media {    display: none;}

@media (max-width:767px) {section.tekst-afbeelding .collumns-2 {grid-template-columns: repeat(1, 1fr); }}
section.tekst-afbeelding .collumns-2.links > div:first-child {     order: 2; }
@media (max-width:767px) {section.tekst-afbeelding .collumns-2 div.media {     grid-row: 1; } section.tekst-afbeelding .collumns-2 div.tekst {      }}
section.tekst-afbeelding:not(.hero) .tekst-inner {background-color: var(--achtergrondkleur-2); padding: var(--m-space); width: 100%; border-radius: min(var(--borderradius), 50px);}
section.tekst-afbeelding .media img { display: block; height:550px; object-fit: cover;width: 100%; border-radius: var(--borderradius);}
section.tekst-afbeelding .auto:not(.slider) img {height: auto;}
@media (min-width:768px) {section.tekst-afbeelding .text:not(.boven) .media {height: 10px; min-height: 100%;  }}
section.tekst-afbeelding .text:not(.slider):not(.boven) .media img {height: 100%; }
@media (max-width:767px) {section.tekst-afbeelding .media img { height:350px !important; }}
section.tekst-afbeelding div.media iframe {    width: 100%; border-radius: var(--borderradius);}
@media (min-width: 768px){section.tekst-afbeelding .text:not(.boven) .media iframe { height: 100%;}}
section.tekst-afbeelding .square .media {position: relative;  width: 100%;     padding-top: 100%;  overflow: hidden; }
section.tekst-afbeelding .square .media img {position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100% !important;    object-fit: cover;}

section.tekst-afbeelding .media .bijschrift-tekst {background: #00000055;     position: absolute;     bottom: 0px;     padding: 5px 15px;     color: #ffffff;     width: 100%;     text-align: right;     display: block;}

section.tekst-afbeelding .buttons {margin-top: var(--s-space);}

section.tekst-afbeelding .flickity-enabled, section.tekst-afbeelding .flickity-viewport, section.tekst-afbeelding .flickity-slider, section.tekst-afbeelding .media {height: 100%;}
section.tekst-afbeelding .collumns-2.text .media img {height: 10px; min-height: 100%; object-fit: cover;width: 100%; }
section.tekst-afbeelding .collumns-2 .flickity-viewport {overflow: hidden;    border-radius: var(--borderradius);}

section.tekst-afbeelding .tekst-inner img {height: auto;}

/**tabbladen**/
section.tabbladen .tab-buttons {display: flex;  grid-gap: 15px; width: fit-content; flex-wrap: wrap;}
section.tabbladen .tab-button { cursor: pointer; display: flex; 	flex-direction: row; border:0; align-items: center; justify-content: center; font-family:'Open Sans'; font-weight:600; border-radius:var(--borderradius) var(--borderradius) 0px 0px; text-transform:uppercase; background-color:var(--achtergrondkleur-1); letter-spacing:1px; text-align:center; text-decoration: none; transition-duration: 0.4s; padding-top: 12px; padding-left: 25px; padding-right: 25px; padding-bottom: 12px; font-size: 13px;}
section.tabbladen .tab-button.active {background: #ffffff;}
section.tabbladen .tab {background: #ffffff; display:none; overflow: auto;}
section.tabbladen .tab.active {display:block;}
section.tabbladen .tabs {background-color: #ffffff; border-radius: 0px var(--borderradius) var(--borderradius) var(--borderradius); padding: 25px;  }
@media (max-width:991px) {section.tabbladen .tab-buttons{margin-bottom: 15px;} section.tabbladen .tab-button, section.tabbladen .tabs {border-radius: var(--borderradius);}}
section.tabbladen h2 {margin-bottom: 20px;}
section.tabbladen section {background-color: transparent !important; }
section.tabbladen section .section-inner-wrap {    padding-top: 20px;    padding-right: 0px;    padding-bottom: 20px;    padding-left: 0px; }

/**uitgebreide tabbladen**/

/**Willekeurig bericht**/
section.willekeurig-bericht .collumns-2 {display: grid; grid-template-columns: repeat(2, 1fr); width: 100%;grid-gap: clamp(20px, 5vmin, 50px); order:revert;}
@media (max-width:767px) {section.willekeurig-bericht .collumns-2 {grid-template-columns: repeat(1, 1fr); }}
section.willekeurig-bericht .collumns-2.links > div:first-child {     order: 2; }

/**faq**/
section.faq .faqs {display:grid;grid-template-columns: repeat(2, 1fr);  grid-gap: var(--s-space);word-break: break-word;}
@media (max-width:991px){section.faq .faqs {grid-template-columns: repeat(1, 1fr); }}
section.faq .faq {   padding: 10px 20px;    border-radius: var(--borderradius); background-color: #ffffff; box-shadow: var(--box-shadow); height: fit-content;}
section.faq .faq-title {cursor:pointer;display:flex;align-items: center; justify-content: space-between;padding-top:8px; padding-bottom: 8px; font-weight: 600;}

section.faq .faq-title .dashicons-arrow-down-alt2 {font-size: 13px;transition-duration: 0.3s;transition-property: transform;display: flex; justify-content: center; align-items: center;}
section.faq .faq-title.active .dashicons-arrow-down-alt2 {transform:rotate(180deg);}

section.faq .faq-content {display:flex; max-height:675px; transition-property: max-height;transition-duration: 0.5s;overflow:hidden;flex-direction: column;}
section.faq .faq-content.hidden {display:flex; max-height:0px;transition-property: max-height;transition-duration: 0.3s;overflow:hidden;}

section.faq .faqs {grid-gap: var(--m-space);}
.faqs {margin-top: var(--m-space);}

/**overzicht**/
section.overzicht .overzicht-inner {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; grid-gap: clamp(10px, 2.5vmin, 25px); word-break: break-word; grid-auto-rows: auto;}
@media (max-width:991px) {section.overzicht .overzicht-inner  {grid-template-columns: repeat(3, 1fr); }}
@media (max-width:767px) {section.overzicht .overzicht-inner  {grid-template-columns: repeat(2, 1fr); }}
@media (max-width:479px) {section.overzicht .overzicht-inner  {grid-template-columns: repeat(1, 1fr); }}

section.overzicht .overzicht-cell {margin-top: 20px; margin-bottom: 20px; overflow: visible; position: relative; height: calc(100% - 40px);}

section.overzicht:not(.overzicht-viering) .text-block {padding: 20px; width: 100%; display: flex; align-items: flex-start;}
section.overzicht h4 {font-size: var(--h6);color: var(--hoofdkleur-1); text-align: left;}
section.overzicht .overzicht-cell > a {height: 100%; text-decoration: none; border-radius: var(--borderradius); overflow: hidden; background-color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; width: 100%;transition-duration: 0.4s; cursor: pointer;}
section.overzicht .overzicht-cell > a:hover {text-decoration: none; transform: translateY(-10px);}
@media (max-width:767px) {section.overzicht .overzicht-cell a:hover { transform: translateY(0px);}}
section.overzicht .overzicht-cell img {height: 240px;width: 100%; object-fit: cover;}
section.overzicht .overzicht-cell > a span {color: #000000; word-break: break-word;}
section.overzicht .overzicht-cell > a span.post-author {color: var(--hoofdkleur-2); font-style: italic;}
section.overzicht .overzicht-cell a .post-text {display: flex; flex-direction: column;}
section.overzicht .overzicht-cell a .post-button {box-shadow: none; margin-top: 5px;}
section.overzicht .overzicht-cell a .post-button:hover {box-shadow: none; transform: translateY(0px);}
section.overzicht .overzicht-cell a .post-button:after {content: "\f344"; font: normal 20px/1 dashicons; margin-left: 5px;}
section.overzicht .overzicht-cell a .post-excerpt {margin-top: 5px;}

section.overzicht .overzicht-cell a .bijschrift-wrapper {position: relative; display:flex;}
section.overzicht .overzicht-cell a .bijschrift-tekst {background: #00000055;     position: absolute;     bottom: 0px;     padding: 5px 15px;     color: #ffffff;     width: 100%;     text-align: right;     display: block;}

section.overzicht .overzicht-inner.onder {grid-template-columns: repeat(1, 1fr); padding-top: 20px;}
section.overzicht .overzicht-inner.onder .overzicht-cell {margin-top: 0px; margin-bottom: 0px; height: 100%;}
section.overzicht .overzicht-inner.onder .overzicht-cell a {display: grid; grid-template-columns: 120px 1fr;}
@media (max-width:767px) {section.overzicht .overzicht-inner.onder .overzicht-cell a {grid-template-columns: 80px 1fr;}}
section.overzicht .overzicht-inner.onder .overzicht-cell img {width: 120px; height: 120px; min-height: 100%; }
@media (max-width:767px) {section.overzicht .overzicht-inner.onder .overzicht-cell img {width: 80px; height: 80px; min-height: 100%; }}

section.overzicht .button {margin-top: 30px;}

/***zoekresultaten***/
.search-results section.overzicht .overzicht-cell > a h4 .search-instance {color: var(--hoofdkleur-2);}
.search-results section.overzicht .overzicht-cell > a p {color: #000000; }
.search-results section.overzicht .overzicht-cell > a p .search-instance {color: var(--hoofdkleur-2);}
.search-results section.overzicht .overzicht-cell > a p + span + span {color: #999999;}

/***vieringen***/
section.overzicht-viering .section-inner-wrap.breed {  max-width: 1000px;}
section.overzicht-viering .overzicht-inner {grid-template-columns: repeat(1, 1fr); padding-top: 20px;}
section.overzicht-viering .overzicht-cell {margin-top: 0px; margin-bottom: 0px; height: 100%;}
section.overzicht-viering .overzicht-cell a {display: grid; grid-template-columns: 150px 1fr;}
@media (max-width:767px) {section.overzicht-viering .overzicht-cell a {grid-template-columns: 100px 1fr;}}
section.overzicht-viering .overzicht-cell img {width: 120px; height: 120px; min-height: 100%; }
/***kerkbladen***/
section.overzicht-kerkblad .overzicht-cell img {object-fit: contain; object-position: left; border-radius: var(--borderradius); width: auto;   height: auto;  max-width: 100%;  max-height: 100%;}
section.overzicht-kerkblad .overzicht-cell > a {background-color: transparent;}
/***team***/
section.overzicht-team .overzicht-cell > a:hover { transform: translateY(0px);}
section.overzicht-team .overzicht-cell img {height: 300px;}
.team_contactbuttons {display: flex; position: absolute; top: 260px; right: 10px;}
.team_contactbuttons .dashicons {display: flex; font-size: 28px; width: auto; height: auto;}
.team_contactbutton {background-color: var(--hoofdkleur-1);text-decoration: none;margin: .2em; border-radius: 100px; transition-duration: 0.4s; cursor: pointer;}
.team_contactbutton span {color: #fff !important;}
.team_contactbutton div	{padding:10px; display: flex;}
.team_contactbutton:hover {text-decoration:none; transform:translateY(-5px); }
@media (max-width:767px) {a.team_contactbutton:hover { transform: translateY(0px);}}
/***getuigenis***/
section.overzicht-getuigenis .text-block, section.overzicht-getuigenis .text-block{flex-direction: column-reverse;}

/***filter***/
section.overzicht .overzicht-filter {border: 1px solid #999999; margin-top: 20px; margin-bottom: 20px; font-size: 16px; border-radius: 3px; width: fit-content;}

/***paginatie***/
section.overzicht .paginatie {display: flex;     flex-direction: row;    justify-content: center; font-size: 18px;}
section.overzicht .paginatie > * {margin-top: 20px;}
section.overzicht .paginatie > span, section.overzicht .paginatie > a {margin: 0 0.5vmin; padding: 3px 12px; display: block;  border-radius: 50px; text-decoration: none; color: #404040;}
section.overzicht .paginatie > span {color: #404040;  }
section.overzicht .paginatie > a {color: #ffffff; background-color: var(--hoofdkleur-1);}
section.overzicht .paginatie > a:hover {background-color: var(--hoofdkleur-2);}

/**fotogalerij**/

section.fotogalerij .galerij {align-items: center; grid-template-columns: repeat(6,1fr); gap: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
/*.content*/section.fotogalerij .galerij {justify-content: left; gap: 20px;}
section.fotogalerij .galerij::after {  content: "";  clear: both;  display: table;}
section section.fotogalerij .galerij {grid-template-columns: repeat(4,1fr); }}
@media (max-width:991px) {section.fotogalerij .galerij {grid-template-columns: repeat(4,1fr); }}
@media (max-width:767px) {section.fotogalerij .galerij, section section.fotogalerij .galerij {grid-template-columns: repeat(3,1fr); }}
@media (max-width:479px) {section.fotogalerij .galerij, section section.fotogalerij .galerij {grid-template-columns: repeat(2,1fr); }}
section.fotogalerij .galerij a {transition-duration: 0.4s; height: 200px; width: fit-content;  float: left; margin: 10px; }
/*.content*/ section.fotogalerij .galerij a {margin: 0px; }
section.fotogalerij .galerij a:hover { transform: translateY(-10px); transition-duration: 0.4s;}
section.fotogalerij .galerij a img {height:200px;object-fit: cover; width:100%; border-radius: 14px;}
@media (max-width:767px) {section.fotogalerij .galerij a:hover { transform: translateY(0px);}}
section.fotogalerij h2 {margin-bottom: 20px; }
.pswp img {border-radius: var(--borderradius);}

section.fotogalerij .galerij a .bijschrift-wrapper {position: relative; display:flex; border-radius: 0px 0px 14px 14px; overflow:hidden;}
section.fotogalerij .galerij a .bijschrift-tekst {background: #00000055;     position: absolute;     bottom: 0px;     padding: 5px 15px;     color: #ffffff;     width: 100%;     text-align: right;     display: block;}


/**bijbeltekst**/
section.bijbeltekst .section-inner-wrap h3 {color:var(--hoofdkleur-1); margin-bottom: var(--m-space);}
section.bijbeltekst .section-inner-wrap .bijbelblok {display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:40px;border: 5px solid var(--hoofdkleur-1);padding-left:20px;padding-right:20px;}
section.bijbeltekst .bijbeltekst {text-align: center; margin-bottom: var(--s-space); font-size: 18px;}
section.bijbeltekst .bijbelvers {font-weight: 600; margin-bottom: var(--m-space);}
section.bijbeltekst .bijbelcopyright, section.bijbeltekst .bijbeldank {font-size: 12px; font-weight: 300;}

/* Footer ----------------------------- */

footer {background-color: var(--footerkleur); color: #ffffff; }
footer .footer-inner-wrap{padding-top: 75px;padding-right: 20px;padding-bottom: 75px;padding-left: 20px;max-width: 1400px;margin-left: auto;margin-right:auto; height: 100%;}

footer .footer-row-top {display: grid; grid-template-columns: repeat(6, 1fr); width: 100%; grid-gap: clamp(20px, 5vmin, 50px);}
@media (max-width:991px) {footer .footer-row-top {grid-template-columns: repeat(2, 1fr); }}
@media (max-width:767px) {footer .footer-row-top {grid-template-columns: repeat(1, 1fr); }}
footer .footer-heading {font-family: 'Source Sans Pro';color: #ffffff;font-weight: 600; word-break: break-word;}
footer .footer-heading:not(.footer-heading-main) {font-size: 18px;}
footer .footer-heading-main {line-height: 1.3; margin-top: -11px;}
footer .footer-collumn-text {word-break: break-word;}
footer a {text-decoration: underline; font-weight: 400; color: #fff;} 
footer .footer_collumn_1_wrapper, footer .footer_collumn_4_wrapper {grid-column: span 2 / span 2;}
@media (max-width:991px) {footer .footer_collumn_1_wrapper, footer .footer_collumn_4_wrapper {grid-column: span 1 / span 1;}}

footer .footer-divider {width: 100%; height: 1px; margin-bottom: 35px; margin-top: 35px; background-color: var(--achtergrondkleur-2);}

footer .footer-row-bottom {display: grid !important; grid-template-columns: 2fr 1fr; width: 100%;font-size:var(--s-text);}
@media (max-width:767px) {footer .footer-row-bottom { grid-template-columns: repeat(1, 1fr); grid-gap: clamp(20px, 5vmin, 50px);} }
footer .footer-row-bottom-left {flex-direction: row; display: flex; padding-left: 0px; padding-right: 0px; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
footer .footer-row-bottom-right {flex-direction: row; display: flex; padding-left: 0px; padding-right: 0px; align-items: center; justify-content: flex-end; flex-wrap: wrap;}
@media (max-width:767px) {footer .footer-row-bottom-right {justify-content: flex-start;}}
footer .back-to-top {	cursor: pointer;	position: fixed;	bottom: 0;	right: 0;	z-index: 99;	margin: 30px;	display: inline-flex;	align-items: center;	justify-content: center;	opacity: 0;	visibility: hidden;	transition-property: opacity,visibility;	transition-duration: 0.3s;}
@media (max-width: 479px){body.page-template-toondocument-templ  footer .back-to-top {bottom: 45px; font-size: 28px; }}
footer .back-to-top.visible {	opacity:1;	visibility: visible;}
footer .back-to-top-container {	border-radius: 100%;	background-color: var(--hoofdkleur-1);;	color: #ffffff;	width: 2.5em;	height: 2.5em;	display: flex;	align-items: center;	justify-content: center;}
@media (max-width: 479px){footer .back-to-top-container {background-color: var(--hoofdkleur-1);} footer .back-to-top-container:hover {background-color: var(--hoofdkleur-1);}}
footer .back-to-top-icon {	font-size: 17px;}
/*Vertelknop*/
footer .vertelknop-container {	border-radius: 5px;	background-color: var(--hoofdkleur-1);	color: #ffffff;	height: 2.5em;	display: flex;	align-items: center;	justify-content: center; padding: 10px; font-size: 18px; opacity: 0.8; transition-duration: 0.3s;}
footer .vertelknop-container:hover {opacity: 1;}
footer .vertelknop-container span.dashicons {margin-right: 1vmin; }
@media (max-width: 479px){span.vertelknop-tekst {display: none;} footer .vertelknop-container span.dashicons {margin-left: 1vmin; }}
footer #vertelknop {	cursor: pointer;	position: fixed;	bottom: 0;	left: 0;	z-index: 99;	margin: 30px;	display: inline-flex;	align-items: center;	justify-content: center; transition-duration: 0.3s;}
/*Pop-up*/
#popup {position: fixed; bottom: 0px; right: -100vw; transition-timing-function: ease-out; z-index:9999; border-radius: var(--borderradius); box-shadow: 0px 5px 15px rgb(0 0 0 / 18%); width: 90vw; max-width: 700px; max-height: calc(100vh - 70px);     overflow-y: scroll;}
#popup.active {right: 0vw; transition-duration: 1.2s;}
#popup section .section-inner-wrap {padding-top: 30px; padding-bottom: 30px;}
#popup section.tekst-afbeelding:not(.hero) .tekst-inner {padding: var(--s-space);}
#popup section.tekst-afbeelding .collumns-2 {grid-gap: 20px;}
.popup-close {cursor: pointer; position: absolute; top: 4px; right: 7px;}
.popup-close .dashicons {font-size: 25px;}
#popup h3 {font-size: var(--h5);}
#popup, #popup .gform_wrapper.gravity-theme .gfield_label, #popup input {font-size: 13px !important;}
#popup .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {padding-bottom: 0px;}

/* lightbox*/
.lightbox {  visibility:hidden;  position: fixed;     justify-content: center;  z-index: 2000;  padding-top: 20px;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.5);  opacity:0;  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);  display:flex;  /*transition-delay: 2s;*/}
.lightbox-container {  position: relative; overflow-y: clip; justify-content: center; background-color: #fff;  margin: auto;  padding: 0;  width: calc(100% - 120px);  max-width: 800px;  display: block;  flex-direction: column;  align-items: center; padding: 30px;     margin-top: 30px;     margin-bottom: 30px;     height: calc(100% - 80px);      padding-top: 0px; padding-bottom: 0px;}
.lightbox-button-icon-wrapper{border-radius: 100px; background: var(--hoofdkleur-1); color: #ffffff; height: 44px; width: 44px; cursor:pointer; font-size: 35px; display: flex; justify-content: center;  align-items: center;}
.lightbox-container .empty .lightbox-button-icon-wrapper {background: #cccccc;}
.lightbox-button-icon {left: 25%;     width: 50%; fill: #ffffff;}
.lightbox-close {position: sticky;     top: 0px;     right: 0px;     background: #fff;     height: auto;     width: 100%;     display: flex;     align-items: center;     justify-content: flex-end; }
.lightbox-close span { background:#ffffff; border-radius: 100px; font-size: 36px;     position: relative;     right: -30px;     top: 5px; cursor: pointer; height:44px; width: 44px;}
.lightbox-left {position: absolute; top: calc(50% - 22px);    left: -25px; cursor: pointer; width: 44px; height: 44px;}
.lightbox-right {position: absolute; top: calc(50% - 22px);    right: -25px; cursor: pointer; width: 44px; height: 44px;}
.lightbox-content {display: flex;   flex-direction: column;   height: calc(100% - 34px);   overflow-y: scroll;   padding-bottom: 40px;}
.lightbox-content::-webkit-scrollbar {  display: none;} .reactBox-content {  -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */}

/* Print ----------------------------- */
@media print {
	header, footer, #pojo-a11y-toolbar, #gtranslate_wrapper, .social-buttons-wrapper, #bovenbalk {display: none;}
	.hero-image {height: 400px;}
	.hero-image + section > .section-inner-wrap {padding-top: 320px;}
}

/* Woocommerce ----------------------------- */

/*header*/
header .woocommerce-product-search {display:flex;}
#header-search-form {border: 1px solid #191919; border-radius: 50px; overflow:hidden; width: 400px; max-width: calc(100% - 50px);}
#header-search-form > .search-field {border:none; padding: 8px 20px;     flex-grow: 1;    font-size: var(--l-text);}
#header-search-form > .search-field:focus-visible {outline:none;}
#hoofdmenu-list.menu-list img.wpml-ls-flag {display:inline;}
#header-search-form .dashicons-search{display: flex;    align-items: center;    margin-right: 2px;}

/*inschuif cart*/
#sidebar-cart {position:fixed; right:-375px; top:0; z-index:101; background-color:#fff; height:100%; padding:20px; box-shadow: var(--box-shadow); transition: .5s ease-in-out; width: 375px; }
#sidebar-cart.visible {right:0; transition: .5s ease-in-out;}
#sidebar-cart h2 {font-size: var(--h4);}
#sidebar-cart .button {font-size: 14px;}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {border-top: 1px solid #cccccc;}

/*pages*/
body.woocommerce #primary {}
body.woocommerce #main {}
body.post-type-archive-product #primary section .section-inner-wrap {max-width: 1400px !important;     display: grid;    /*grid-template-columns: 1fr 3fr;*/    width: 100%;    grid-gap: clamp(20px, 5vmin, 50px);}
.woocommerce-breadcrumb {display: none;}
.flex-space {display:flex;justify-content: space-between; align-items: center;  margin-bottom: 20px; }
body.woocommerce-page section.paginadesign-naast .section-inner-wrap {display: block;}
/*sidebar*/
#sidebar-1 {display:block;z-index:1; background-color:#fff; padding-top:40px; padding-right: 20px; padding-bottom: 75px; padding-left: 20px;height:100%;}
#sidebar-1.sibebar-hero {	margin-top: calc(60vh - 80px);	padding-top:20px;}
#sidebar-1 h2 {font-size: 20px; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color: var(--hoofdkleur-1);}
.woocommerce .widget_price_filter .price_slider {margin-top: 1em;}

/*product single */
.related.products {float: left; width: 100%;}
.single-product .product {overflow: auto;}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {color: var(--hoofdkleur-1);}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {text-align: left;}
.woocommerce div.product form.cart .variations select {width: auto;}

/*content*/
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {color: var(--hoofdkleur-1);}

/*buttons*/
.woocommerce-mini-cart__buttons.buttons {display:block;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {background-color: var(--hoofdkleur-1) !important;}

/*woocommerce product fotogalerij*/
.woocommerce div.product .woocommerce-product-gallery .galerij {align-items: stretch; grid-template-columns: repeat(6,1fr); grid-gap: clamp(10px, 2.5vmin, 25px); display: grid;}
.woocommerce div.product .woocommerce-product-gallery .galerij {grid-template-columns: repeat(4,1fr); }}
@media (max-width:991px) {.woocommerce div.product .woocommerce-product-gallery .galerij {grid-template-columns: repeat(4,1fr); }}
@media (max-width:767px) {.woocommerce div.product .woocommerce-product-gallery .galerij, section section.fotogalerij .galerij {grid-template-columns: repeat(3,1fr); }}
@media (max-width:479px) {.woocommerce div.product .woocommerce-product-gallery .galerij, section section.fotogalerij .galerij {grid-template-columns: repeat(2,1fr); }}
.woocommerce div.product .woocommerce-product-gallery .galerij a img {height:150px;object-fit: cover; width:100%;}
.woocommerce div.product .woocommerce-product-gallery .galerij a {transition-duration: 0.4s; height: 150px;}
.woocommerce div.product .woocommerce-product-gallery .galerij a.main-image {grid-column: span 4; height: 400px;}
.woocommerce div.product .woocommerce-product-gallery .galerij a.main-image img {height:400px;}
.woocommerce div.product .woocommerce-product-gallery .galerij a:hover { transform: translateY(-10px); transition-duration: 0.4s;}
@media (max-width:767px) {.woocommerce div.product .woocommerce-product-gallery .galerij a:hover { transform: translateY(0px);}}