/*
Theme Name: Opgroeien doen we samen
Theme URI: https://opgroeiensamencongres.nl
Author: SK Oudenbosch & SK Oud Gastel
Description: Statische landingspagina voor het congres Opgroeien doen we samen. Alleen het aanmeldformulier werkt via Contact Form 7.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opgroeien-doen-we-samen
*/

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Contact Form 7 — match theme form styling */
.register-form .hidden-fields-container,
.wpcf7 .hidden-fields-container {
  display: none !important;
}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.register-form .wpcf7-form {
  margin: 0;
}

.register-form .wpcf7-form-control-wrap {
  display: flex;
}

.register-form .wpcf7-not-valid-tip {
  font-size: 12px;
  font-weight: 700;
  color: var(--red);
  margin-top: 4px;
}

.register-form .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  border: 1.5px solid #e5e7eb;
}

.register-form .wpcf7 form.init .wpcf7-response-output,
.register-form .wpcf7 form.resetting .wpcf7-response-output,
.register-form .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.register-form .wpcf7 form.invalid .wpcf7-response-output,
.register-form .wpcf7 form.unaccepted .wpcf7-response-output,
.register-form .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--red);
  color: var(--red);
}

.register-form .wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--green);
  color: var(--green);
}

.register-form .wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  margin: 12px auto 0;
}

.register-form .wpcf7 form.submitting .wpcf7-spinner {
  visibility: visible;
}

.register-form input[type="submit"].form-submit,
.register-form .wpcf7-submit.form-submit {
  margin-top: 8px;
  width: 100%;
}