/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
}

html.noscroll{
    position: fixed;
    width: 100vw;
    top:0;
    left: 0;
    height: 100vh;
    overflow-y: scroll !important;
    z-index: 10;
}

body {
	--lichtblauw: #B0CEE2;
	--blauw: #45586C;
	--donkerblauw: #132C47;
	--rood: #A63E1B;
	--grijs: #fafafa;
	
	--wit: #FFFFFF;
	--zwart: #1A2730;
	
	--bordercolor: #000000;
	--inputcolor: #1C1E21;
	--inputbgcolor: #f1f1f1;
}

/* BASIS */

html, body {
	color: var(--blauw);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing:0.025em;
	font-weight:400;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: subpixel-antialiased;;
	overflow-x:hidden;
}

.wrapper {
	width:100%;
	margin: 0px auto !important;
	position: relative;
	padding: 0px;
			box-sizing:border-box;
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

img {
	display:block;
	max-width:inherit;
	width:100%;
}
img.center {
    margin-left: auto;
    margin-right: auto;
}

a {
	cursor:pointer;
	color:inherit;
	text-decoration:underline;
}

em {font-style:italic;}

ul,ol {margin:0 0 15px 0;}
li {list-style:none;line-height:24px;}
li:before {content:'\f0da';font-family:'Font Awesome\ 7 Pro';margin-right:10px;color:var(--zwart);font-weight:900;}
ul li ul, ol li ol {margin-bottom:0;margin-left:15px;}
ul li ul li:before, ol li ol li:before {content:'\f105';color:var(--zwart);}
ul.nobefore li:before, ol.nobefore li:before {display:none;}

p {line-height:24px;margin-bottom:15px;}

strong {font-weight:600;}

h1{font-size:32px;word-wrap: break-word;margin-bottom:20px;font-weight:700;line-height:30px;}
h2{font-size:28px;word-wrap: break-word;margin-bottom:20px;font-weight:700;line-height:26px;}
h3{font-size:22px;word-wrap: break-word;margin-bottom:20px;font-weight:700;}
h4{font-size:20px;word-wrap: break-word;margin-bottom:20px;}
h5{word-wrap: break-word;margin-bottom:5px;font-weight:600;}
h6{word-wrap: break-word;margin-bottom:5px;font-style:italic;}

h1 span {display:block;font-size:18px;text-transform:uppercase;font-weight:400;}
h2 span {display:block;font-size:18px;text-transform:uppercase;font-weight:400;}

/* KLEUREN */
.lichtblauw {color:var(--lichtblauw);}
.blauw {color:var(--blauw);}
.donkerblauw {color:var(--donkerblauw);}
.rood {color:var(--rood);}
.grijs {color:var(--grijs);}
.wit {color:var(--wit);}
.zwart {color:var(--zwart);}

.bg-lichtblauw {background-color:var(--lichtblauw);}
.bg-blauw {background-color:var(--blauw);}
.bg-donkerblauw {background-color:var(--donkerblauw);}
.bg-rood {background-color:var(--rood);}
.bg-grijs {background-color:var(--grijs);}
.bg-wit {background-color:var(--wit);}
.bg-zwart {background-color:var(--zwart);}

/* CLASSES */
.extrapadding {padding-top:40px;padding-bottom:40px;}
.borders, .corners {border-radius:22px;}
.nooverflow {overflow:hidden;}
.itemcontentpadding {padding:25px;}
.icon {width:60px;}

.spacer-10 {height:10px;}
.spacer-25 {height:25px;}
.spacer-50 {height:50px;}
.spacer-100 {height:100px;}

.clear {clear:both;}

.hidden {display:none;}

.btn {
	padding:10px 24px;
	text-decoration:none;
	display:inline-block;
	line-height:20px;
	margin-bottom:4px;
	
	border-radius:18px;
	
	font-weight:600;
	font-size:17px;
	
	border:2px solid transparent;
}
#top .btn, #cookiemelding .btn {font-size:14px;padding:6px 16px;border-radius:15px;margin-left:15px;margin-bottom:0;font-weight:500;}

.btn:after {content:'\f0da';font-family:"Font Awesome\ 7 Pro";margin-left:10px;font-weight:900;}
.btn:before {display:none;}
.btn.left:before {content:'\f0d9';font-family:"Font Awesome\ 7 Pro";margin-right:10px;display:inline-block;}
.btn.left:after {display:none;}
.btn.upload:after, .btn.upload:before {content:'\f093';}
.btn.download:after, .btn.download:before {content:'\f019';}
.btn.phone:after, .btn.phone:before {content:'\f095';}
.btn.envelop:after, .btn.envelop:before {content:'\f0e0';}
.btn.noicon:after, .btn.noicon:before {display:none;}
.btn.down:after, .btn.down:before {content:'\f0d7';}

.btn.border {border:2px solid var(--blauw);}

.btn.dark {background-color:#171717;}

.right {text-align:right;}
.center {text-align:center;}
.justify {text-align:justify;}

a.right {float:right;}

/* KLEUREN */


/* COLUMNS */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  FLEX TOEVOEGING 27-11-2025  */
.section:not(.noflex) {
	display:flex; flex-wrap: wrap;min-height:0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:0;
	padding:10px;
			box-sizing:border-box;
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	position:relative;
	height:auto;
}
.col .col {padding:0;}
.col p:last-child {margin-bottom:0px;}
.col.padding {padding:10px;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/* TOP */
#top {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
#top .btn:first-child {margin-left:0;}

#top i {font-size:28px;margin-top:2px;}

#top ul.topnav {
	font-weight:600;
	margin-bottom:0;
	display:inline-block;
	top:14px;
	position:absolute;

	/*
	 * Rechts ruimte vrijhouden voor Facebook / Instagram.
	 * De zoekbalk blijft zo vóór de social-iconen staan.
	 */
	left:0;
	right:105px;
	width:auto;
	white-space:nowrap;
}
#top ul.topnav li {display:inline-block;}
#top ul.topnav li a {border-right:1px solid var(--donkerblauw);padding-right:10px;margin-right:10px;line-height:12px;display:inline-block;text-decoration:none;}
#top ul.topnav li:last-child a {margin-right:0;padding-right:0;border:none;} 
#top ul.topnav li ul {display:none;}
#top ul.topnav li:before {display:none;}

#top .col.right > a.external {
	position:relative;
	z-index:2;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}

/* NAVIGATION */
#nav-container {margin-top:50px;}

ul.nav {float:right;position: relative;top: 10px;}
ul.nav, ul.nav li ul {margin:0;}
ul.nav li {font-size:18px;font-weight:600;text-shadow: 1px 1px 3px rgba(0,0,0,0.7);display:inline-block;list-style:none;margin-left:30px;position:relative; white-space: nowrap;}
ul.nav li:first-child {margin-left:0;}
ul.nav li:before {display:none;}

ul.nav li a {text-decoration:none}

ul.nav li ul.subnav {display:none;position:absolute;top:0;left:0;z-index:999;width:100%;padding-top:34px;}
ul.nav li ul.subnav li {margin-left:0;padding:8px 16px;
  background-color: var(--wit);
  cursor: pointer;
  color: var(--zwart);
  text-shadow:none;
  font-weight:500;
  display:block;
  border-bottom:1px solid var(--zwart);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	box-sizing:border-box;
	font-size:14px;
 }
 
 ul.nav li ul.subnav li:hover {padding-left:28px;font-weight:600;}
 ul.nav li ul.subnav li:first-child {border-radius:10px 10px 0 0;}
 ul.nav li ul.subnav li:last-child {border-radius:0 0 10px 10px;border-bottom:none;}

ul.nav li:has(> ul.subnav)::after {
  content: '\f0d7';
  font-family:"Font Awesome\ 7 Pro";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: -15px;
  background-size: auto;
  background-size: cover;
}

/* FIXED BAR */
#fixedbar {position:fixed;top:0;left:0;width:100%;z-index:9999;}
#fixedbar #navigation {
	color:var(--wit);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
#fixedbar #navigation #nav-container {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
#fixedbar.scroll #navigation #nav-container {margin-top:3px;min-height:71px;}
#fixedbar.scroll #navigation {background-color:var(--wit);color:var(--zwart);-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);}
#fixedbar.scroll #navigation a.btn {color:var(--wit);}

#fixedbar.scroll #top {margin-bottom:0;z-index: 9999999;position: relative;}
#fixedbar.scroll ul.nav li {text-shadow:none;font-weight:400;}
#fixedbar.scroll ul.nav li:after {font-weight:900;}

#fixedbar.scroll  ul.nav li ul.subnav li:hover {font-weight:600;}
#fixedbar.scroll  ul.nav li ul.subnav li:first-child {border-radius:0;}
#fixedbar.scroll  ul.nav li ul.subnav:after {content:'';width:100%;height: calc(100% - 34px);position:absolute;top:34px;left:0;background-color:var(--wit);-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);border-radius:0 0 10px 10px;z-index:-1;}
#fixedbar.scroll  ul.nav li ul.subnav:before {content:'';width:100%;height:10px;position:absolute;top:24px;left:0;background-color:var(--wit);}

/* HEADER */
#header {position:relative;height:30vh;}
#header.home {height:70vh;}

#header_image {width:100vw;height:100%;position:absolute;top:0;left:0;}
#header_image .wrapper {height:100%;position:absolute;top:0;left:50%;transform:translate(-50%,0);z-index:1;}
#header_image img {width:100%;height:100%;object-fit:cover;object-position: center center;z-index:-1;}

#header_image:after {content:'';width:100%;height:100%;background: #000000;background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 50%, rgba(176, 206, 226, 0.6) 100%);position:absolute;top:0;left:0;}

#header_image h1 {font-size:40px;color:var(--wit);width:55%;position:absolute;top:60%;left:0;z-index:1;transform:translate(0,-50%);text-shadow: 1px 1px 3px rgba(0,0,0,0.7);line-height:inherit;}

/* MAIN */
#main {padding-top:40px;}

/* TARIEVEN */
.col.tarief {margin-bottom:1.6%;}
.col.tarief:nth-child(3n+1) {
  margin-left:0;
}
.tarief h5 {min-height:44px;line-height:44px;padding-left:20px;cursor:pointer;}
.tarief h5 i {position:absolute;top:13px;right:20px;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
	
.tarief h5.show i {transform:rotate(-180deg);}

.tarief .hidden {padding:20px;padding-top:0;}

/* SACRAMENTEN */
ul.sacramenten {margin-top:50px;position:relative;}
ul.sacramenten.twocol {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
ul.sacramenten.twocol li {display:block;margin-left:0;}
ul.sacramenten li:before {display:none;}
ul.sacramenten li {position:relative;border:1px solid var(--blauw);display:inline-block;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	margin-bottom:25px;}
ul.sacramenten li a {display:block;box-sizing:border-box;padding:40px;padding-left:120px;text-decoration:none;font-size:24px;font-weight:500}
ul.sacramenten li a:after {content:'\f054';font-family:"Font Awesome\ 7 Pro";margin-left:35px;font-weight:500;font-size:20px;}

ul.sacramenten li i {font-size:50px;position:absolute;top:50%;left:38px;transform:translate(0,-50%);}

ul.sacramenten li {margin-left:20px;}
ul.sacramenten li:first-child {margin-left:0;}

ul.sacramenten li:hover {color:var(--wit);background-color:var(--donkerblauw);}

ul.sacramenten {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.sacramenten li {
	padding: 0;
}

ul.sacramenten li a {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 105px;
	padding: 20px 30px;
	box-sizing: border-box;
	text-decoration: none;
}

ul.sacramenten .sacrament-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 90px;
	width: 90px;
	height: 70px;
	margin-right: 25px;
}

ul.sacramenten .sacrament-icon img {
	display: block;
	width: 70px;
	height: 70px;
	max-width: 70px;
	max-height: 70px;
	object-fit: contain;
	margin: 0;
	padding: 0;
}

ul.sacramenten .sacrament-title {
	flex: 1;
	text-align: left;
}

ul.sacramenten .sacrament-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 30px;
	margin-left: 20px;
}

ul.sacramenten .sacrament-arrow i {
	margin: 0;
}

/* PAROCHIES */
.parochie {overflow:hidden;padding:0;cursor:pointer;margin-bottom:1.6%;}
.parochie .p-titles {position:absolute;bottom:25px;left:25px;color:var(--wit);z-index:1;}
.parochie h3 {margin-bottom:0px;font-weight:700;}
.parochie h4 {}
.parochie img {width:100%;height:100%;object-fit:cover;object-position:center center;}

.parochie:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: #000000;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}

.parochie:nth-child(4n+5) {margin-left:0;}

/* HOMEITEMS */
#homeitem-container .homeitem {height:calc(100% - 92px);}
.homeitem {box-sizing:border-box;position:relative;/*height:100%;*/}
.homeitem hr {border:none;height:0.5px;background-color:var(--donkerblauw);position:relative;margin-bottom:20px;}
.circle {position:absolute;top:25px;right:25px;width:80px;height:80px;background-color:var(--donkerblauw);color:var(--wit);border-radius:100%;font-weight:700;font-size:22px;line-height:22px;text-align:center;}
.circle span {position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);}

.homeitems-container h2.mobileonly {margin-bottom:40px;} 
.homeitems-container h2 {margin-bottom:40px;}

.homeitem .itemplace {display:block;}
.homeitem .itemdate {font-size:18px;font-weight:700;}
.homeitem .itemtime {}

/* AGENDA */

.agenda-event-image {
	width: 100%;
	margin-bottom: 15px;
}

.agenda-event-image img {
	display: block;
	width: 100%;
	height: 135px;
	object-fit: cover;
	margin: 0;
}

.agenda-event-button {
	margin: 0;
	text-align: right;
}

.agenda-event-button .btn {
	display: inline-block;
}

.agenda-event-item {
	padding: 25px 0;
	border-bottom: 1px solid var(--inputborder);
}

.agenda-event-item:first-child {
	padding-top: 0;
}

.agenda-event-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.agenda-sidebar {
	background: var(--lichtblauw);
	padding: 30px;
	box-sizing: border-box;
	border-radius: 25px;
}

.agenda-simple-list .section.group {
	margin: 0;
	padding: 16px 0;
}

.agenda-simple-list hr {
	margin: 0;
	border: 0;
	border-top: 1px solid rgba(70, 91, 113, 0.25);
}

.agenda-simple-list strong {
	display: block;
}

.agenda-actions {
	margin-top: 15px;
}

.agenda-actions .btn {
	margin-right: 8px;
	margin-bottom: 8px;
}

.agenda-actions.event-actions {
	margin: 25px 0;
}

/* ACTIEKNOPPEN BIJ NORMALE AGENDA-ITEMS */
.agenda-sidebar .agenda-actions {
	margin-top: 10px;
}

.agenda-sidebar .agenda-actions .btn {
	width: auto !important;
	min-width: 0 !important;
	font-size: 13px;
	line-height: 18px;
	padding: 8px 14px;
	margin: 0 5px 6px 0;
}

/* ACTIEKNOPPEN OP EVENT DETAIL */
.agenda-actions.event-actions {
	margin-top: 25px;
	margin-bottom: 35px;
}

.agenda-actions.event-actions .btn {
	width: auto;
	min-width: 0;
	font-size: 16px;
	padding: 12px 20px;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* FOOTER */
#footer {padding:40px 0;}
#footer h5 {font-weight:700;font-size:20px;margin-bottom:20px;}
#footer h6 {font-weight:700;font-style:normal;}

#footer i {font-size:20px;}

/* SITEMAP */
#footer #sitemap {column-count:2;}

/* FORMS */
#kosten_formulier {margin-bottom:15px;display:block;}

input.gotcha {display:none;}
.grecaptcha-badge { visibility: hidden; }

fieldset {margin-bottom:25px;}
input, textarea, .datepicker a {border:none;padding:11px 15px;width:100%;display:inline-block;color:var(--zwart);box-sizing:border-box;-moz-box-sizing:border-box;webkit-box-sizing:border-box;font-family:'Open Sans', sans-serif;font-size:inherit;font-weight:300;margin-bottom:15px;background-color:var(--inputbgcolor);}
input.margin-bottom {margin-bottom:30px;}

*:focus {
    outline: none;
}

.datepicker {position:relative;}
.datepicker input {width:80%;}
.datepicker a {width:20%;float:right;}
.datepicker a i {color:#171717;}

input[type=radio], input[type=checkbox] {
    display: none;
}
input[type="text"]:disabled {
    background: #f0f0f0;
} 
.radio-container .radio-items {display:inline-block;margin-bottom:5px;}
span.radiobox, span.checkbox {float:left;margin-right:10px;line-height:18px;margin-bottom:5.5px;position:relative;cursor:pointer;}
span.radiobox:before, span.checkbox:before {
    content: "";
    display: inline-block;
 
    width: 18px;
    height: 18px;
 
    margin-right: 10px;
	float:left;
	background-color: #F1F1F1;
	cursor:pointer;
}

textarea {resize:none;height:120px;}

span.radiobox:before {
    border-radius: 50%;
}

span.checkbox:before {
    border-radius: 4px;
}

input[type=radio]:checked + span.radiobox:before {
    content: "\2022";
    color: var(--rood);
    font-size: 50px;
    text-align: center;
    line-height: 15px;
}
input[type=checkbox]:checked + span.checkbox:before {
    content: "\f00c";
	font-family:'Font Awesome\ 7 Pro';
    color: var(--rood);
    font-size: 15px;
    text-align: center;
    line-height: 17px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile, label.file {
    cursor: pointer;
}

/* SELECT BOX */
/*the container must be positioned relative:*/
.select-style {
  position: relative;
  font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	margin-bottom:15px;
}
.select-style select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #f1f1f1;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content:'\f078';
  font-family:'Font Awesome\ 7 Pro';
  top: 11px;
  right: 23px;
  width: 0;
  height: 0;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  content:'\f077';
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color:#60605e;
  padding: 11px 15px;
  cursor: pointer;
  user-select: none;
}
.select-items div {
border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  white-space: nowrap;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #f1f1f1;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

span.required {color:#e61d33;}

/* LABELS */
label.error {color:#AD1416;padding-top:2px;display:block;margin-top: -7px;margin-bottom: 8px;}
label.error:before {content:'\f0d8';font-family:'Font Awesome\ 7 Pro';margin-right:5px;font-weight:900}

/* MESSAGING */
.message, #message {
	display:none;
}
.negative, .positive, .attention {
  margin: 4px 0;
  font-size: 1em;
  padding: 8px 10px 8px 10px;
  
  color: #C24848;  
  background: #FFD6D6 .5em .4em no-repeat;
  border: 1px solid #FFC2C2;
} 
.positive {
  color: #3F9153;  
  background: #D7F7DF .5em .4em no-repeat;
  border: 1px solid #A3F7B8
} 
.attention {
  color: #CF9E00;  
  background: #FAF2D7 .5em .4em no-repeat;
  border: 1px solid #FAE8AF;
}

/* MAP */
#map {height:300px;}

/*UC PAGE*/
.wrapper.uc {
	text-align:center;
	width:inherit;
}
.uc-logo {
	margin-top:50px;
	width:260px;
}
/* EMAIL */
.mailme {display:none;}
.email:not(input) {cursor:pointer;}
.email::after{ content:"@" attr(data-host); }

/* COOKIE MELDING*/
/*#cookiemelding {width:100%;text-align:center;position:fixed;bottom:0;z-index:999;}
#cookiemelding p {background-color:rgba(0,0,0,0.75);display:inline-block;padding:12px 25px;margin:0;color:#fff;font-weight:300;}
#cookiemelding p a.btn {margin:0;padding:7px 14px;text-decoration: none;margin-left:25px;}
#cookiemelding p a {text-decoration:underline;color:#fff;}*/

#cookiemelding {position:fixed;bottom:0;left:50%;transform:translate(-50%,0);width:100%;text-align:center;z-index:99999;}

#cookiemelding.fullscreen {width:50%;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);z-index:99999;}
#cookiemelding.fullscreen::before {content:'';width:200vw;height:200vh;position:fixed;top:-100vh;left:-100vw;background-color:rgba(255,255,255,0.2);backdrop-filter: blur(14px);z-index:0;}

#cookiemelding h6 {font-size:24px;margin:0 25px 35px 25px;top:25px;position:relative;}

#cookiemelding img {width:150px;position:absolute;top:25px;right:25px;}

#cookiemelding p {display:inline-block;padding:12px 25px;margin:0;font-weight:300;}
#cookiemelding p a.btn {margin-right:25px;padding-left:40px;padding-right:40px;margin-bottom:0;}
/*#cookiemelding p:last-child {padding-top:0;}*/
#cookiemelding p a:not(.btn) {text-decoration:underline;}

#cookiemelding-content {/*border-radius:16px;*/ /*padding-bottom:15px;*/position: relative;background:var(--wit);-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);}

/*#cookiemelding-content-text {column-count:2;}*/

/* FIXED MESSAGE*/
#fixedmessage {width:100%;text-align:center;position:fixed;top:0;z-index:999;}
#fixedmessage p {background-color:rgba(0,0,0,0.75);display:inline-block;padding:12px 25px;margin:0;color:#fff;position:relative;}
#fixedmessage p a.btn {margin:0;padding:7px 14px;text-decoration: none;margin-left:25px;}
#fixedmessage p a {text-decoration:underline;color:#fff;}

#fixedmessage.positive, #fixedmessage.negative, #fixedmessage.attention {background:none;border:none;}

#fixedmessage p::after {
	content:'\f00d';
	font-family:'Font Awesome\ 7 Pro';
	position:absolute;
	top:0;right:4px;
	cursor:pointer;
}

#fixedmessage.negative p, #fixedmessage.positive p, #fixedmessage.attention p {
  margin: 4px;
  font-size: 12px;
  padding: 8px 16px;
  
  color: #C24848;
  background: #FFD6D6 .5em .4em no-repeat;
  border: 1px solid #FFC2C2;
} 
#fixedmessage.positive p {
  color: #3F9153;
  background: #D7F7DF .5em .4em no-repeat;
  border: 1px solid #A3F7B8
} 
#fixedmessage.attention p {
  color: #CF9E00;
   background: #FAF2D7 .5em .4em no-repeat;
  border: 1px solid #FAE8AF;
}

#fixedmessage p a.btn {
	padding: 4px 10px;
	margin: 5px 0 0 0;
	
	background-color:#FFD6D6;
}

