/* 
Theme Name: Pure GraphX Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Pure GraphX Elementor Child is a child theme maintained by Pure GraphX
Author: Pure GraphX
Author URI: https://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 {
	--go-red:196, 0, 75;
	--go-red-btn-bg:rgba(var(--go-red), 0.08);
	--go-red-btn-brdr:rgba(var(--go-red), 0.2);
	--go-blue:103, 192, 186;
	--go-blue-btn-bg:rgba(var(--go-blue), 0.08);
	--go-blue-btn-brdr:rgba(var(--go-blue), 0.2);
	--go-blue-btn-brdr-dark:rgba(var(--go-blue), 0.4);
	--go-achtergrond: rgba(245, 242, 239, 1);
	--go-blue-transp-fixed: rgba(234, 238, 235, 1);
	--go-black: rgba(25,25,25,1);
	--go-titels: rgba(50, 22, 33, 1);
}

/* General Styles
================================ */
body, html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  overflow-x:hidden;
  background-color:var(--go-achtergrond);
  color:var(--go-black);
}
a {color:rgb(var(--go-red))}
a[href^="tel"] {white-space: nowrap;} /* phone links */
/*::marker {letter-spacing:0; color:var(--e-global-color-primary)}*/
.elementor-widget-text-editor a {border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:inherit}
div.elementor-widget-image a {border-bottom:none}
.elementor-widget-image a img[src$=".svg"] {width:auto}
.elementor-widget-button {width:fit-content}
.elementor-widget-wrap .elementor-widget-table-of-contents {margin-bottom:4em}
.elementor-icon-wrapper, .elementor-social-icons-wrapper.elementor-grid {display:flex} /* fix alignment */
p:last-of-type {margin-bottom:0}
p:last-of-type+ul {margin-top:20px}
strong {font-weight:500}
.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}
.nowrap {white-space:nowrap}
@media screen and (max-width:460px){.hide-on-mobile {display:none}}
/* Container Padding */
.e-con.e-parent {padding-left:40px; padding-right:40px}
@media screen and (max-width:768px){.e-con.e-parent {padding-left:20px; padding-right:20px}}
.elementor-grid .e-con.e-parent, .e-con.e-parent.no-side-padding {padding-left:0px; padding-right:0px}


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

/* Header */
header {z-index:9999; position:relative; background-color:var(--go-blue-btn-bg)}
header ul li a {color:var(--go-titels); font-size:1rem}
header ul li:hover a {color:rgba(var(--go-red), 1)}
header .e-con>.e-con-inner {padding-top:20px; padding-bottom:40px}
header a.elementor-button {font-weight:700; padding:0.6875em 1.28125em; border-radius:0 20px}
header .elementor-nav-menu--main>ul.elementor-nav-menu li {position:relative}
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-menu-item:before,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-page-ancestor:before,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current_page_parent:before,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-menu-parent:before {content:""; display:block; position:absolute; top:calc(50% - 0.5em); background-repeat:no-repeat; background-size:contain; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); width:1em; height:1em}
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-menu-item>a,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-page-ancestor>a,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current_page_parent>a,
header .elementor-nav-menu--main>ul.elementor-nav-menu>li.current-menu-parent>a {font-weight:700;}
header .elementor-nav-menu--main ul.elementor-nav-menu li a .sub-arrow {display:none; visibility:hidden}
header .elementor-nav-menu--main ul.elementor-nav-menu li.mobile-nav-link {display:none}

