/* 
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: Elementor Team
Author URI: https://elementor.com/
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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* General Styles */
a[href^="tel"] {white-space: nowrap;} /* phone links */
::marker {letter-spacing:0; color:var(--e-global-color-primary)}
.elementor-widget-google_maps iframe {filter:saturate(0%) sepia(20%) hue-rotate(10deg)}
/*.elementor-widget-text-editor a, .elementor-widget-theme-post-content a {border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:inherit}*/
.elementor-widget-text-editor ul+p, .elementor-widget-theme-post-content ul+p {margin-top:0.9em}
.elementor-widget-text-editor ul {padding-left:18px}
.elementor-widget-text-editor ul li {margin-bottom:0.35em}
a.elementor-button, a.elementor-icon {border-bottom:0}
a.elementor-button .elementor-button-icon {align-items: center;}
.elementor-widget-button {width:fit-content}
.elementor-widget-wrap .elementor-widget-table-of-contents {margin-bottom:4em}
.elementor-widget-container p:last-child, .no-bottom-margin p:last-of-type {margin-bottom:0}
strong {font-weight:700}
.elementor-icon-wrapper, .elementor-social-icons-wrapper.elementor-grid {display:flex} /* fix alignment */
#credits a {white-space:nowrap}
h1, h2, h3, h4, h5, h6 {margin-block-start:0;hyphens:auto;hyphenate-limit-chars: auto 5 3;}
.no-hypens {hyphens:none}
button:focus {outline:none !important}
a, p {/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: auto 4 6;
}
.no-hypens, strong, b {word-break:none; hyphens:none}
.elementor-field-group .elementor-field-textual:focus {box-shadow:none}
.elementor-field-type-acceptance .elementor-field-option {font-size:0.8em; line-height:1.15}

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

/* Privacy - Cookies */
.privacy-cookies h1 {margin-bottom:0.3em}
.privacy-cookies p+h2, .privacy-cookies ol+h2, .privacy-cookies ul+h2, .privacy-cookies div+h2, .privacy-cookies ul+h3 {margin-top:1em}
.privacy-cookies ul+p {margin-top:0.9rem}
.privacy-cookies h2 {/*font-size:clamp(1.8375rem,6vw,2.625rem); line-height:1*/}
.privacy-cookies h3, .privacy-cookies p.cmplz-subtitle {font-size:clamp(1.3125rem,4vw,1.875rem); font-weight:500; line-height:1.2em; margin-bottom:1rem}
.privacy-cookies ul li {margin-bottom:0.35em;padding:0 0 0 1.5em}
.privacy-cookies ul li:before {width:0.65em; height:0.65em; top:0.27777em} 
.privacy-cookies ol, .privacy-cookies ol li {padding-left:20px}
.privacy-cookies ol li {margin-bottom:1em}

