/* GeneratePress Site CSS */  /* End GeneratePress Site CSS */

@font-face {
  font-family: "fallback-inter";
	    font-display: swap;
  ascent-override: 90.20%;
  descent-override: 22.48%;
  line-gap-override: 0.00%;
  size-adjust: 107.40%;
  src: local("Arial");
}

@font-face {
    font-family: "Fallback-figtree";
	    font-display: swap;
    src: local(arial);

    size-adjust: 99%;
    ascent-override: 93%;
    descent-override: 22%;
    line-gap-override: 11%;

}



.site-header .header-image {
	max-height: 77px;
}

@media (max-width: 768px) {
	.site-header .header-image {
    width: 175px;
}
}

p.broodkruimels {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    xmargin: 0;
    display: block;
    max-width: 100%;
}

.h1 {
	font-family: 'Fallback-figtree';
}



div.termsheader  a {
	font-size: 15px;
 	padding: 0 0.2rem;
	border: 2px solid white;
	color: var(--accent);
	background-color: var(--base-3);
		border-radius: 5px;
	box-shadow: 0px 0px 5px 3px #ffffff;
}

.testimonial-scroll-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
  padding: 1rem 0;
  scroll-behavior: smooth;
}

.testimonial-scroll-wrapper::-webkit-scrollbar {
  display: none; /* optioneel: scrollbar verbergen */
}

.testimonial-slide {
  scroll-snap-align: start;
  flex: 0 0 80%;
  border-radius: 1rem;
  padding: 1rem;
  min-width: 280px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* For 2 cells with 2rem gap */
.carousel-cell {
  width: calc(100% - 1rem * 1/2);
  margin-right: 1rem;
}

.flickity-page-dots .dot {
	background-color: var(--base-2)
}

ul.termlijst  {
	list-style: none;
	margin-left: 1rem;
}

p a {
	color: var(--contrast);
	font-weight: 500;
}

p a:hover {
		color: var(--accent-2);

}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea
{
	width: 90%;
	border-color: var(--accent);
	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #f9f9f9;
}

input.wpcf7-form-control.wpcf7-submit  {
	border-radius: 5px;
	background-color: #f9f9f9;
	color: var(--accent);
	font-weight: 500;
	border: 1px solid #ccc;
}

input.wpcf7-form-control.wpcf7-submit:hover  {
	background-color: var(--base);
}

/* Labels */
.wpcf7-form label {

  font-weight: 500;

}

/* Velden */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  transition: border 0.3s ease, box-shadow 0.3s ease;

}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
  border-color: #0073e6;
  box-shadow: 0 0 0 2px rgba(0, 115, 230, 0.1);
  outline: none;
}

/* Verstuurknop */
.wpcf7 input[type="submit"] {

  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Meldingen */
.wpcf7-response-output {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
}

.wpcf7-mail-sent-ok {
  background-color: #e6f5e9;
  color: #2d7a46;
  border: 1px solid #b7e2c2;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
  background-color: #fdf0f0;
  color: #b44343;
  border: 1px solid #e0b4b4;
}