header .elementor-nav-menu--main .sub-menu {background-color:var(--go-blue-transp-fixed); border:1px solid var(--go-blue-btn-brdr); border-radius:0 20px; overflow:hidden; margin-left:1.5em !important}
header .elementor-nav-menu--main .sub-menu li:not(last-of-type) {border-bottom:1px solid var(--go-blue-btn-brdr)}
header .elementor-nav-menu--main .sub-menu li:last-child {border-bottom:0}
header .elementor-nav-menu--main .sub-menu>li>a:hover,
header .elementor-nav-menu--main .sub-menu>li>a.elementor-item-active{background-color:rgb(var(--go-blue)); color:#FFFFFF !important}

/* Subheader */
.subheader {position:relative; min-height:14vw; z-index:2; background-color:var(--go-blue-btn-bg)}
.subheader:before {content:""; display:block; position:absolute; left:auto; top:auto; right:3.75vw; bottom:2.5vw; width:clamp(250px,35vw,580px); height:auto; aspect-ratio:580/203; background-repeat:no-repeat; background-size:contain; background-image:url(/wp-content/themes/hello-elementor-child/images/subheader-rechts.svg); opacity:10%;}
.subheader>.e-con-inner {padding-right:min(40%, 600px);}
.subheader.subheader-blank:before {display:none}

/* Footer */
footer {position:relative}
footer:before, footer:after {content:""; display:block; position:absolute; top:0; background-repeat:no-repeat; background-size:contain; opacity:0.1}
footer:before {background-image:url(/wp-content/themes/hello-elementor-child/images/footer-links.svg); width:clamp(230px,28vw,428px); height:auto; aspect-ratio:428/108; }
footer:after {background-image:url(/wp-content/themes/hello-elementor-child/images/footer-rechts.svg); width:clamp(172px,20vw,323px); height:auto; aspect-ratio:323/270; right:0; max-width:323px}
footer a.elementor-button {padding-left:1.5625em; padding-right:1.5625em}
footer .elementor-button-icon svg {width:20px}
footer #credits {color:rgb(var(--go-red)); background-color:var(--go-red-btn-bg); border-style:solid; border-width:1px 0; border-color:var(--go-red-btn-brdr)}

/* Knoppen */
a.elementor-button,
a.elementor-button:visited,
button.elementor-button,
button.elementor-button:visited,
.elementor-form button.elementor-button,
.elementor-form button.elementor-button:visited,
.elementor-widget-taxonomy-filter button.e-filter-item, 
.elementor-widget-taxonomy-filter button.e-filter-item:visited {
	border-radius:0 1.875em; font-size:1rem; line-height:1.1875em; box-sizing:border-box; font-weight:500; border:1px solid var(--go-red-btn-brdr); padding:1.25em 2.4375em; background-color:var(--go-red-btn-bg); color:rgb(var(--go-red))}
a.elementor-button:hover, 
button.elementor-button:hover, 
.elementor-form button.elementor-button:hover, 
.elementor-widget-taxonomy-filter button.e-filter-item:hover {background-color:rgb(var(--go-red)); color:#FFFFFF}
a.elementor-button .elementor-button-content-wrapper {gap:0.5rem}
a.elementor-button .elementor-button-icon svg path {fill:rgb(var(--go-red))}
a.elementor-button:hover .elementor-button-icon svg path,
.btn-blauw a.elementor-button:hover .elementor-button-icon svg path {fill:#FFFFFF}

.btn-blauw a.elementor-button {background-color:var(--go-blue-btn-bg); border-color:var(--go-blue-btn-brdr); color:var(--go-black)}
.btn-blauw a.elementor-button:hover {background-color:rgb(var(--go-blue)); color:#FFFFFF}
.btn-blauw a.elementor-button .elementor-button-icon svg path {fill:var(--go-black)}
.btn-rood a.elementor-button {background-color:rgb(var(--go-red)); border-color:rgb(var(--go-red)); color:#FFFFFF}
.btn-rood a.elementor-button:hover {background-color:#FFFFFF; color:rgb(var(--go-red))}
.btn-breed a.elementor-button {padding:1.3125em 5.53125em}
/* Knoppen - Taxonomy */
.elementor-widget-taxonomy-filter button.e-filter-item {font-weight:700; letter-spacing:0.275px; padding:0.8125em 1.5625em; text-transform:capitalize; background-color:var(--go-achtergrond)}
.elementor-widget-taxonomy-filter .e-filter-item:hover:not([aria-pressed=true]),
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true] {color:var(--go-achtergrond); border-color:rgb(var(--go-red)); background-color:rgb(var(--go-red))}

/* Titels */
.elementor-heading-title {color:var(--go-titels)}
.elementor-heading-title span {color:rgb(var(--go-red))}

/* Gekleurde Balken */
.balk-go-red {background-color:var(--go-red-btn-bg); border-style:solid; border-top-width:1px; border-bottom-width: 1px; border-color:var(--go-red-btn-brdr)}
.balk-go-blue,
.balk-go-blue-kader {background-color:var(--go-blue-btn-bg); border-style:solid; border-top-width:1px; border-bottom-width: 1px; border-color:var(--go-blue-btn-brdr)}
.balk-go-blue-kader {border-width:1px}
.nieuws-archief-content {background-color: transparent; background-image: linear-gradient(180deg, var(--go-blue-btn-bg) 20vw, #FFFFFF14 20vw);}

/* Afbeeldingen */
.afb-links,
.afb-rechts {position:relative; max-width:470px !important}
.afb-links img, .afb-rechts img {aspect-ratio: 1; object-fit: cover;}
.afb-links img {border-top-left-radius:clamp(120px,10.5vw,200px)}
.afb-rechts img {border-top-right-radius:clamp(120px,10.5vw,200px)}
.afb-links:before, .afb-rechts:before {content:""; display:block; position:absolute; top:-7.5%; width:15%; aspect-ratio:1; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-repeat:no-repeat; background-size:cover}
.afb-links:before {left:-7.5%;}
.afb-rechts:before {right:-7.5%;}
.afb-links:after, .afb-rechts:after {content:""; display:block; position:absolute; bottom:-12.5%; width:40%; aspect-ratio:1; background-repeat:no-repeat; background-size:cover}
.afb-links:after {right:-14.5%; background-image:url(/wp-content/themes/hello-elementor-child/images/afb-pad-rechts.svg);}
.afb-rechts:after {left:-14.5%; background-image:url(/wp-content/themes/hello-elementor-child/images/afb-pad-links.svg);}

.container-beige .afb-links, .container-beige .afb-rechts, .container-blauw .afb-links, .container-blauw .afb-rechts {max-width:596px !important}
.container-beige .afb-links img, .container-beige .afb-rechts img, .container-blauw .afb-links img, .container-blauw .afb-rechts img {aspect-ratio:596/474}

/* Full Width Image Carousel */
.elementor-widget-n-carousel .e-n-carousel.offset-both {padding-left:clamp(80px,16vw,300px); padding-right:clamp(80px,16vw,300px)}
.swiper-slide:not(.swiper-slide-active) {opacity:0.5;}
.swiper-slide img {max-height:340px; object-fit:cover; border-bottom-left-radius:5vw !important; border-top-right-radius:5vw !important}
.swiper-slide figcaption {margin-top:1em}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev {border:1px solid var(--go-red-btn-brdr); border-radius:100px; padding:2rem; background-color:var(--go-red-btn-bg)}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next:hover, 
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev:hover {border:1px solid rgb(var(--go-red)); background-color:rgb(var(--go-red))}
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-next svg,
.elementor-widget-n-carousel .elementor-swiper-button.elementor-swiper-button-prev svg {fill:rgb(var(--go-red))}

/* Home - Hero */
.big-hero {position:relative; background-color: transparent; background-image:linear-gradient(180deg, var(--go-blue-btn-bg) 70%, #FFFFFF14 70%)}
.big-hero img {border-radius:11.25vw 0; aspect-ratio:1080/578; object-fit:cover}
.big-hero:before,
.big-hero:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:10%; top:70%; transform: translateY(-100%);}
.big-hero:before {background-image:url(/wp-content/themes/hello-elementor-child/images/nieuws-single-featured-image-links.svg); width:14.125vw; left:20px; height:auto; aspect-ratio:226/396; max-width:226px}
.big-hero:after {background-image:url(/wp-content/themes/hello-elementor-child/images/nieuws-single-featured-image-rechts.svg); width:13.8125vw; right:20px; height:auto; aspect-ratio:221/383; max-width:221px}

/* Home - Container */
.home-container {position:relative; overflow:hidden}
.home-container .e-con-inner:before,
.home-container .e-con-inner:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:0.1}
.home-container .e-con-inner:before {background-image:url(/wp-content/themes/hello-elementor-child/images/home-container-top-rechts.svg); top:26px; right:-2.75vw; width:clamp(120px,15vw,240px); height:auto; aspect-ratio:298/238}
.home-container .e-con-inner:after {background-image:url(/wp-content/themes/hello-elementor-child/images/home-container-onder-links.svg); bottom:26px; left:0; width:clamp(109px,13.5vw,218px); height:auto; aspect-ratio:218/109}

/* Home Nieuws - Container */
.home-nieuws:before,
.home-nieuws:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:0.1}
.home-nieuws:before {background-image:url(/wp-content/themes/hello-elementor-child/images/home-nieuws-links.svg); top:20px; left:0; width:clamp(108px,13.5vw,217px); height:auto; aspect-ratio:214/107}
.home-nieuws:after {background-image:url(/wp-content/themes/hello-elementor-child/images/home-nieuws-rechts.svg); top:20px; right:0; width:clamp(108px,13.5vw,217px); height:auto; aspect-ratio:213/107}

/* Nieuws Items - Home */
:root {--nieuws-subitem-sterretje-size: 30px;}
@media screen and (max-width:768px){
:root {--nieuws-subitem-sterretje-size: 22px;}
}
.nieuws-hoofditem .elementor-widget-theme-post-featured-image img {aspect-ratio:640/504; object-fit:cover}
.nieuws-hoofditem a.elementor-button {border-radius:0 20px 0 20px}
.nieuws-hoofditem h4 {font-size:clamp(1.375rem,4.5vw,1.875rem); line-height:1.3333em}
.nieuws-subitems .e-loop-item {padding-right:var(--nieuws-subitem-sterretje-size)}
.nieuws-subitems h4 {font-size:clamp(1.125rem,3.75vw,1.5rem); line-height:1.25em}
.nieuws-subitems .elementor-widget-theme-post-featured-image img {aspect-ratio:261/243; object-fit:cover}
.nieuws-subitems .elementor-widget-theme-post-title:after {content: ""; position: absolute; bottom: calc(var(--nieuws-subitem-sterretje-size) / 2 * -1); right: calc(var(--nieuws-subitem-sterretje-size) * -1); display: block; width: var(--nieuws-subitem-sterretje-size); height: var(--nieuws-subitem-sterretje-size); border-left:calc(var(--nieuws-subitem-sterretje-size) / 2) solid var(--go-achtergrond); box-sizing:content-box; background-image: url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size: 100%; background-repeat: no-repeat; background-position: center;}

/* Nieuws Single */
.nieuws-inhoud:before,
.nieuws-inhoud:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:10%;}
.nieuws-inhoud:before {background-image:url(/wp-content/themes/hello-elementor-child/images/nieuws-single-inhoud-links.svg); width:7.75vw; left:0px; height:auto; aspect-ratio:122/610; max-width:122px}
.nieuws-inhoud:after {background-image:url(/wp-content/themes/hello-elementor-child/images/nieuws-single-inhoud-rechts.svg); width:7.75vw; right:0px; height:auto; aspect-ratio:122/733; max-width:122px; top:50%; transform: translateY(-50%);}
.nieuws-inhoud img {border-top-right-radius:11.25vw}
.nieuws-inhoud blockquote {background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); border-radius:0 20px; padding:2vw 2.5vw; color:rgb(var(--go-blue)); font-size:1.5rem; line-height:1.41667em; font-weight:500; position:relative; margin:clamp(40px,5vw,80px) 0}
.nieuws-inhoud blockquote:before,
.nieuws-inhoud blockquote:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; background-image:url(/wp-content/themes/hello-elementor-child/images/icon-quotes.svg); width:36px; height:25px;}
.nieuws-inhoud blockquote:before {left:14px; top:-14px}
.nieuws-inhoud blockquote:after {right:14px; bottom:-14px; transform:rotate(180deg)}

/* Opsommingen */
body:not(.elementor-editor-active) main#content ul, 
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] ul {padding-left:0.5em; margin-bottom:1.5em}
body:not(.elementor-editor-active) main#content ul li::marker, 
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] ul li::marker {content:none;}
body:not(.elementor-editor-active) main#content ul li, 
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] ul li {position:relative; padding-left:2em; border-left:1px solid rgba(103, 192, 186, 0.4); padding-bottom:1em;}
body:not(.elementor-editor-active) main#content ul li:before, 
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] ul li:before {content:""; display:block; position:absolute; left:calc(-0.875em - 2px); top:-0.25em; width:0.875em; height:0.875em; box-sizing:content-box; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; background-color:var(--go-achtergrond); border:0.5em solid var(--go-achtergrond)}
body:not(.elementor-editor-active) main#content ul li:last-of-type, 
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] ul li:last-of-type {border:1px solid transparent; padding-bottom:0}
/* Opsommingen - Uitzonderingen */
body:not(.elementor-editor-active) ul.elementor-post-info {padding-left:0 !important; margin-bottom:0 !important}
body:not(.elementor-editor-active) ul.elementor-post-info li {padding-left:0 !important; padding-bottom:0 !important; border:0 !important; color:rgb(var(--go-red))}
body:not(.elementor-editor-active) ul.elementor-post-info li:before {display:none !important}