/* Complianz */
body .cmplz-cookiebanner {display:flex;flex-direction:column;min-width:auto;max-width:370px;padding:20px;border-radius:8px;bottom:20px;right:20px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1) !important}
body .cmplz-cookiebanner .cmplz-divider {display:none}
body .cmplz-cookiebanner .cmplz-links.cmplz-documents {display:none}
body .cmplz-cookiebanner .cmplz-header {display:none}
/*body .cmplz-cookiebanner .cmplz-header .cmplz-title {display:block;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-family: (var( --e-global-typography-text-font-family ), Sans-serif); text-transform:none; font-size:0.75rem; line-height:1.5em; padding:0.66667em; height:auto; border-radius:3px; border:0; background-color:var(--e-global-color-primary); color:#FFFFFF}

#cmplz-document .cmplz-dropdown {background-color: rgba(239, 239, 239, 0.25); font-size:0.875rem}
#cmplz-document .cmplz-dropdown summary {display: block; background-color: rgba(239, 239, 239, 0.5); margin: 5px 0; padding: 5px 10px; align-items: center; justify-items: stretch; }
#cmplz-document .cmplz-dropdown summary h3 {font-size:1.125rem; font-weight:normal; padding:0 5px; border-bottom:0; hyphens:none}
#cmplz-document .cmplz-dropdown summary p {text-align:right; padding:0; margin:0;}
#cmplz-document .cmplz-dropdown summary div:after {
    cursor: pointer;
    content: "";
    background: url(/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 18px;
    width: 18px;
    margin: 3px;
}
#cmplz-document .cmplz-dropdown[open] summary div:after {transform: rotate(180deg);}
#cmplz-document .cmplz-dropdown .cmplz-service-description, #cmplz-document .cmplz-dropdown .cmplz-sharing-data {padding: 0 15px 15px;}
#cmplz-document .cmplz-dropdown p {padding:0 15px; font-size:0.875rem; line-height:1.5em}
#cmplz-document .cmplz-dropdown h4 {padding:0 15px; margin:5px 0; font-size:0.9375rem; text-align: left; text-transform: initial;}
#cmplz-document .cmplz-dropdown h5 {margin:0; text-align:left; font-size:0.875rem}
#cmplz-document .cmplz-dropdown a {color:var(--e-global-color-accent)}
#cmplz-document a[target=_blank]::after {content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;}
#cmplz-document .cmplz-dropdown .cookies-per-purpose {border: 1px solid #dadada; grid-gap: 1px; background-color: #dadada; margin-bottom: 10px;}
#cmplz-document .cmplz-dropdown .cookies-per-purpose div {background-color: white; padding: 15px;}
@media only screen and (min-width: 600px) {
	#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
	#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
	#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header {background-color: #f7f7f7;}
}
@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}
}

/* Font Sizes */
body {font-size:1.125rem}
body .larger {font-size:1.25rem}
body .smaller {font-size: 1rem}
body .bold {font-weight:700}
@media screen and (max-width:460px){
	body {font-size:1rem}
	body .larger {font-size:1.125rem}
	body .smaller {font-size: 0.875rem}
}

/* Headings */
h1, .heading-1, .heading-1 .elementor-heading-title {font-size:clamp(2.0902rem,5vw,2.986rem); line-height:1.15; font-weight:600}
h2, .heading-2, .heading-2 .elementor-heading-title {font-size:clamp(1.7136rem,5vw,2.448rem); line-height:1.15; font-weight:600}
h3, .heading-3, .heading-3 .elementor-heading-title {font-size:clamp(1.4518rem,5vw,2rem); line-height:1.1; font-weight:600}
h4, .heading-4, .heading-4 .elementor-heading-title {font-size:clamp(1.05rem,5vw,1.5rem); line-height:1.15; font-weight:bold}

/* Colours */
:root {
	--sterrenbos-donker: #22B0D4;
	--sterrenbos-licht: #83D7E9;
	--ontdekkers-donker:#67C0BB;
	--ontdekkers-licht:#B2E0DC;
	--tveertje-donker:#AAB846;
	--tveertje-licht:#CFD79D;
}

/* Custom Styles */
.e-con-boxed.e-parent {padding-left:40px; padding-right:40px}
.rounded, .rounded img {border-radius:20px}
@media (max-width: 767px) {.e-con.e-flex {--flex-wrap: initial;}}
@media (max-width: 460px) {.e-con.e-flex {--flex-wrap: wrap;}}

/* Landing page 3 scholen */
.home-keuze-school {max-width:300px}
.home-keuze-school .home-keuze-image {text-align:right; position:absolute; top:-70px; right:20px;}
.home-keuze-school .home-keuze-image img {aspect-ratio:1; object-fit:cover; width:80%; border-radius:10px} 
.home-keuze-school .home-keuze-heading {width:80%; position:absolute; right:6%; top:60%; text-align:center}