#fixedmessage.positive p a.btn {
	background-color:#3F9153;
}

#fixedmessage.attention p a.btn {
	background-color:#CF9E00;
}

/* FINWIZE COPY */
.finwize-p {position:relative;}
.finwize-p a span {padding-left:14px;}
.finwize-icon {width:12px;display:inline-block;position:absolute;top:4px;}

/* SLICK */
.slickarrow {position:absolute;top:50%;left:10px;transform:translate(0,-50%);background-color:var(--wit);height:20px;width:20px;border-radius:100%;z-index:2;cursor:pointer;}
#nextarrow.slickarrow {right:10px;left:auto;}

/* FOTOALBUMS SLIDER */
#fotoalbumslider-dots{
    position: absolute;
    bottom: 95px;
    left: 50%;
	transform:translate(-50%);
    display: flex;
	background-color:var(--wit);
	z-index:3;
	border-radius:10px;
	padding:5px;
}
#fotoalbumslider-dots ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#fotoalbumslider-dots ul li {
    margin: 0 4px;
    line-height:14px;
    button {
        background: var(--lichtblauw);
        height: 10px;
        width: 10px;
		border-radius:50%;
        overflow: hidden;
        color: var(--lichtblauw);
        border: none;
        cursor:pointer;
        border:none;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
    }
}
#fotoalbumslider-dots ul li:before {display:none;}
#fotoalbumslider-dots ul li.slick-active button {background-color:var(--blauw);color:var(--blauw);}