/* Nieuws Archive */
body.blog .elementor-widget-theme-post-featured-image img {aspect-ratio:612/504; object-fit:cover; border-radius:0 clamp(120px,10vw,200px)}

/* Single Page */
body.wp-singular.page .container-beige,
body.wp-singular.page .container-blauw {padding-top:clamp(50px,8vw,8vw); padding-bottom:clamp(60px,10vw,10vw); position:relative}
body.wp-singular.page .container-blauw {background-color:var(--go-blue-btn-bg)}
body.wp-singular.page .container-blauw .elementor-widget-image.afb-rechts:after {background-image:url(/wp-content/themes/hello-elementor-child/images/afb-pad-links-blauw.svg);}
body.wp-singular.page .container-blauw:after,
body.wp-singular.page .container-beige:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:0.1}
body.wp-singular.page .container-beige:after {background-image:url(/wp-content/themes/hello-elementor-child/images/page-single-beige-after.svg); width:7.5vw; height:auto; aspect-ratio:1/2; right:0; bottom:0}
body.wp-singular.page .container-blauw:after {background-image:url(/wp-content/themes/hello-elementor-child/images/page-single-blauw-after.svg); width:13.5vw; height:auto; aspect-ratio:2/1; left:0; bottom:0}

body.wp-singular.page .container-open {position:relative; padding-top:clamp(80px,14vw,14vw); padding-bottom:clamp(80px,14vw,14vw)}
body.wp-singular.page .container-open:before,
body.wp-singular.page .container-open:after {content:""; display:block; position:absolute; background-repeat:no-repeat; background-size:contain; opacity:0.1}
body.wp-singular.page .container-open:before {background-image:url(/wp-content/themes/hello-elementor-child/images/page-single-open-links.svg); width:23.25vw; height:auto; aspect-ratio:489/420; max-width:380px; left:4vw; top:4vw}
body.wp-singular.page .container-open:after {background-image:url(/wp-content/themes/hello-elementor-child/images/page-single-open-rechts.svg); width:23.25vw; height:auto; aspect-ratio:461/231; max-width:380px; right:4vw; bottom:4vw}

