/*
Theme Name: Hello Leontine
Description: Child theme van Hello Elementor
Template: hello-elementor
Version: 1.2.3
*/


/* variabelen 

   Elementor breakpoints (Site Settings)
   Desktop: 1024px
   Tablet: 767px

*/

:root {
  --bp-desktop: 1024px;
  --bp-tablet: 767px;
}

/* end variabelen */


/* div reset TO */

html, body {
	height: 100%;
	margin: 0;
}

.elementor-popup-modal .dialog-widget-content {
  background-color: transparent !important;
}

/* workaround tbv fixed background */
	
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url('ag.jpg');
  background-position: center center;
  background-size: cover;
  z-index: -1;
}


/* tbv schermvullende header */

.front {
    cursor: pointer;
    pointer-events: auto;
}

.front::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    pointer-events: auto;
}

/* algemene styling */

	.smallcaps {
		font-feature-settings: "smcp" on;
		font-variant-caps: small-caps;
	}
	
	#specs p,
	#specs a,
	#specs ul,
	#specs h2 {
		color: var(--e-global-color-b9aede5);
	}
	#specs a {
		font-weight: bold;
	}
	#specs a:hover {
		color: #b33434;
	}


/* logo in header */

	#logo_x5F_lb * {
		fill: var(--e-global-color-accent);
	}
	#logo_x5F_lb #psychiater {
		display: none;
	}
	
	#logo_x5F_lb #leontine {
		opacity: 0;
		animation: fadeIn 0.3s ease-in forwards;
		animation-delay: 0.3s;
	}

	#logo_x5F_lb #berg {
		opacity: 0;
		animation: fadeIn 0.3s ease-in forwards;
		animation-delay: 0.6s;
	}

	#logo_x5F_lb #psychiater,
	#logo_x5F_lb #psychiater-supervisor {
		opacity: 0;
		animation: fadeIn 0.3s ease-in forwards;
		animation-delay: 0.9s;
	}

	#logo_x5F_lb #psychiater {
		display: none;
	}
		
	@keyframes fadeIn {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	
	@media (max-width: 767px) {

		#logo_x5F_lb #psychiater-supervisor {
			display: none;
		}
		#logo_x5F_lb #psychiater {
			display: inherit;
		}

	}

	/* vormgeving tekstblokken onderin - eigen accordeon */

	.toggle-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
	}

	/* Zorg dat de hele container als klikbaar aanvoelt */
	.toggle-container {
	cursor: pointer;
	}

	/* Optioneel: maar niet op de uitklapbare content zelf */
	.toggle-container .toggle-content {
	cursor: default;
	}

	.toggle-container h2 {
	font-size: 1em !important;
	}

	 

.button {
	padding-top: 23px;
}

/* ivm verschoven foto's */

main {overflow-x: hidden; z-index: 5;}
footer {z-index: 10;}



/* responsive */

@media (max-width: var(--bp-tablet)) {
}