.fotoalbum-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.fotoalbum-photo {
	margin-bottom: 30px;
}

.fotoalbum-photo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.fotoalbum-photo-title {
	margin-bottom: 5px;
}

.fotoalbum-lightbox {
	display: block;
	position: relative;
	overflow: hidden;
}

.fotoalbum-lightbox img {
	display: block;
	transition: transform 0.25s ease;
}

.fotoalbum-lightbox:hover img {
	transform: scale(1.03);
}

.fotoalbum-lightbox:after {
	content: "\f00e";
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.fotoalbum-lightbox:hover:after {
	opacity: 1;
}

.fancybox__container {
	z-index: 999999 !important;
}

/* DATE PICKER COLOR */
.datepicker-panel > ul > li:before {display:none;}

/*.datepicker-panel > ul > li:hover {
  background-color: rgb(173, 143, 112);
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.muted:hover {
color:#fff;
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgb(124, 106, 85);
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(173, 143, 112);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #fff;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(124, 106, 85);
}
.datepicker-top-left, .datepicker-top-right {
	border-top-color: #7c6a55;
}
.datepicker-top-left::before, .datepicker-top-right::before {
	border-bottom-color: #7c6a55;
}*/


/* VAST CONTACTBLOK */
#quick-contact {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 9990;
}