/* Elementor Formulier */
form.elementor-form .elementor-field-group input,
form.elementor-form .elementor-field-group textarea {background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); border-radius:0 2.5em 0 0; color:rgba(25,25,25,1); font-size:1rem; line-height:1.5em; padding:1.25em 1.6875em}
form.elementor-form .elementor-field-group input::placeholder,
form.elementor-form .elementor-field-group textarea::placeholder {opacity:0.7}
form.elementor-form .elementor-button {padding-block-start:1.25em; padding-block-end:1.25em; min-height:auto !important}

/* Zijbalk */
.zijbalk {padding-left:48px; box-sizing:content-box; border-width:0px 0px 0px 1px; border-style: solid; border-color: rgba(103, 192, 186, 0.4); position:relative}
.zijbalk:before {content: ""; position: absolute; top: -0.9375rem; left: -0.9375rem; display: block; width: 1.875rem; height: 1.875rem; border-width:0 0 10px 0; border-style: solid; border-color: var(--go-achtergrond); background-image: url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-color:var(--go-achtergrond); background-size: 100%; background-repeat: no-repeat; background-position: top; box-sizing:content-box}
.zijbalk .elementor-widget-google_maps {border:1px solid var(--go-blue-btn-brdr); border-radius:0px 40px 0px 0px}

