/*	
@-moz-document url-prefix() {
	# {
		letter-spacing: -4px;
	}
}	
	*/

	/*
	body h1, h2  {
		letter-spacing: -1px;
	} 
	*/
	
	body h1, h2  {
		font-weight: 700;
		letter-spacing: -2px;
	}
	
	body h3  {
		letter-spacing: -0.3px;
	}	
	
		@media (max-width:991px) {
			#wheels {
				display: none !important;
			}
		}	
		
		#wheels {
			display: block;
		}
	
	
	@media (max-width: 991px) {
    .rent-bar {
        position: relative !important;
    }
		    #slider,
		    #slider-2 {
        margin-top: -35px !important;
}
	}
	
		
		
		@-moz-document url-prefix() {
    .menu-link{
        line-height:1;
	padding-top:1.5rem;
    }

    .btn-blue{
	line-height:1.2rem;
	padding-top:1.3rem !important;
    }
    i.fa-caret-down {
  top: 0px !important;
    }
    i.fa-caret-right {
  top: 0px !important;
    }
    i.fa-wind {
  top: 0px !important;
    }	
}

@media (max-width: 991px) {
  .header-misc {
	display: none !important;
	/* margin-right:100px; */
  }
}

@media (max-width: 1199px) {
  .is-expanded-menu .menu-link {
	--cnvs-primary-menu-padding-x: 10px;
  }
  .contact-number {
	margin-right: 0 !important;
  }
  .header-misc {
	margin-right: -10px;
  }
}

.header-misc {
  /* margin-left: 200px; */
  /* margin-left:300px; */
}

.contact-number {
  margin-right: -20px;
}

.nummer-mobiel {
  display: inline-block;
  float: right;
  color: #fff;
}



/* ----------------------------------------------------------------

-----------------------------------------------------------------*/


.fa-caret-down {
  top: 2px !important;
}

.fa-caret-right {
  top: 2px !important;
}

.fa-wind {
  top: 2px !important;
}

.menu-item h4 {
  font-size: 1rem !important;
}

.underliner {
  --cnvs-underliner-color: 219, 168, 21;
  background-image: linear-gradient(to bottom, transparent calc(100% - var(--cnvs-underliner-size)), rgb(219 168 21) calc(100% - var(--cnvs-underliner-size)));
}
	
	
	
		@media (max-width: 540px) {
			#flyer {
				top: 150px !important;
			}
		}	
		
		@media (min-width: 992px) {
			#contact-br {
				display: none;
			}
		}



/* ----------------------------------------------------------------

-----------------------------------------------------------------*/

	/* #slider {
		margin-top: -35px !important;
	} */
	
	..slider-certified-installer {
		margin-top: -35px !important;
	}
	
	.nav-pills .nav-link {
			--bs-bg-opacity: .075;
			margin-top: 14px;
  			background-color: #dfe0ff !important;
		}

		.nav-pills .nav-link.active {
			/*	--bs-bg-opacity: 1; */
			background-color: var(--cnvs-themecolor) !important;
		}

		.nav-pills .nav-link *,
		.event-title a {
			color: #111;
			font-family: 'filson-pro','area-normal';
		}

		.nav-pills .nav-link.active * {
			color: #FFF;
		}

		.nav-pills .nav-link:first-child {
			margin-top: 0;
		}

		.event-title a:hover {
			text-decoration: underline !important;
		}

		[role=tablist] a.active {
    			border-color: var(--klgmk-themecolor);
   			background-color: transparent !important;
   			color: var(--klgmk-contrast-0);
			border: 10px;
			border-color: var(--klgmk-themecolor);
		}
	
	.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 0px solid var(--bs-border-color);
	border-bottom: 2px solid var(--bs-border-color);		
  border-radius: 0px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(88, 60, 163, 0.25);
	}
	
	label {
		font-weight: 900;
	}
	
	label small {
		color: red;
	}
	
	@media (max-width:991px) {
		.formulier-contact {
			margin-left: 0px !important;
		}
	}
	
	.formulier-contact {
		margin-left: 100px;
	}
	
	.btn-outline-dark {
			--bs-btn-color: var(--cnvs-contrast-500);
  			--bs-btn-border-color: #212529;
  			/*--bs-btn-hover-color: #fff;
  			--bs-btn-hover-bg: #212529;
  			--bs-btn-hover-border-color: #212529;*/
  			--bs-btn-focus-shadow-rgb: 33, 37, 41;
  			--bs-btn-active-color: #fff;
  			--bs-btn-active-bg: #593ea3;
			
  			--bs-btn-active-border-color: #593ea3;
  			--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  			--bs-btn-disabled-color: #212529;
  			--bs-btn-disabled-bg: blue;
  			--bs-btn-disabled-border-color: #212529;
  			--bs-gradient: none;
		}
	
	.flex-fill .btn {
			background-color: #fff;
			color: var(--cnvs-contrast-700);
			--bs-btn-color: var(--bs-body-color);
			--bs-btn-border-color: var(--bs-border-color);
    		--bs-btn-bg: #dfe0ff;
			--bs-btn-padding-y: 0.875rem;
   			--bs-btn-border-radius: 0.875rem;
		}
	
	.button.button-dark {
    background-color: #659bdc;
	}


/* Contact form tabs (nav-pills): make it obvious they are clickable —
   pointer cursor + a clear hover state (tint, lift, subtle shadow). */
.nav-pills .nav-link {
	cursor: pointer;
	transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.nav-pills .nav-link:hover:not(.active) {
	background-color: #c3c4f5 !important;
	transform: translateX(4px);
	box-shadow: 0 6px 16px rgba(88, 60, 163, 0.20);
}

/* Secondary hero CTA "Stel een vraag": white to match the hero's white text on
   the blue gradient (purple read muddy/low-contrast there), with a soft shadow
   for legibility and a subtle dim on hover. */
#vraag-stellen {
	color: #fff;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
#vraag-stellen:hover {
	color: rgba(255, 255, 255, .78);
}

/* Algemene voorwaarden: de inhoud zit in een PDF, de pagina wijst de weg. */

.voorwaarden-versie {
	margin-bottom: 1.5rem;
	opacity: 0.75;
}

.voorwaarden-knop {
	margin: 0;
}

.voorwaarden-klein {
	font-size: 0.82rem;
	opacity: 0.65;
	margin-top: 0.85rem;
}

.voorwaarden-inhoud {
	/* De artikelnummers staan al in de tekst; een tweede nummering erbij
	   ("1. Artikel 1.") leest als een fout. */
	list-style: none;
	padding-left: 0;
	margin-bottom: 1.75rem;
}

.voorwaarden-inhoud li {
	margin-bottom: 0.35rem;
	line-height: 1.45;
}

.voorwaarden-bedrijf {
	font-size: 0.82rem;
	opacity: 0.65;
	margin-top: 2rem;
}