#quick-contact-button {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 14px 17px;
	cursor: pointer;
	border-radius: 8px 0 0 8px;
	box-shadow: 0 3px 12px rgba(0,0,0,0.15);
	transition: all .25s ease;
	transform: translateY(-50%);
}

#quick-contact-button i {
	font-size: 18px;
}

#quick-contact-button:hover {
	padding-right: 21px;
}

#quick-contact-panel {
	position: fixed;
	right: 0;
	top: 20px;
	width: 340px;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	padding: 28px;
	box-sizing: border-box;
	transform: translateX(105%);
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 8px 30px rgba(0,0,0,0.18);
	transition: transform .3s ease, opacity .3s ease;
}

#quick-contact.open #quick-contact-panel {
	transform: translateX(0);
	opacity: 1;
	pointer-events: auto;
}

#quick-contact.open #quick-contact-button {
	opacity: 0;
	pointer-events: none;
}

#quick-contact-close {
	position: absolute;
	right: 17px;
	top: 15px;
	font-size: 20px;
	cursor: pointer;
}

#quick-contact-panel h3 {
	margin-top: 0;
	padding-right: 25px;
}

.quick-contact-section {
	padding: 17px 0;
	border-top: 1px solid #e5e5e5;
}

.quick-contact-section:first-of-type {
	border-top: 0;
	padding-top: 5px;
}