/* Activiteiten */
.activiteiten-datum {width:2.668rem; height:2.668rem; line-height:1.1; text-align:center; padding: 0.45em; font-size: 0.875rem;
    text-transform: uppercase;margin-right: 14px;border-radius: 10px;color: #ffffff; display:flex; flex-direction:column; justify-content:center; flex-shrink:0; align-items:center}
.activiteiten-datum span {font-size:0.857142em}

/* Site Header */
.elementor-location-header {z-index:99; position:relative}
.header-nav-scholen {background-color:#FFFFFF; border-bottom:1px solid #EBEBEB; padding:6px 0; z-index:999}
.header-nav-scholen ul.elementor-icon-list-items {justify-content:center}
.header-nav-scholen li.elementor-icon-list-item {margin-left:calc(5vw/2) !important; margin-right:calc(5vw/2) !important}

/* Site Header - Desktop Menu */
.site-navigatie .sub-arrow {display:none; visibility:hidden}
.site-navigatie nav a {text-decoration:none; font-weight:600}
.site-navigatie a.elementor-button {padding:0.44444em 0.88888em}
.site-navigatie a.elementor-button:hover {color:#333333}
.site-navigatie .desktop-menu nav {padding:12px 0}
.site-navigatie .desktop-menu nav ul.elementor-nav-menu>li>a:before {content: ''; opacity: 1 !important; width: 0; height: 12px; bottom: -4px; left:-20px; border-radius: 100px; z-index:-1;  transition:all 0.2s ease;}
.site-navigatie .desktop-menu nav ul.elementor-nav-menu>li>a:hover:before, 
.site-navigatie .desktop-menu nav ul.elementor-nav-menu>li.current-menu-item>a:before,
.site-navigatie .desktop-menu nav ul.elementor-nav-menu>li.current-menu-parent>a:before {width: calc(100% + 12px);}
.site-navigatie .desktop-menu nav ul.elementor-nav-menu--dropdown {margin-top:24px !important}
.site-navigatie .desktop-menu nav ul.elementor-nav-menu--dropdown a {font-size:1rem}
.site-navigatie .desktop-menu ul.sub-menu ul.sub-menu {display:none !important}

/* Site Header - Mobile Menu */
.menu-trigger svg rect {transition: all 0.5s ease-in-out}
.menu-trigger:hover svg rect {width:512px}
.e-off-canvas nav ul.sub-menu {width:auto; top:0; left:0; margin-left:0; margin-top:0; position:relative; display:block}
.e-off-canvas nav ul.sub-menu a {border:0; padding:0.3em 0 0.3em 1.5em !important}
.e-off-canvas nav ul.sub-menu a:before {content:''; position:absolute; left:0.5em; width:0.5em; height:2px;}
.e-off-canvas nav ul.sub-menu li ul.sub-menu {display:none !important}

/* Site Hero */
.section-hero {background-repeat:no-repeat; background-size:cover; background-position:top right}
.section-hero.e-flex .e-con-inner {display:flex; flex-direction: row; flex-wrap:nowrap; align-items: center}
.section-hero.e-flex .section-hero-left {padding:6vw 0; width:60vw; z-index:20}
.section-hero.e-flex .section-hero-left h1 {font-weight:900}
.section-hero.e-flex .section-hero-right {padding-top: 20px; padding-bottom:60px; flex-direction:row; justify-content: flex-end; width:40vw}
.section-hero.e-flex .section-hero-right img {border-radius:20px; max-height:250px; width:375px; aspect-ratio:3 / 2; object-fit:cover; object-position:center center}
.section-hero-krul {width:25vw; max-width:250px !important; position:absolute; left:40%; top:0; z-index:10}

/* Styling Unescoschool Sterrenbos */
.site-navigatie.navigatie-sterrenbos .desktop-menu nav ul.elementor-nav-menu>li>a:before,
.site-navigatie.navigatie-sterrenbos .desktop-menu nav ul.elementor-nav-menu>li.current-menu-ancestor>a:before {background-color: var(--sterrenbos-licht);}
.section-hero.hero-sterrenbos {background-image:url(/wp-content/uploads/bg-hero-sterrenbos.svg);}
main.page-template-sterrenbos a.elementor-button, .navigatie-sterrenbos a.elementor-button {background:var(--sterrenbos-donker); color:#FFFFFF}
main.page-template-sterrenbos ::marker {color: var(--sterrenbos-donker);}
main.page-template-sterrenbos .activiteiten-datum,
.navigatie-sterrenbos .desktop-menu nav ul.sub-menu a.elementor-sub-item:hover,
.navigatie-sterrenbos .desktop-menu nav ul.sub-menu a.elementor-item-active,
.navigatie-sterrenbos .desktop-menu nav ul.sub-menu>li.current-page-ancestor,
.navigatie-sterrenbos .e-off-canvas nav ul.sub-menu a:before {background-color:var(--sterrenbos-donker);}
.navigatie-sterrenbos .desktop-menu nav ul.sub-menu>li.current-page-ancestor a {color:#FFFFFF}

@media screen and (max-width:768px){
	.site-navigatie.navigatie-sterrenbos {background:var(--sterrenbos-donker)}
	.site-navigatie.navigatie-sterrenbos a.elementor-button {background-color:#FFFFFF; color:var(--sterrenbos-donker)}
}

/* Styling Ontdekkers */
.site-navigatie.navigatie-sportbasisschool .desktop-menu nav ul.elementor-nav-menu>li>a:before {background-color: var(--ontdekkers-licht);}
.section-hero.hero-sportbasisschool {background-image:url(/wp-content/uploads/bg-hero-ontdekkers.svg);}
main.page-template-sportbasisschool {background-color:#f7feff}
main.page-template-sportbasisschool a.elementor-button, .navigatie-sportbasisschool a.elementor-button {background-color:var(--ontdekkers-donker); color:#FFFFFF}
main.page-template-sportbasisschool ::marker {color: var(--ontdekkers-donker);}
main.page-template-sportbasisschool .activiteiten-datum,
.navigatie-sportbasisschool .desktop-menu nav ul.sub-menu a.elementor-sub-item:hover,
.navigatie-sportbasisschool .desktop-menu nav ul.sub-menu a.elementor-item-active,
.navigatie-sportbasisschool .e-off-canvas nav ul.sub-menu a:before {background-color:var(--ontdekkers-donker)}

@media screen and (max-width:768px){
	.site-navigatie.navigatie-sportbasisschool {background:var(--ontdekkers-donker)}
	.site-navigatie.navigatie-sportbasisschool a.elementor-button {background-color:#FFFFFF; color:var(--ontdekkers-donker);}
}

/* Styling 't Veertje' */
.site-navigatie.navigatie-tveertje .desktop-menu nav ul.elementor-nav-menu>li>a:before {background-color: var(--tveertje-licht);}
.section-hero.hero-tveertje {background-image:url(/wp-content/uploads/bg-hero-leefschool-tveertje.svg);}
main.page-template-tveertje {background-color:#fefffa}
main.page-template-tveertje a.elementor-button, .navigatie-tveertje a.elementor-button {background-color:var(--tveertje-donker); color:#FFFFFF}
main.page-template-tveertje ::marker {color: var(--tveertje-donker);}
main.page-template-tveertje .activiteiten-datum,
.navigatie-tveertje .desktop-menu nav ul.sub-menu a.elementor-sub-item:hover,
.navigatie-tveertje .desktop-menu nav ul.sub-menu a.elementor-item-active,
.navigatie-tveertje .e-off-canvas nav ul.sub-menu a:before {background-color:var(--tveertje-donker)}

@media screen and (max-width:768px){
	.site-navigatie.navigatie-tveertje {background:var(--tveertje-donker)}
	.site-navigatie.navigatie-tveertje a.elementor-button {background-color:#FFFFFF; color:var(--tveertje-donker);}
}

/* Mobile CSS */
@media screen and (max-width:768px){
	.section-hero {background-position:top left; background-size:auto 100%}
}
@media screen and (max-width:640px){
	.section-hero.e-flex {min-height:160px}
	.section-hero.e-flex .section-hero-left {width:100%}
	.section-hero.e-flex .section-hero-right {display:none}
	.section-hero-krul {left:auto; right:0; max-width:25% !important}
}
@media screen and (max-width:460px){
	.e-con-boxed.e-parent {padding-left:20px; padding-right:20px}
	.home-keuze-school .home-keuze-image {top:-30px;}
	.home-keuze-school .home-keuze-image img {width:75%;} 
	.home-keuze-school .home-keuze-heading {width:70%; right:8%; top:60%;}
}