/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Pure GraphX
Author URI: https://www.puregraphx.be/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
:root {
  	--main-color: #bfe3ed;
	--main-color-transparent: #bfe3ed00;
}

a[href^="tel"] {white-space: nowrap;} /* phone links */
.elementor-field-type-html {font-size:12px; line-height:1.2em} /* form html field */
.grecaptcha-badge {visibility:hidden} /* hide captacha badge */
.elementor-widget-text-editor a {border-width:0 0 1px 0; border-style: dotted; border-color: inherit}
.elementor-widget-text-editor ul+p {margin-top:0.9em}
main a.elementor-button, main a.elementor-icon {border-bottom:0}
main .elementor-button .elementor-button-icon {align-items: center;}
.elementor-widget-wrap .elementor-widget-table-of-contents {margin-bottom:4em}
/* Override Form labels */
form.elementor-form div.elementor-field-group label {margin-bottom:1em}
form.elementor-form div.elementor-field-group:not(.elementor-field-type-checkbox) label {display:none}

/* Style Headings */
.elementor-widget-text-editor h3:not(:first-child),
.elementor-widget-text-editor h4:not(:first-child) {margin-top:1em}
.elementor-widget-text-editor h3+h4, .elementor-widget-text-editor h3+.elementor-menu-anchor+h4  {margin-top:0}

.e-con .elementor-widget.elementor-widget.heading-with-border {margin-bottom:40px}
.e-con .elementor-widget.elementor-widget.heading-with-border:after {content: "";background: var(--e-global-color-accent);position: absolute;bottom: -20px;left: calc(50% - 35px) ;height: 3px;width: 70px;}

/* Header Sticky */
header {box-shadow: 0px -4px 20px rgb(0 0 0 / 20%);}

/* Footer */
.elementor-location-footer {background-color:var(--e-global-color-accent)}
.elementor-location-footer .elementor-shape-bottom svg path {fill:var(--e-global-color-accent)}

/* Better Animations */
@keyframes fadeDown{from{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:none}}.elementor-element.fadeInDown{animation-name:fadeDown}
@keyframes fadeLeft{from{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:none}}.elementor-element.fadeInLeft{animation-name:fadeLeft}
@keyframes fadeRight{from{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:none}}.elementor-element.fadeInRight{animation-name:fadeRight}
@keyframes fadeUp{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:none}}.elementor-element.fadeInUp{animation-name:fadeUp}

/* Nav */
nav.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {padding-right: 80px;padding-bottom: 20px;}
nav.elementor-nav-menu--main .sub-arrow {display:none;visibility:hidden;padding:0}