.quick-contact-parochie {
	background: rgba(0,0,0,0.025);
	margin: 0 -14px 8px;
	padding: 16px 14px;
	border-radius: 8px;
}

.quick-contact-person + .quick-contact-person {
	margin-top: 18px;
}

.quick-contact-section h5,
.quick-contact-person h5 {
	margin: 0 0 7px 0;
}

.quick-contact-name {
	margin-bottom: 7px;
}

.quick-contact-line {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 5px 0;
}

.quick-contact-line i {
	width: 16px;
	margin-top: 4px;
}

.quick-contact-address {
	margin: 5px 0 10px;
}

.quick-contact-more {
	margin: 12px 0 0;
	font-size: 13px;
}

.quick-contact-more i {
	margin-left: 5px;
}

.quick-contact-button-container {
	margin: 10px 0 0;
}

.quick-contact-button-container .btn {
	width: auto;
	margin: 0;
}

@media only screen and (max-width: 767px) {

	#quick-contact {
		top: auto;
		bottom: 20px;
		right: 0;
		transform: none;
	}

	#quick-contact-button {
		padding: 12px 14px;
	}

	#quick-contact-button span {
		display: none;
	}

	#quick-contact-panel {
		position: fixed;
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		max-height: 80vh;
		border-radius: 14px 14px 0 0;
		transform: translateY(105%);
	}

	#quick-contact.open #quick-contact-panel {
		transform: translateY(0);
	}

}

