/* Ninja Forms - stijl zoals screenshot */

.nf-form-layout {
  font-family: var(--bodyfont);
  color: #111;
}

/* Algemeen */
.nf-form-layout .field-wrap {
  margin-bottom: 22px;
}

.nf-form-layout .nf-field-label {
  margin-bottom: 4px;
}

.nf-form-layout .nf-field-label label {
  font-size: 19px;
  font-weight: 400;
  color: #7dbc73;
  line-height: 1.35;
}

/* Tekstvelden: alleen underline */
.nf-form-layout input.ninja-forms-field:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.nf-form-layout textarea.ninja-forms-field,
.nf-form-layout select.ninja-forms-field {
  width: 100%;
  padding: 8px 0 10px;
  border: 0 !important;
  border-bottom: 1.5px solid #e85f6f !important;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none !important;
  font-family: var(--bodyfont);
  font-size: 17px;
  color: #111;
  max-width: 600px;
}

.nf-form-layout input:focus,
.nf-form-layout textarea:focus,
.nf-form-layout select:focus {
  outline: none !important;
  border-bottom-color: #d94b5d !important;
  box-shadow: none !important;
}

/* Select pijl */
.nf-form-layout select.ninja-forms-field {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #444 50%),
                    linear-gradient(135deg, #444 50%, transparent 50%);
  background-position: calc(100% - 18px) 55%, calc(100% - 10px) 55%;
  background-size: 8px 8px, 8px 8px;
  background-repeat: no-repeat;
  padding-right: 35px;
}

/* Checkbox / listcheckbox */
.nf-form-layout .checkbox-wrap,
.nf-form-layout .listcheckbox-wrap .nf-field-element li {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}

.nf-form-layout input[type="checkbox"].ninja-forms-field {
  appearance: none;
  width: 19px;
  height: 19px;
  margin: 0;
  border: 2px solid #111;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  flex: 0 0 19px;
}

.nf-form-layout input[type="checkbox"].ninja-forms-field:checked {
  background: #df6479;
  border-color: #111;
}

/* Checkbox labels zwart, niet groen */
.nf-form-layout .checkbox-wrap .nf-field-label label,
.nf-form-layout .listcheckbox-wrap label {
  color: #111;
  font-size: 17px;
  font-weight: 400;
}

/* List checkbox spacing */
.nf-form-layout .listcheckbox-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.nf-form-layout .listcheckbox-wrap .nf-field-label {
  margin-bottom: 10px;
}

.nf-form-layout .listcheckbox-wrap .nf-field-label label {
  color: #111;
}

/* Submit indien nodig */
.nf-form-layout input[type="submit"].ninja-forms-field {
  background: #83bf7a;
  color: #fff;
  border: 0;
  border-radius: 1px;
  padding: 13px 24px;
  font-size: 17px;
  cursor: pointer;
}
.et_pb_text_inner > *
.et_pb_text_inner > h1,
.et_pb_text_inner > h2,
.et_pb_text_inner > h3,
.et_pb_text_inner > h4,
.et_pb_text_inner > p{
    font-family: "futura-pt", sans-serif;
    font-weight: 400!important;
    font-style: normal;
}


.et_pb_text_inner > h5,
.et_pb_text_inner > span,
.et_pb_text_inner > p,
.et_pb_text_inner > ul > li,
.et_pb_text_inner > ul > li > a
    {
        font-size: 18px!important;
            font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;

    }

.et_pb_text_inner > ul > li > a:hover{
    text-decoration: underline;
}
.nf-form-layout > * > *,
.nf-form-layout > *,
.nf-form-layout > * > * > *,
.nf-form-layout > * > * > * > *,
.nf-form-layout > * > * > * > * > * {
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.nf-before-form-content{
    display: none!important;
}

.nf-response-msg {
    padding: 18px 17px;
    border-radius: 4px;
    display: flex;
    flex-directon: column;
    gap: 10px;
}
.nf-response-msg > p{
    padding: 0px!important;
    color: black!important;
    font-weight: 600;
    text-align:center;
    font-size: 20px;
}


.et_pb_button_0_tb_header{
    font-family: "futura-pt", sans-serif;
    font-weight: 400!important;
    font-size: 20px!important;
}

.et_pb_text_inner > ul > li::marker{
    content: "> ";
}
.et_pb_text_inner > ul{
    padding-left: 16px!important;
}