.zijbalk-contact ul li a {position:relative; display:flex; align-items:center; gap:0.5em; border:0}
.zijbalk-contact ul li a:before {content:""; display:block; width:1em; height:1em; background-size:contain; background-repeat:no-repeat }
.zijbalk-contact ul li a[href^="tel:"]:before {background-image:url(/wp-content/themes/hello-elementor-child/images/icoon-telefoon.svg); }
.zijbalk-contact ul li a[href^="mailto:"]:before {background-image:url(/wp-content/themes/hello-elementor-child/images/icoon-mail.svg); }
.zijbalk-contact ul li a[href^="tel:"], .zijbalk-contact ul li a[href^="tel:"]:hover {color:rgb(var(--go-red))}
.zijbalk-contact ul li a[href^="mailto:"], .zijbalk-contact ul li a[href^="mailto:"]:hover {color:rgb(var(--go-blue))}

/* Teamleden */
:root {
	--filter-heading-sterretje-size: 4.5vw;
}
#filter-heading {border-bottom:1px solid rgba(103, 192, 186, 0.4); padding-bottom:1em}
#filter-heading:after {content:""; display:block; position:absolute; right:calc(0px - calc(var(--filter-heading-sterretje-size) / 2) - calc(var(--filter-heading-sterretje-size) / 4)); bottom:calc(0px - calc(var(--filter-heading-sterretje-size) / 2) - calc(var(--filter-heading-sterretje-size) / 4)); width:var(--filter-heading-sterretje-size); aspect-ratio:1; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-color:var(--go-achtergrond); background-size:contain; background-repeat:no-repeat; background-position:center; border:calc(var(--filter-heading-sterretje-size) / 4) solid var(--go-achtergrond); box-sizing:content-box}
@media screen and (max-width:768px){
	#filter-heading:after {right:auto; left:calc(50% - calc(var(--filter-heading-sterretje-size) / 2) - calc(var(--filter-heading-sterretje-size) / 4))}
}
.teamleden .elementor-widget-theme-post-featured-image img {aspect-ratio:1; object-fit:cover; border-top-right-radius:8vw}
.teamleden .teamlid-naam .elementor-heading-title {}
.teamleden .teamlid-functie .elementor-heading-title {color:rgb(var(--go-red)); font-weight:500}

