body.custom-background { background-image: url() !important; }

.top_margin_0 { padding-top: 0px !important; }


h1 { font-family: "Mouse Memoirs", sans-serif !important; font-weight: 400; font-style: normal; font-size: 46px !important; line-height: 52px; color: #000000 !important; margin: 0px auto 20px auto !important; display: block; /*width: fit-content;*/ text-align: center; }
h2, h3, p { font-family: Helvetica, Arial, "sans-serif" !important; font-size: 20px !important; line-height: 26px !important; }
h2.h2_header_page, #content_holder h2, #homepage h2, #editor h2 { font-family: "Mouse Memoirs", sans-serif !important; font-weight: 400; font-style: normal; font-size: 32px !important; line-height: 38px !important; }
h2.h2_header_page { text-align: center !important; width: 100%; font-size: 46px !important; }
/*#content_holder h2.h2_header_page { text-align: left !important; }*/
#content_holder h3, #editor h3 { font-family: "Mouse Memoirs", sans-serif !important; font-weight: 400; font-style: normal; font-size: 28px !important; line-height: 34px !important; }
main { margin-bottom: 0px; }
#content_holder { margin-bottom: 30px; }
#content_holder .container { max-width: 1170px !important; }
p { margin-bottom: 15px !important; padding-bottom: 0px !important; }

/* Zorg dat de wrapper de juiste verhouding aanneemt */
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Dit is de 16:9 verhouding */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

/* Laat de iframe de hele wrapper vullen */
.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.has-text-align-center, .text_center, .image_full_width_holder { text-align: center !important; }
.z_index_10 { position: relative; z-index: 10; }

#homepage { margin-bottom: -55px; }
#homepage img { width: 100%; height: auto; }
#homepage .wp-block-image { margin: 0px 0px 20px 0px; }
#homepage h1 { font-size: 36px; line-height: 42px; }
#footer_copyright { font-family: Helvetica, Arial, "sans-serif"; }
.homepage_visual_bottom { position: relative; width: 125px; z-index: 10; margin: 0px 0px 20px auto !important; }
.row_home_bottom .col-xl-10 { min-height: 220px; margin-bottom: 0px; }
.col-xl-10 { position: relative; }

/* header */
#header_holder { height: 225px; position: relative; overflow: hidden; }
#mega-menu-main_menu_2026 { font-family: "Mouse Memoirs", sans-serif !important; }
#header_menu_holder { margin: -50px 0px 50px 0px; position: relative; z-index: 10; }
#header_border { width: 100%; height: auto; position: absolute; bottom: 0px; left: 0px; }
#header_tosca_logo { width: 135px; left: auto; right: 10px; margin-left: 40px; position: absolute; top: 45px; }
.mega-toggle-animated { width: 60px; height: 60px; background-color: #000 !important; border-radius: 50%; padding-top: 17px !important; padding-left: 10px !important; }
#mega-menu-wrap-main_menu_2026 #mega-menu-main_menu_2026 > li.mega-menu-item > a.mega-menu-link { line-height: 32px !important; font-size: 22px !important; }

/*.et_pb_pagebuilder_layout .mega-toggle-block-0*/
.mega_menu_visible_with_divi {
	display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        left: 0 !important; /* Zorgt dat hij van de zijkant het scherm op komt */
        position: fixed !important;
        z-index: 9999999 !important;
}
/* Zorg dat de wrapper de enorme overlay van 99999px niet afkapt */
#mega-menu-wrap-main_menu_2026 {
    overflow: visible !important;
}

/* Jouw overlay CSS (met een kleine toevoeging voor de zekerheid) */
.et_pb_pagebuilder_layout #mega-menu-wrap-main_menu_2026 .mega-menu-toggle.mega-menu-open::after { display: none !important; }
.et_pb_pagebuilder_layout .mega-close { display: none !important; }

/* footer */
#footer_holder { /*background-color: #bc85d8;*/ color: #ffffff; min-height: 160px; margin-top: 0px; padding: 80px 0px 30px 0px; position: relative; }
#footer_border { width: 100%; height: auto; position: absolute; top: -2px; left: 0px; transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); }

#footer_menu { list-style: none; margin: 0px; padding: 0px; position: relative; display: inline; }
#footer_menu ul { margin: 0px 0px 30px 0px; }
#footer_menu li { margin: 0px; padding: 0px; position: relative; display: inline;  position: relative; z-index: 1; }
#footer_menu ul li:nth-child(1), #footer_menu ul li:nth-child(3) { z-index: 10; }
#footer_menu li a { font-family: "Mouse Memoirs", sans-serif !important; line-height: 32px; padding: 0px 10px 5px 10px; vertical-align: baseline; display: inline-block; color: #000000; text-decoration: none; background-color: #ffd861; border-top: 4px solid black; border-left: 3px solid black; border-right: 3px solid black; border-bottom: 4px solid black; font-size: 28px; transform: rotate(-3deg) !important; }
#footer_menu li a:hover { color: #ffffff; background-color: #000000; }
#footer_menu li span { font-family: "Mouse Memoirs", sans-serif !important; line-height: 32px; padding: 5px 10px 10px 10px; vertical-align: baseline; display: inline-block; color: #000000; text-decoration: none; background-color: #ffffff; border-top: 4px solid black; border-left: 3px solid black; border-right: 3px solid black; border-bottom: 4px solid black; font-size: 28px; margin: -10px -10px -10px -10px; }

@media (max-width: 768px) {
	#content_holder .container { width: 100%; }
}

@media screen and (min-width: 768px)  {
	#homepage h1 { font-size: 46px; line-height: 52px; }
	#header_holder { min-height: 400px; }
	/*#header_holder_home { height: 500px; }*/
	#header_holder_home #header_tosca_logo { width: 235px; left: 50%; margin-left: 170px; right: auto; top: 50px; }
	#header_holder #header_tosca_logo { width: 235px; left: 50%; margin-left: 170px; right: auto; top: 30px; }
	
	.menu_zwart a { border-color: #ffd861 !important; background-color: #000000 !important; color: #ffffff !important; }
	.menu_zwart a:hover { border-color: #000000 !important; color: #ffd861 !important; }
	.menu_geel a { background-color: #ffd861 !important; }
	.menu_geel a:hover { background-color: #000000 !important; }
	
	/* De basis van de lijstitems */
	#mega-menu-main_menu_2026 > li.mega-menu-item {
		transition: transform 0.3s ease, margin 0.3s ease !important;
		position: relative; /* Nodig voor z-index */

		/* Negatieve marge zorgt voor de overlap */
		/* Pas de -15px aan om de overlap groter of kleiner te maken */
		margin-left: -5px !important; 
	}

	/* Het eerste item heeft geen overlap aan de linkerkant nodig */
	#mega-menu-main_menu_2026 > li.mega-menu-item:first-child {
		margin-left: 0;
	}

	/* De oneven items (1, 3, 5...) */
	#mega-menu-main_menu_2026 > li.mega-menu-item:nth-child(odd) {
		transform: rotate(-3deg) !important;
		z-index: 1; /* Lager dan even items voor een dakpan-effect */
		margin-top: 10px !important;
	}

	/* De even items (2, 4, 6...) */
	#mega-menu-main_menu_2026 > li.mega-menu-item:nth-child(even) {
		transform: rotate(3deg) !important;
		z-index: 2; /* Valt over de oneven items heen */
	}

	/* Effect bij hover: item komt naar voren en wordt recht */
	#mega-menu-main_menu_2026 > li.mega-menu-item:hover {
		transform: rotate(0deg) scale(1.1) !important;
		z-index: 100 !important; /* Altijd bovenop bij interactie */
		margin-left: -5px; /* Iets minder overlap tijdens hover voor leesbaarheid */
		margin-right: 5px;
	}
}
@media (min-width: 992px) {
	#mega-menu-wrap-main_menu_2026 #mega-menu-main_menu_2026 > li.mega-menu-item > a.mega-menu-link { font-size: 28px !important; }
	#header_holder_home #header_tosca_logo { width: 245px; left: 50%; margin-left: 200px; right: auto; top: 50px; }
	#header_holder #header_tosca_logo { width: 245px; left: 50%; margin-left: 200px; right: auto; top: 30px; }
}

@media (min-width: 1100px) {
	.homepage_visual_bottom { position: absolute; right: 0px; width: 125px; z-index: 10; top: 0px; margin: 0px !important; }
}

@media (min-width: 1200px) {
	.row_home_bottom .col-xl-10 { min-height: 230px; }
}