/*
Theme Name: Mijn Kerk
Text Domain: mijnkerk
Version: 1.20.2
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);
	/*--h2-fallback: 2.15rem;
	--h2: clamp(1.70rem, 1.43rem - -1.36vw, 2.62rem);*/
	--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);
	
}

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: #404040;}

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: #0f0f0f;}

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: 0px 5px 15px rgba(0,0,0,0.08);}
.text-shadow {text-shadow: rgba(0,0,0,.5) 0 0 4px;}
/* 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-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;}
@media (max-width:700px) {#header2 {display: none;}}
#header2 .header-left-tekst {display: flex; column-gap: 4px;}
#header2 .header-right { column-gap: 4px; }
#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;}
.site-logo {height:90px;  vertical-align: bottom;}
	@media (max-width:991px) {	.site-logo {height:60px;  }}
	@media (max-width:767px) {  .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;}
	@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%;}
		#hoofdmenu-container.open {visibility:visible;}
		#hoofdmenu-list.menu-list {display:flex;flex-direction:column; overflow: visible; padding-bottom: 120px; 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;}
	
	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:480px) {header .button {display:none;}}
	
	header .dashicons-search {font-size: 28px; margin-left: 1vmin; height: auto; width: auto; color: #000000;} 
	header .dashicons-search:hover {color: var(--hoofdkleur-1);}
	@media (max-width:767px) {header .dashicons-search { margin-top: -2px; margin-left: 10px; font-size: 36px;} }


/* 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; width: 100%; padding: 8px}


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

.pointer {cursor:pointer;}

/**kaarsje**/
section#kaarsje-lightbox {opacity:0;visibility:hidden;transition:0.25s;position: fixed; top: 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: 0px 5px 15px rgba(0,0,0,0.08);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);}}
section.paginadesign-naast .section-inner-wrap > img {border-radius: var(--borderradius); height: auto;}

/* 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.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 .post-author {font-size: 20px; color: var(--hoofdkleur-1); margin-right: 2vmin;}

/*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);}
.single-portfolio .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; 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.button-border{border:1px solid #404040;}*/
.button-large{font-size: 17px; padding-left: 35px; padding-right: 35px; padding-top: 15px; padding-bottom: 15px;}
.buttons {display: grid; grid-template-columns: auto auto; grid-gap: 15px;}
.button-mobile {display: none;}
@media (max-width:497px) {.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; }
}

/**hero**/
.hero {min-height: 40vh;}
.home .hero {min-height: 60vh;}
.hero.afbeelding {display: grid; grid-template: 1fr / 1fr; width:100%;}
.hero.afbeelding.tekst-afbeelding {height: auto;}
.hero.afbeelding > div {grid-column: 1 / 1; grid-row: 1 / 1;}
.hero.afbeelding > img {grid-column: 1 / 1; grid-row: 1 / 1;}
.hero.afbeelding > img {height: 10px; min-height: 100%; object-fit: cover;width: 100%;}
.hero.afbeelding.tekst-afbeelding > img {opacity: 0; height: 0px;}
.hero.afbeelding.tekst-afbeelding .div-block {justify-content: center;}
.hero.afbeelding .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) h1.text-shadow,.hero:not(.tekst-afbeelding) .section-inner-wrap > div:not(.collumns-2) h2.text-shadow, .hero:not(.tekst-afbeelding) .section-inner-wrap > div:not(.collumns-2) .hero-tekst.text-shadow {color:#fff;} 
.hero .full-width h1, .hero .full-width h2 { text-align: center;}
.hero.links .full-width h1, .hero.links .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);}}

.hero .hero-bericht-slide {display: grid; grid-template: 1fr / 1fr; height: 60vh; width:100%;}
.hero .hero-bericht-slide > .section-inner-wrap {z-index:0;}
.hero .hero-bericht-slide > div {grid-column: 1 / 1; grid-row: 1 / 1; height: inherit;}
.hero .hero-bericht-slide > img {grid-column: 1 / 1; grid-row: 1 / 1; height: inherit; object-fit: cover;width: 100%;}
.hero.berichtslider .section-inner-wrap {display: flex; flex-direction: row; align-items: flex-end; width: 100%; padding-left: 80px; padding-right: 80px;}
.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%;}
.hero.slider > .flickity-enabled img {display: block; height: 60vh; 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 {grid-template-columns: repeat(1, 1fr) !important; }}
@media (max-width:767px) {section.hero .collumns-2 img { height:350px !important; }}
@media (max-width: 767px) {section.hero .collumns-2 div.media {    grid-row: 1;}}