/* ZOEKFUNCTIE */
.site-search-form {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 760px;
	margin: 25px 0 35px;
}

.site-search-form input {
	flex: 1;
	width: auto;
	min-width: 0;
	margin: 0;
	border: 1px solid var(--blauw);
	border-right: 0;
	border-radius: 18px 0 0 18px;
	background: var(--wit);
	padding: 14px 18px;
	font-size: 16px;
}

.site-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	border: 0;
	border-radius: 0 18px 18px 0;
	padding: 0 22px;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
}

.search-intro {
	max-width: 760px;
}

.search-summary {
	margin: 10px 0 35px;
}

.search-summary h2 {
	margin-bottom: 8px;
}

.search-result-group {
	margin: 0 0 42px;
}

.search-result-group > h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(69,88,108,.25);
}

.search-result-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--lichtblauw);
	font-size: 13px;
	font-weight: 700;
}

.search-result-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 22px 0;
	border-bottom: 1px solid rgba(69,88,108,.18);
}

.search-result-content {
	flex: 1;
	min-width: 0;
}

.search-result-item h3 {
	margin-bottom: 7px;
}

.search-result-item h3 a {
	text-decoration: none;
}

.search-result-item h3 a:hover {
	text-decoration: underline;
}

.search-result-item p {
	margin-bottom: 5px;
}

