/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*ALGEMEEN*/
/*Kruisje weg in zoekbalk */
input.elementor-search-form__input::-webkit-search-cancel-button {
	display: none;
}
body {
	overflow-x: hidden !important;
}
.overflow-x-hidden {
	overflow-x: hidden;
}
.border-radius-clipped-background {
	clip-path: url(#borderpath) !important;
}
/*END ALGEMEEN*/

/*HEADER*/
.main-header {
	min-width: 100%;
}
/*END HEADER*/
/*HOMEPAGE*/
    .txt-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 0px;
    }

    .txt-wrapper p {
      font-size: var(--e-global-typography-secondary-font-size);
        line-height: var(--e-global-typography-secondary-line-height);
      color: #0D5450;
      word-break: break-word;
    }
    .word {
      white-space: nowrap;
    }
    .char {
      display: inline-block;
    }
/*VERHALEN*/
.verhaal-listing-image {
	aspect-ratio: 16/9;
}
.player {
	height: 100% !important;
}
.single-verhalen .jet-listing-grid__item .e-parent, .single-verhalen .jet-listing-grid__item .e-parent .elementor-widget-video {
	height: 100%;
}
.single-verhalen .jet-listing-grid__item .e-parent .elementor-widget-video .elementor-wrapper {
	width: 100%;
	height: 100%;
}
.VideoThumbnail_module_videoThumbnail__d1b35579 {
	background-size: cover;
}
.player .vp-video-wrapper.transparent {
	background-color: #000 !important;
}
/* Algemene styling voor prev en next paginatie‑knoppen */
.listing-pagination-arrow-prev,
.listing-pagination-arrow-next {
  display: inline-block;
  width: 15px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px; /* verberg de tekst */
  overflow: hidden;
  background-image: url('/wp-content/uploads/2025/07/arrow-right-02-stroke-rounded-dark.svg');
	margin-bottom: 2px;
}

/* Pijl “vorige” */
.listing-pagination-arrow-prev {
	transform: rotate(180deg);
}
.jet-filters-pagination__current .jet-filters-pagination__link {
	font-weight: bold !important;
}
/* ========== CONTAINER-INSTELLINGEN ========== */
.in-beeld-listing-grid {
  position: relative;
  overflow: visible !important;
}

.in-beeld-listing-grid .jet-listing-grid__items {
  position: relative;
  overflow: visible !important;
}

/* ========== LISTING ITEMS ========== */
.in-beeld-listing-grid .jet-listing-grid__item {
  position: sticky;
  top: 180px;
  transform-origin: top center;
  transition: transform 0.3s ease, z-index 0.2s ease;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ========== MEDIA RATIO & STYLING ========== */
.in-beeld-listing-grid .jet-listing-dynamic-field__inline-wrap {
  aspect-ratio: 16 / 9;
  width: 100% !important;
}

.in-beeld-listing-grid .jet-listing-dynamic-field__content,
.in-beeld-listing-grid img,
.in-beeld-listing-grid iframe,
.in-beeld-listing-grid video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 20px;
}

/* ========== VOLLEDIGE BREEDTE LISTING-INHOUD ========== */
.in-beeld-listing-grid [data-elementor-type="jet-listing-items"] {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* ========== Z-INDEX FALLBACK CLASSES (voor JS) ========== */
.z-1 { z-index: 1 !important; }
.z-2 { z-index: 2 !important; }
.z-3 { z-index: 3 !important; }
.z-4 { z-index: 4 !important; }
.z-5 { z-index: 5 !important; }
.z-6 { z-index: 6 !important; }
.z-7 { z-index: 7 !important; }
.z-8 { z-index: 8 !important; }
.z-9 { z-index: 9 !important; }
.z-10 { z-index: 10 !important; }
/*EINDE VERHALEN*/

/*FORMULIER*/
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
	margin-bottom: 10px !important;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
	padding: 20px 0 0 !important;
}
div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
	margin-top: 30px;
	height: unset !important;
    font-size: var(--e-global-typography-13a51bb-font-size) !important;
    line-height: var(--e-global-typography-13a51bb-line-height) !important;
    letter-spacing: var(--e-global-typography-13a51bb-letter-spacing) !important;
    word-spacing: var(--e-global-typography-13a51bb-word-spacing) !important;	
	font-family: var(--e-global-typography-13a51bb-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-13a51bb-font-weight) !important;
    text-transform: var(--e-global-typography-13a51bb-text-transform) !important;
    fill: var(--e-global-color-e554720) !important;
    color: var(--e-global-color-e554720) !important;
	padding: 10px 32px 8px 32px !important;
}
div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {
	background: unset !important;
}
.wpforms-submit{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  /* voorbeeld: als je witte tekst en icoon wilt */
  color: #fff;
}