/* Menu Main - Highlight active ancestor menu item */
nav.elementor-nav-menu--main > ul.elementor-nav-menu > li.current-menu-ancestor > a {color:#D8D8D8 !important}
nav.elementor-nav-menu--main li.current-menu-ancestor a.elementor-item:before {opacity:1 !important}

/* Dropdown Menu */
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a, 
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:focus, 
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:hover {margin-left:40px}
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:before {content:"";position:absolute;left:0;top:50%;width:12px;height:2px;background-color:#ffffff}
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a,
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:focus,
nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:hover {border-left:0}
nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.current-menu-ancestor > a {color:#333 !important; background-color:var(--e-global-color-primary) !important;}
nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu a {justify-content: space-between;}

/* Activiteiten */
.activiteiten-loop .elementor-grid {display:block !important; column-count: 2; grid-column-gap:0;grid-row-gap:0}
.activiteiten-loop .elementor-grid .e-loop-item {display: inline-block; width: 100%; break-inside: avoid;  /* prevent items from breaking across columns */ margin-bottom: 20px;  /* spacing between items */}
@media (max-width: 768px) {
  .activiteiten-loop .elementor-loop-container {column-count: 1;}
}
.activiteiten-datum {display:flex; flex-shrink:0; background: var(--e-global-color-accent); width: 42px; line-height: 1; text-align: center; padding: 6px; font-size: 12px;
    text-transform: uppercase; margin-right: 6px; border-radius: 10px; color: #ffffff;}

/* Section Hero */
.section-hero.e-con.e-flex {background-color:var(--main-color); background-repeat: no-repeat; background-position: center right; padding-left:40px; padding-right:40px; align-items:center; min-height:400px;}
.section-hero.e-con.e-flex .e-con-inner { padding-right:30%; align-items:center; justify-content: center}
.section-hero.e-con.e-flex .e-con-inner .elementor-widget-heading {width:100%}
.section-hero.e-con.e-flex .e-con-inner .elementor-heading-title {color:var(--e-global-color-primary)}
.section-hero.e-con.e-flex .e-con-inner h3 {font-style:italic}

/* Section Hero Overlay */
.section-hero:before {
	content:''; position:absolute; width:100%; height:100%; left:-37vw; top:0;/*background-image: linear-gradient(285deg, var(--main-color-transparent) 50%, var(--main-color) 50%);*/
	background-color:var(--main-color);
  	-webkit-mask-image: url(/wp-content/uploads/mask-hero.svg);
  	mask-image: url(/wp-content/uploads/mask-hero.svg);
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position:right;
	        mask-position:right
}
@media screen and (max-width:1367px){
	.section-hero.e-con.e-flex>.e-con-inner {padding-right:50%}
}
@media screen and (max-width:768px){
	.section-hero.e-con.e-flex {background-size: cover; background-position: center center;min-height:360px; }
	.section-hero.e-con.e-flex .e-con-inner {padding-right:0%}
	.section-hero.e-con.e-flex .e-con-inner .elementor-heading-title {text-align:center; text-shadow:0px 0px 10px #00000010}
	.section-hero:before {left:0; -webkit-mask-image:none; mask-image:none; opacity: 0.8;}
}
@media screen and (max-width:425px){
	.section-hero.e-con.e-flex {padding-left:20px; padding-right:20px; min-height:280px}
	nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a, nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:focus, nav.elementor-nav-menu--dropdown ul.elementor-nav-menu--dropdown a:hover {margin-left:20px}
}

/* PDF Downloads List */
ul.pdf-downloads {margin-bottom:2em}
ul.pdf-downloads li {position:relative;list-style:none;margin-bottom:6px;text-align:left}
ul.pdf-downloads li::before {content:'';background:url(/wp-content/uploads/pdf.png) no-repeat;width:24px;height:24px;position:absolute;left:-35px;top:0}

/* UL - Custom List Item */
ul.custom-list-item {margin-bottom:2em}
ul.custom-list-item li {position:relative;list-style:none;margin-bottom:1em;text-align:left}
ul.custom-list-item li::before {content:'';background:url(/wp-content/uploads/blaadje.svg) no-repeat; background-size:contain; width:25px;height:10px;position:absolute;left:-2em;top:0.5em}

/* Schoolteam */
.schoolteam h3.elementor-image-box-title {margin-bottom:5px; font-size:clamp(1rem,3.5vw,1.125rem)}
.schoolteam img {box-sizing: content-box}
.schoolteam p.elementor-image-box-description {font-size:clamp(0.875rem,3.5vw,1rem); line-height:1.1em; font-weight:300}

/* Parallax Image */
.parallax-image {
  overflow: hidden;   /* zodat de image niet buiten het kader komt */
  position: relative;
  max-width:fit-content !important
}
.parallax-image img {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform;
  transform: translate3d(0,0,0);
}

/* Rounded image + Shadow */
.rounded-image {
	border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

/* Complianz */
body .cmplz-cookiebanner {display:flex;flex-direction:column;min-width:auto;max-width:370px;padding:30px;border-radius:8px;bottom:20px;right:20px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1) !important}
body .cmplz-cookiebanner .cmplz-header, body .cmplz-cookiebanner .cmplz-divider, body .cmplz-cookiebanner .cmplz-links  {display:none}
body .cmplz-cookiebanner .cmplz-header .cmplz-title {font-size:1rem}
body .cmplz-cookiebanner .cmplz-body {min-width:auto}
body .cmplz-cookiebanner .cmplz-body .cmplz-message {width:auto}
body .cmplz-cookiebanner .cmplz-body .cmplz-categories {display:flex;flex-wrap:wrap;flex-direction:row;width:auto}
body .cmplz-cookiebanner .cmplz-body .cmplz-categories .cmplz-category {flex:0 0 50%;background-color:transparent;margin:0 !important;padding:6px 0}
body .cmplz-cookiebanner .cmplz-body .cmplz-categories .cmplz-category .cmplz-category-header {display:flex;padding:0;line-height:1.2}
body .cmplz-cookiebanner .cmplz-body .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {font-size:0.75rem}
body .cmplz-cookiebanner .cmplz-buttons {flex-direction:row}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {font-size:0.75rem;line-height:1.5em;padding:0.66667em;height:auto;border-radius:3px;border:0;background-color:var(--e-global-color-accent);color:#000000}
@media screen and (max-width:460px){
	body .cmplz-cookiebanner {max-width:325px}
	body .cmplz-cookiebanner .cmplz-body .cmplz-message {display:none}
	body .cmplz-cookiebanner .cmplz-body .cmplz-categories {flex-direction:column}
	body .cmplz-cookiebanner .cmplz-body .cmplz-categories .cmplz-category .cmplz-category-header {justify-content:space-between}
}