.search-result-meta {
	font-size: 13px;
	font-weight: 600;
	opacity: .8;
}

.search-result-type {
	display: inline-block;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.search-result-link {
	flex: 0 0 auto;
}

.search-result-link .btn {
	min-width: 0;
	white-space: nowrap;
}

.search-message {
	display: block;
	margin: 20px 0 30px;
}

/* Kleine zoekbalk bovenin */
#top .nav-search {
	vertical-align: middle;
}

#top .nav-search-form {
	display: inline-flex;
	align-items: stretch;
	width: 170px;
	height: 30px;
	margin: -9px 0 -9px 4px;
	border: 1px solid var(--blauw);
	border-radius: 15px;
	overflow: hidden;
	background: var(--wit);
	vertical-align: middle;
}

#top .nav-search-input {
	flex: 1;
	width: 120px;
	min-width: 0;
	height: 28px;
	margin: 0;
	padding: 0 4px 0 12px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--donkerblauw);
	font-family: inherit;
	font-size: 13px;
	line-height: 28px;
	-webkit-appearance: none;
	appearance: none;
}

#top .nav-search-input::-webkit-search-cancel-button {
	display: none;
}

#top .nav-search-input::placeholder {
	color: #6f7f89;
	opacity: 1;
}

#top .nav-search-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--blauw);
	cursor: pointer;
}

#top .nav-search-submit i {
	margin: 0;
	font-size: 14px;
	font-weight: 900;
}

#top .nav-search-form:focus-within {
	border-color: var(--donkerblauw);
	box-shadow: 0 0 0 1px var(--donkerblauw);
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


/* Zoekbalk iets compacter op smallere schermen */
@media only screen and (max-width: 900px) {
	#top .nav-search-form {
		width: 140px;
	}

	#top .nav-search-input {
		width: 92px;
	}
}