/* ---------- Header: blijft bovenaan staan bij scrollen ---------- */
.vmc-header {
	position: sticky;
	top: 0;
	z-index: 1000;
}
.admin-bar .vmc-header { top: 32px; }
@media (max-width: 782px) {
	.admin-bar .vmc-header { top: 46px; }
}

/* ---------- Menu-paneel (vervangt de Pro-popup) ----------
   Open = klasse .is-open. Alles loopt via CSS-overgangen, zonder JS-timers. */
.vmc-menu {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0);
	visibility: hidden;
	/* Bij sluiten: achtergrond vervaagt, en pas na de uitschuif-animatie onzichtbaar. */
	transition: background-color .35s ease, visibility 0s linear .45s;
}
.vmc-menu.is-open {
	background-color: rgba(0, 0, 0, .8);
	visibility: visible;
	transition: background-color .35s ease, visibility 0s;
}
.vmc-menu__panel {
	position: relative;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	overflow-y: auto;
	background-color: var(--e-global-color-primary);
	box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
	transform: translate3d(100%, 0, 0);
	transition: transform .45s cubic-bezier(.55, 0, .9, .4);
}
.vmc-menu.is-open .vmc-menu__panel {
	transform: translate3d(0, 0, 0);
	transition: transform .7s cubic-bezier(.1, .6, .3, 1);
}
@media (prefers-reduced-motion: reduce) {
	.vmc-menu, .vmc-menu.is-open, .vmc-menu__panel, .vmc-menu.is-open .vmc-menu__panel { transition-duration: 0s; transition-delay: 0s; }
}
/* Sluitknop: id-selector zodat de algemene knopstijl van de site (groene achtergrond, padding, afgeronde hoeken) niet doorkomt. */
#vmc-menu .vmc-menu__close {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 1;
	margin: 0;
	padding: .5rem;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: var(--e-global-color-text, #1a1a1a);
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
#vmc-menu .vmc-menu__close:hover,
#vmc-menu .vmc-menu__close:focus,
#vmc-menu .vmc-menu__close:active {
	background: none;
	color: var(--e-global-color-text, #1a1a1a);
}
html.vmc-menu-open { overflow: hidden; }

/* ---------- Eigen CSS die vroeger via Elementor Pro liep ---------- */

/* Site Kit */
.elementor-button svg { width: 1rem; }
a:focus { outline: 0 !important; }

/* Menu-sjabloon + pagina Coaching */
ul { list-style-type: none !important; }

/* Footer: sociale iconen */
.elementor-46 .elementor-element.elementor-element-8cad01e svg:nth-child(2) { zoom: .9; }

/* Home: afbeelding */
.elementor-2 .elementor-element.elementor-element-a8d1a65 img {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Home: citaatblok (was de Pro-widget "Blockquote", nu een HTML-widget) */
.elementor-blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #3f444b;
	font-size: 100%;
	font-style: normal;
	quotes: none;
	transition: .3s;
}
.elementor-blockquote::before,
.elementor-blockquote::after { content: none; }
.elementor-blockquote__content { font-style: normal; margin-bottom: 0; }
.elementor-2 .elementor-element.elementor-element-4ea481c .elementor-blockquote {
	padding: 2.6rem;
	background-color: var(--e-global-color-primary);
}
.elementor-2 .elementor-element.elementor-element-4ea481c .elementor-blockquote__content {
	color: var(--e-global-color-e9dd3f4);
}
@media (max-width: 767px) {
	.elementor-2 .elementor-element.elementor-element-4ea481c .elementor-blockquote { padding: 2rem; }
}
.elementor-2 .elementor-element.elementor-element-4ea481c::after {
	content: '“';
	position: absolute;
	right: 2rem;
	bottom: -10rem;
	font-size: 10rem;
	font-family: 'Syne';
	color: #121212;
}