/* Onderwijsaanbod */
.e-grid.onderwijsaanbod {position:relative}
.e-grid.onderwijsaanbod:before {content:""; display:block; position:absolute; left:50%; transform:translatex(calc(-50% - 2px)); top:-1vw; width:2vw; height:2vw; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; border-bottom:1vw solid var(--go-achtergrond); background-color:var(--go-achtergrond); box-sizing:content-box; z-index:999}
.e-grid.onderwijsaanbod>.e-con-inner {gap:2.25rem 4vw}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child {background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); padding:1.125rem 2.25rem 1.125rem 1.5rem; border-top-right-radius:3.75vw; }
.e-grid.onderwijsaanbod>.e-con-inner>.e-child:nth-child(odd):after {content:""; position:absolute; right:calc(-2vw - 1px); top:0; width:1px; height:calc(100% + 2vw); background-color:var(--go-blue-btn-brdr)}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child:nth-last-child(1):nth-child(odd):after {height:100%}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child>.e-child {padding-bottom:1rem; border-bottom:1px solid var(--go-blue-btn-brdr);}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child .onderwijsaanbod-jaren {color:rgb(var(--go-red)); font-weight:500}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child p {margin-bottom:0}
.e-grid.onderwijsaanbod>.e-con-inner>.e-child a.elementor-button {padding:0.5em 1em; border-radius: 0 1.25em 0 0}
/* Onderwijsaanbod - Richting */
.kader-blauw {padding:3.625em; background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); border-top-right-radius:clamp(60px,7.5vw,7.5vw)}
body:not(.elementor-editor-active) main#content .kader-blauw ul li:before {background-color:var(--go-blue-transp-fixed); border-color:var(--go-blue-transp-fixed)}
/* Onderwijsaanbod - Graden */
.onderwijsaanbod-graden {border-bottom:1px solid var(--go-blue-btn-brdr-dark);}
.onderwijsaanbod-graden>.e-con-inner>.e-child {border-left:1px solid var(--go-blue-btn-brdr-dark); padding-left:2.375em; padding-right:1.75em; padding-bottom:24px;}
.onderwijsaanbod-graden>.e-con-inner>.e-child:before {content:""; display:block; position:absolute; left:-2vw; bottom:-2vw; top:auto; width:2vw; height:2vw; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; border:1vw solid var(--go-achtergrond); background-color:var(--go-achtergrond); box-sizing:content-box; z-index:999; aspect-ratio:1}
/* Onderwijsaanbod - MOBILE */
@media screen and (max-width:768px){
	.e-grid.onderwijsaanbod:before,
	.e-grid.onderwijsaanbod>.e-con-inner>.e-child:nth-child(odd):after {display:none}
	.onderwijsaanbod-graden {border-bottom:0}
	.onderwijsaanbod-graden>.e-con-inner {gap:0}
	.onderwijsaanbod-graden>.e-con-inner .elementor-widget-heading {border-bottom:1px solid var(--go-blue-btn-brdr-dark); padding-bottom:0.6em}
	.onderwijsaanbod-graden>.e-con-inner>.e-child {padding-left:32px}
	.onderwijsaanbod-graden>.e-con-inner>.e-child:before {display:none}
	.onderwijsaanbod-graden>.e-con-inner>.e-child .elementor-widget-heading:before {content:""; display:block; position:absolute; left:calc(-32px - 1vw - 0.5vw - 2px); bottom:-2vw; top:auto; width:2vw; height:2vw; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; border:1vw solid var(--go-achtergrond); background-color:var(--go-achtergrond); box-sizing:content-box; z-index:999; aspect-ratio:1}
	.kader-blauw {padding:2rem}
}

