/*
 * Cobra Groeninzicht - algemene CSS.
 *
 * Overgezet uit Weergave > Customizer > Extra CSS en de oude style.css (8 oktober 2026).
 * Let op: Elementor laadt zijn eigen CSS na dit bestand. Regels die tegen Elementor
 * moeten winnen, hebben daarom een extra klasse (body) of !important.
 */

/* ------------------------------------------------------------------ tekst */

/* Ruimte onder opsommingen in teksten en blogberichten, zodat de alinea eronder niet
   vastplakt. Niet in menu's, niet in Elementor-icoonlijsten en niet bij sublijsten. */
body ul:not(nav ul):not([class*="menu"]):not(.elementor-icon-list-items):not(li > ul),
body ol:not(nav ol):not(li > ol) {
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------- ankers */

/* Ruimte boven een anker, zodat de vaste kop er niet overheen valt. */
html,
body {
	scroll-padding-top: 100px;
}

/* Hetzelfde voor het Elementor-widget Menu-anker (niet in de editor).
   100px = hoogte van de vaste kop. */
body:not(.elementor-editor-active) .elementor-menu-anchor::before {
	content: "";
	display: block;
	height: 100px;
	margin: -100px 0 0;
	visibility: hidden;
	pointer-events: none;
}

/* -------------------------------------------------------------- elementor */

/* Achtergrondafbeeldingen van containers altijd vullend. */
.elementor-element.elementor-element {
	background-size: cover !important;
}

/* Accordeon (nieuw widget): titels even hoog. */
body summary.e-n-accordion-item-title {
	min-height: 84px;
}

/* Lijn tussen de twee foto's van de afbeeldingsvergelijker (Elementor Extras). */
body .ee-image-comparison__separator.ee-center-vertical {
	width: 10px;
}

/* --------------------------------------------------------------- partner */

/* Blok met klasse toon_alleen_als_niet_partner: verborgen op partnerpagina's,
   overal anders zichtbaar. */
.toon_alleen_als_niet_partner {
	display: none;
}

.elementor:not(.type-partner) .toon_alleen_als_niet_partner {
	display: block;
}

/* --------------------------------------------------------------- knoppen */

/* Gravity Forms: knoppen zonder rand. */
.gform_wrapper .button {
	border: none !important;
}

/* FacetWP: resetknop in huisstijl. */
.facetwp-reset {
	border: none;
	border-radius: 30px 0 30px 0 !important;
	background-color: #abbc16 !important;
	color: #fff !important;
}

.facetwp-reset:hover {
	border: none;
	background-color: #005f2e !important;
}