.elementor-1928 .elementor-element.elementor-element-3ec6fc7d:not(.elementor-motion-effects-element-type-background), .elementor-1928 .elementor-element.elementor-element-3ec6fc7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#474747;background-image:url("https://rijschoolmeidoorn.nl/wp-content/uploads/2025/08/Rijschool-zuid-holland-capelle-rotterdam-drechtsteden-alexandrium-nesselande-nieuwe-kerk-aan-den-Ijssel.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1928 .elementor-element.elementor-element-3ec6fc7d > .elementor-background-overlay{background-color:#000000;opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1928 .elementor-element.elementor-element-3ec6fc7d, .elementor-1928 .elementor-element.elementor-element-3ec6fc7d > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1928 .elementor-element.elementor-element-3ec6fc7d{box-shadow:0px 0px 44px -14px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:240px 0px 60px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1928 .elementor-element.elementor-element-1106800c > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-1928 .elementor-element.elementor-element-1106800c img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 214deg );}.elementor-1928 .elementor-element.elementor-element-43e3ecf3{text-align:center;}.elementor-1928 .elementor-element.elementor-element-43e3ecf3 .elementor-heading-title{color:#FFFFFF;font-size:38px;font-weight:800;}.elementor-1928 .elementor-element.elementor-element-2506eb4{text-align:center;}.elementor-1928 .elementor-element.elementor-element-2506eb4 .elementor-heading-title{color:#FFFFFF;font-size:22px;font-weight:400;line-height:1.667;}.elementor-1928 .elementor-element.elementor-element-3014acd > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-1928 .elementor-element.elementor-element-3014acd img{filter:brightness( 80% ) contrast( 200% ) saturate( 82% ) blur( 0px ) hue-rotate( 31deg );}.elementor-1928 .elementor-element.elementor-element-864b894{text-align:center;}.elementor-1928 .elementor-element.elementor-element-864b894 .elementor-heading-title{color:#FFFFFF;font-size:38px;font-weight:800;}.elementor-1928 .elementor-element.elementor-element-31770e7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 240px 0px;}.elementor-1928 .elementor-element.elementor-element-31770e7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1928 .elementor-element.elementor-element-a0064a0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1928 .elementor-element.elementor-element-a0064a0 > .elementor-element-populated{margin:0px 55px 0px 0px;--e-column-margin-right:55px;--e-column-margin-left:0px;padding:0px 0px 0px 30px;}.elementor-1928 .elementor-element.elementor-element-cdd5f74{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-1928 .elementor-element.elementor-element-cdd5f74 > .elementor-widget-container{padding:0px 0px 0px 0px;}
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .bi-section-title-1 h2,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .bi-section-title-2 h2,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .bi-section-title-3 h2,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .bi-section-title-4 h2,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .headline-title,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .section-title-8,
				.elementor-1928 .elementor-element.elementor-element-cdd5f74 .section-title-9
				{font-size:40px;}.elementor-1928 .elementor-element.elementor-element-15c52e2{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-1928 .elementor-element.elementor-element-15c52e2 > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-1928 .elementor-element.elementor-element-7d0bed7 > .elementor-element-populated, .elementor-1928 .elementor-element.elementor-element-7d0bed7 > .elementor-element-populated > .elementor-background-overlay, .elementor-1928 .elementor-element.elementor-element-7d0bed7 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.elementor-1928 .elementor-element.elementor-element-9f611c6 iframe{height:60vh;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-1928 .elementor-element.elementor-element-a0064a0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1928 .elementor-element.elementor-element-a0064a0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1928 .elementor-element.elementor-element-a0064a0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1928 .elementor-element.elementor-element-a0064a0 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 12px 0px 12px;}.elementor-1928 .elementor-element.elementor-element-15c52e2 > .elementor-widget-container{padding:25px 0px 0px 30px;}.elementor-1928 .elementor-element.elementor-element-15c52e2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-1928 .elementor-element.elementor-element-3ec6fc7d{padding:50px 0px 50px 0px;}.elementor-bc-flex-widget .elementor-1928 .elementor-element.elementor-element-9030ff0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1928 .elementor-element.elementor-element-9030ff0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1928 .elementor-element.elementor-element-9030ff0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1928 .elementor-element.elementor-element-864b894 .elementor-heading-title{font-size:24px;}.elementor-1928 .elementor-element.elementor-element-31770e7{padding:40px 0px 0px 0px;}.elementor-1928 .elementor-element.elementor-element-15c52e2 > .elementor-widget-container{padding:20px 5px 5px 5px;}.elementor-1928 .elementor-element.elementor-element-7d0bed7 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1928 .elementor-element.elementor-element-a0064a0{width:100%;}.elementor-1928 .elementor-element.elementor-element-7d0bed7{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-15c52e2 *//* Contact Form 7 custom gradient button */
.hap-contact-form button {
  --left: #414b8b;
  --right: #48819e;

  /* Eén brede gradient die we gaan "sliden" */
  background-image: linear-gradient(to right, var(--left) 0%, var(--right) 50%, var(--left) 100%);
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position 0.5s ease;

  color: #fff !important;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
}

/* Hover = swap-effect door te schuiven */
.hap-contact-form button:hover {
  background-position: 100% 0%;
  color: #fff !important;
}

/* Velden styling met randen */
.hap-contact-form input[type="text"],
.hap-contact-form input[type="email"],
.hap-contact-form input[type="tel"],
.hap-contact-form select,
.hap-contact-form textarea {
  border: 1px solid #414b8b;       /* zelfde kleur als knop */
  border-radius: 50px;               /* afgeronde hoeken */
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
  color: #333;
}


/* Succesbericht */
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #d4edda;   /* zacht groen */
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 12px 16px;
    border-radius: 6px;
}

/* Foutbericht */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    background-color: #f8d7da;   /* zacht rood */
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 12px 16px;
    border-radius: 6px;
}

/* Bericht in afwachting (bijv. tijdens verzenden) */
.wpcf7 form.submitting .wpcf7-response-output {
    background-color: #fff3cd;   /* zacht geel */
    border: 1px solid #ffeeba;
    color: #856404;
    padding: 12px 16px;
    border-radius: 6px;
}/* End custom CSS */