/**page-breaker**/

.page-breaker {background-size: cover !important; text-align: center; background-repeat: no-repeat; height: auto; min-height: 60vh; background-attachment: fixed;}
@media (max-width:767px) {.page-breaker {height: auto; }}
@media (max-width:480px) {.page-breaker {background-attachment: scroll;}}
.page-breaker .section-inner-wrap {display: flex; flex-direction: row; align-items: center; height: auto; min-height: 60vh;}
.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 .section-inner-wrap, .page-breaker.rechts .div-block {align-items: flex-start;}
.page-breaker.links {text-align: right;}
.page-breaker.links .section-inner-wrap, .page-breaker.links .div-block {align-items: flex-end;}

/**verwijzingen**/
.verwijzing-columns-4, .verwijzing-columns-7, .verwijzing-columns-8 {   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-6 {grid-template-columns: repeat(2, 1fr); } .verwijzing-columns-3, .verwijzing-columns-9 {grid-template-columns: repeat(1, 1fr);}}
@media (max-width:497px) {.verwijzing-columns-4, .verwijzing-columns-5, .verwijzing-columns-7, .verwijzing-columns-8, .verwijzing-columns-6 {grid-template-columns: repeat(1, 1fr); } .verwijzing-columns-2 {grid-template-columns: repeat(1, 1fr); }}
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.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 a div {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;}
section.verwijzingen a.text-shadow div {color: #ffffff;}
section.verwijzingen img {position: absolute; top:0;left:0;width:100%;height:100%; object-fit: cover;}
section.verwijzingen.voor img {position: relative; width:40%; object-fit: cover; height: 10px; min-height: 100%;}
section.verwijzingen.voor img + .tekst-container {width: 60%;}
section.verwijzingen .tekst-container {display: flex; flex-direction: column; padding: 20px;}
section.verwijzingen.boven 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:497px) {section.carousel .carousel-cell {width: 92%; }}

section.carousel .text-block {padding: 8px; 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 {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;}
@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%; }}


/**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 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 .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%; border-radius: 0px;}
section.tekst-afbeelding .collumns-2 .flickity-viewport {overflow: hidden;    border-radius: var(--borderradius);}
/**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}
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**/
/**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: 0px 5px 15px rgb(0 0 0 / 8%); 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;}
section.faq .faq-content.hidden {display:flex; max-height:0px;transition-property: max-height;transition-duration: 0.3s;overflow:hidden;}

/*faq*/

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


/**overzicht**/
section.overzicht {/*background-color: var(--hoofdkleur-2);*/}
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: 1fr;}
@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:497px) {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;}
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;}

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

/*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);}}
/*gebed en getuigenis*/
section.overzicht-getuigenis .text-block, section.overzicht-getuigenis .text-block{flex-direction: column-reverse;}

/*paginatie*/
section.overzicht .paginatie {display: flex;     flex-direction: row;    justify-content: center; padding-top: 20px; font-size: 18px;}
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: stretch; grid-template-columns: repeat(6,1fr); grid-gap: clamp(10px, 2.5vmin, 25px); display: grid;}
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:497px) {section.fotogalerij .galerij, section section.fotogalerij .galerij {grid-template-columns: repeat(2,1fr); }}
section.fotogalerij .galerij a img {height:200px;object-fit: cover; width:100%;}
section.fotogalerij .galerij a {transition-duration: 0.4s; height: 200px;}
section.fotogalerij .galerij a:hover { transform: translateY(-10px); transition-duration: 0.4s;}
@media (max-width:767px) {section.fotogalerij .galerij a:hover { transform: translateY(0px);}}
section.fotogalerij h2 {margin-bottom: 20px; }

/**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 style */

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;}

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;}

#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;}

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