.wpforms-submit::before{
  content: "";
  width: 18px;
  height: 12px;
  display: inline-block;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><line x1='16.0001' y1='4.9998' x2='0.00012' y2='4.9998'/><path d='M11.0003,10 C11.0003,10 16.0002,6.3176 16.0002,5 C16.0002,3.6824 11.0002,0 11.0002,0'/></svg>");
  pointer-events: none;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: transparent !important;
	border: 0px !important;
	padding: 0px !important;
}
div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    line-height: var(--e-global-typography-secondary-line-height) !important;
    color: var(--e-global-color-e554720) !important;
}
/*EINDE FORMULIER*/
/*FOOTER*/
/* Algemene opmaak voor de footer */
.site-footer {
    padding-block-start: 0px !important;
    padding-block-end: 0px !important;
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
    width: 100% !important; 
    max-width: 100% !important;
    color: var(--e-global-color-e554720);
    line-height: 36px;
    background-color: var(--e-global-color-8ca45ab);
}
.site-footer .outer-wrapper {
	z-index: 2;
	position: relative;
}
/* Inner-wrapper met maximale breedte van 1400px en centreren */
.site-footer .inner-wrapper {
    margin: auto;
    padding: 0 30px;
}
.site-footer .content-container {
    width: 100%;
    padding: 0px 30px;
}

/* Flex-opmaak voor de content-container */
.site-footer .content-container .inner-wrapper {
    max-width: 1600px;
    padding: 100px 0px 70px;
    column-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.site-footer .grid-item {
    flex: 1 1 calc(37.5% - 30px);
}
.site-footer .grid-item:last-child {
    flex: 1 1 calc(25% - 30px);
}
.site-footer .footer-logo {
	max-width: 300px;
	margin-bottom: 15px;
	margin-top: 8px;
}
.site-footer .footer-icons {
	margin-top: 20px;
}
.site-footer .footer-icons img {
	width: 28px;
	margin-right: 10px;
}
.site-footer ul {
    list-style: none;
    padding-left: 0px;
}
.site-footer .copyright-bar {
    padding: 0px 30px;
	border-top: solid var(--e-global-color-f5f999c) 1px;
}
.site-footer .copyright-bar .grid-item:first-child span {
	margin-right: 30px;
}
.site-footer .copyright-bar a, .site-footer .copyright-bar p {
    font-size: 14px;
    margin-bottom: 0px;
}
/* Flex-opmaak voor de copyright-bar */
.site-footer .copyright-bar .inner-wrapper {
    max-width: 1600px;
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
    align-items: center;
    padding: 20px 0;
}

/* Uitlijning voor de drie kolommen van de copyright-bar */
.site-footer .copyright-bar .grid-item {
    text-align: left; /* Linker item */
    flex: 1 1 calc(37.5% - 30px); /* Eerste item krijgt 50% van de ruimte */
}
.site-footer .copyright-bar .grid-item:last-child {
	display: flex;
    flex: 1 1 calc(25% - 30px); /* Eerste item krijgt 50% van de ruimte */
	height: 60px;
}
.site-footer .copyright-bar .grid-item:last-child p {
    float: left;
	margin-top: 7px;
	margin-right: 15px;
}
.site-footer .copyright-bar a img {
	width: 120px;
	margin-top: -3px;
}
/* Kleur voor links en tekst in de footer */
.site-footer a,
.site-footer p {
    color: #ffffff;
	line-height: 46px;
	margin-bottom: 0px;
}

.site-footer a:hover {
    font-weight: inherit;
    color: #ffffff;
}

/*END FOOTER*/