/* Inschrijven */
.inschrijven .elementor-widget-heading, 
.raster-inschrijven .elementor-widget-heading {position:relative}
.inschrijven .elementor-widget-heading h6 {color:rgb(var(--go-red))}
.inschrijven>.e-con-inner>.e-child:first-of-type .elementor-widget-heading h4:after {content:""; display:block; position:absolute; left:calc(100% - 2vw); bottom:-2vw; width:2vw; height:2vw; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; border:1vw solid var(--go-achtergrond); box-sizing:content-box; z-index:999}
.raster-inschrijven>.e-con.e-child>.elementor-widget-heading {padding:0 0 20px 0; border-bottom:1px solid var(--go-blue-btn-brdr-dark); color:rgb(var(--go-red))}
.raster-inschrijven>.e-con.e-child>.elementor-widget-heading:after {content:""; display:block; position:absolute; bottom:-34px; width:30px; height:30px; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); background-size:contain; background-repeat:no-repeat; background-position:center; border:18px solid var(--go-achtergrond); background-color:var(--go-achtergrond); box-sizing:content-box; z-index:999}
.raster-inschrijven>.e-con.e-child:nth-child(odd) {padding: 0 40px 50px 0; border-right:1px solid var(--go-blue-btn-brdr-dark); border-left:0}
.raster-inschrijven>.e-con.e-child:nth-child(even) {padding: 0 0 50px 40px; border:0}
.raster-inschrijven>.e-con.e-child:nth-child(odd) .elementor-widget-heading:after {left:calc(100% + 9px - 1px); right:auto}
.raster-inschrijven>.e-con.e-child:nth-child(even) .elementor-widget-heading:after {left:calc(0% - 66px - 9px + 2px); right:auto}
.raster-inschrijven>.e-con.e-child.empty{padding:0 !important}
.raster-inschrijven>.e-con.e-child:last-child {padding-bottom:0 !important}
.raster-inschrijven .inschrijvingen-tip {padding:1.5em; background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); border-top-right-radius:4vw}
.raster-inschrijven .inschrijvingen-tip p:last-of-type {margin-bottom:0}
.raster-inschrijven .inschrijvingen-tip .elementor-heading-title {border-bottom:1px solid var(--go-blue-btn-brdr-dark); padding-bottom:0.5em}
/* Inschrijven - MOBILE */
@media screen and (max-width:768px){
	.inschrijven>.e-con-inner>.e-child:first-of-type .elementor-widget-heading {border-bottom:0}
	.inschrijven>.e-con-inner>.e-child:first-of-type .elementor-widget-heading h4:after {display:none}
	.raster-inschrijven>.e-con.e-child:nth-child(odd), .raster-inschrijven>.e-con.e-child:nth-child(even) {padding: 0 0 50px 40px; border-left:1px solid var(--go-blue-btn-brdr-dark); border-right:0}
	.raster-inschrijven>.e-con.e-child:nth-child(odd) .elementor-widget-heading:after, .raster-inschrijven>.e-con.e-child:nth-child(even) .elementor-widget-heading:after {left:calc(0% - 40px - 30px - 2px)}
	.raster-inschrijven h6.elementor-heading-title {font-size:1.5rem}
	.inschrijven-stappen:before,.inschrijven-stappen:after {display:none !important}
}
/* KALENDER 
======================================== */
.sgr-kalender .em.em-calendar * {border:0 !important; background-color:transparent !important; font-family:"Flanders Art Sans", Sans-serif !important}
.sgr-kalender .em.em-calendar .em-cal-head>div {text-transform:capitalize; font-weight:500; color:var(--go-black)}
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventless-pre .em-cal-day-date,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventless-post .em-cal-day-date {color:var(--go-black); opacity:22%}
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date a,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-date.em-cal-day-date span {color:var(--go-black) !important}
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date a,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a {border:0 !important; text-decoration:none !important}
.sgr-kalender .em.em-calendar .em-cal-body.event-style-dot .em-cal-day-date .em-cal-day-dots .em-cal-dot,
.sgr-kalender .em.em-calendar .em-cal-body.event-style-dots .em-cal-day-date .em-cal-day-dots .em-cal-dot {background-color:rgb(var(--go-red)) !important}
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventful-today .em-cal-day-date,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventless-today .em-cal-day-date {
	background-color: var(--go-red-btn-bg) !important;
    border: 1px solid var(--go-red-btn-brdr) !important;
    border-radius: 0 15px 0 0;
    line-height: 25px;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight:normal;
	color:rgb(var(--go-red)) !important;
	aspect-ratio:1/1
}
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventful-today .em-cal-day-date span,
.sgr-kalender .em.em-calendar .em-cal-body .em-cal-day.eventless-today .em-cal-day-date span {line-height:inherit}

.em.em-list {grid-gap:20px}
.em.em-list .events_list_single {background-color:var(--go-blue-btn-bg); border:1px solid var(--go-blue-btn-brdr); border-radius:0 40px 0 0; padding:18px 36px 24px 24px; font-family:"Flanders Art Sans", Sans-serif !important}
.em.em-list .events_list_single .events_list_single_datum {font-weight:500; font-size:clamp(1.125rem,5vw,1.5rem); line-height:1.25; padding-bottom:0.25em; margin-bottom:0.25em; border-bottom:1px solid var(--go-blue-btn-brdr)}
.em.em-list .events_list_single .events_list_single_datum .events_list_single_datum_dag {text-transform:capitalize}
.em.em-list .events_list_single .events_list_single_datum .events_list_single_datum_maand {color:rgb(var(--go-red))}
.em.em-list .events_list_single .events_list_single_tekst p:last-of-type {margin:0 !important}

/* Social Icons */
.elementor-widget-social-icons .elementor-grid {grid-column-gap:0.75rem}
.elementor-widget-social-icons a.elementor-social-icon{background-color: var(--go-red-btn-bg); border: 1px solid var(--go-red-btn-brdr); border-radius:0 1.15em; padding:0.16em; box-sizing:content-box}
.elementor-widget-social-icons a.elementor-social-icon:hover {background-color: rgb(var(--go-red));}
.elementor-widget-social-icons a.elementor-social-icon svg {fill:rgb(var(--go-red)); height:1.625rem}
.elementor-widget-social-icons a.elementor-social-icon:hover svg {fill:#FFFFFF}

/* MOBILE <768px 
======================================== */
@media screen and (max-width:768px){
	.elementor-widget-button, .elementor-widget-button a.elementor-button {width:100%}
	.e-con .elementor-widget.afb-links,	.e-con .elementor-widget.afb-rechts {margin: 60px auto 12vw auto;}
	.afb-links:after, .afb-rechts:after {width:35%;}
	.afb-links:after {right:-20px;}
	.afb-rechts:after {left:-20px;}
	.afb-links:before, .afb-rechts:before {width:10%; top:-5%}
	.afb-links:before {left:-5%}
	.afb-rechts:before {right:-5%}
	footer:after {top:80px}
	header .e-con>.e-con-inner {padding-top:14px; padding-bottom:14px}
	.subheader {padding-top:20px; padding-bottom:90px}
	.subheader>.e-con-inner {padding-right:0}
	body.wp-singular.page .container-blauw:after, body.wp-singular.page .container-beige:after {display:none}
	form.elementor-form .elementor-button {width:100%}
	.zijbalk {padding-left:0; padding-top:40px; border-width:1px 0px 0px 0px;}
	.zijbalk:before {border-width:0 10px 0 0}
	.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-today .em-cal-day-date a, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventless-today .em-cal-day-date a {width:28px; height:28px}
	header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu li.mobile-nav-link a {display:block; background: var(--go-red-btn-bg); border: 1px solid var(--go-red-btn-brdr); display: flex; justify-content: center; color: rgb(var(--go-red)); font-weight: 700; margin-top: 20px; border-radius: 0 20px;}
	#filter-heading {padding-bottom:0}
	#filter-heading .elementor-heading-title {font-size:1.5rem; text-align:center; padding-bottom:3.3vw}
	#filter-heading .elementor-heading-title:after {left:calc(50% - 3.3vw)}
	.e-con.e-parent.big-hero {padding-top:32px; margin-bottom:20px}
	.big-hero:before, .big-hero:after {display:none}
	.
	.big-hero img {border-radius:0}
	.elementor-widget-n-carousel .e-n-carousel.offset-both {padding-left:0; padding-right:0}
	.nieuws-inhoud:before {background-image:url(/wp-content/themes/hello-elementor-child/images/nieuws-single-inhoud-links-rotated.svg); width: calc(100vw - 40px); aspect-ratio: 610 / 122; max-width: none; position: relative;}
	.nieuws-inhoud:after {display:none}

}

.elementor-menu-toggle {background-color:var(--go-red-btn-bg); border:1px solid var(--go-red-btn-brdr); border-radius:0 20px; width:97px; padding:10px 0 }
.elementor-menu-toggle svg.e-font-icon-svg {fill:rgb(var(--go-red)); width:0.875rem; height:auto}
.elementor-menu-toggle::after {content:"Menu"}
.elementor-menu-toggle.elementor-active::after {content:"Sluiten"}
.elementor-menu-toggle::after,
.elementor-menu-toggle.elementor-active::after {display:block; margin-left:8px; font-size:1rem; font-weight:500; line-height:1; color:rgb(var(--go-red))}
.elementor-menu-toggle.elementor-active {background-color:rgb(var(--go-red))}
.elementor-menu-toggle.elementor-active::after {color:#FFFFFF}
.elementor-menu-toggle.elementor-active svg {fill:#FFFFFF}

.elementor-nav-menu--dropdown li.current_page_parent a, 
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.elementor-nav-menu--dropdown .elementor-item.highlighted, 
.elementor-nav-menu--dropdown .elementor-item:focus, 
.elementor-nav-menu--dropdown .elementor-item:hover, 
.elementor-sub-item.elementor-item-active, 
.elementor-sub-item.highlighted, 
.elementor-sub-item:focus, 
.elementor-sub-item:hover,
li.current-menu-ancestor>a {background-color: transparent; font-weight: 600; color: #333;}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {background-color:var(--go-blue-transp-fixed); margin-top:30px; padding-bottom:30px}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu>li {padding:0px 20px}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu>li>a {font-size:1rem; padding:10px 0; border-bottom:1px solid var(--go-blue-btn-brdr) }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu>li a.has-submenu::after,
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu>li a.has-submenu.highlighted::after {content:""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgb(var(--go-red)); position:absolute; right:10px; top:16px; opacity:1 !important}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu>li a.has-submenu.highlighted::after {border-top: transparent; border-bottom:10px solid rgb(var(--go-red))}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu {background-color:var(--go-blue-transp-fixed);}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu a {font-size:1rem; border:0}
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.sub-menu a::before {content:""; display:block; position:absolute; top:calc(50% - 0.5em); left:0; background-repeat:no-repeat; background-size:contain; background-image:url(/wp-content/themes/hello-elementor-child/images/sterretje.svg); width:1em; height:1em}