/*****************************
  *  FORMULÁRIO
  ******************************/
::-webkit-input-placeholder {
  color: var(--f-color-finley);
}

:-moz-placeholder {
  color: var(--f-color-finley);
}

::-moz-placeholder {
  color: var(--f-color-finley);
}

:-ms-input-placeholder {
  color: var(--f-color-finley);
}

main .nf-field-element {
  position: relative;
  overflow: hidden;
  border-radius: var(--f-radius-md);
}

main #ninja_forms_required_items,
main .nf-field-container {
  margin-bottom: 0;
}

main .nf-before-form-content {
  display: none;
}

main .nf-form-content .list-select-wrap .nf-field-element>div,
main .nf-form-content input:not([type=button]),
main .nf-form-content textarea {
  background: var(--f-color-muted-cream);
  border: 1px solid var(--f-color-finley);
  border-radius: var(--f-radius-md);
  box-shadow: none;
  color: var(--f-color-finley);
  transition: all .5s;
  resize: none;
}

main .nf-form-content .list-select-wrap .nf-field-element>div:focus,
main .nf-form-content input:not([type=button]):focus,
main .nf-form-content textarea:focus {
  background: var(--f-color-muted-cream);
  border-color: var(--f-color-strong-dark-green);
  color: var(--f-color-strong-dark-green);
  transition: all .5s;
}

main .nf-form-content input[type=button],
main .nf-form-content input[type=submit] {
  background-color: var(--f-color-spring-green);
  color: var(--f-color-strong-dark-green);
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: var(--f-radius-md);
  box-shadow: none;
  transition: all .5s;
}

main .nf-form-content input[type=button]:hover,
main .nf-form-content input[type=button]:focus,
main .nf-form-content input[type=submit]:hover,
main .nf-form-content input[type=submit]:focus {
  background-color: var(--f-color-bitter-lemon);
  color: var(--f-color-strong-dark-green);
  filter: brightness(1.1);
}

main .nf-form-content label {
  font-size: 14px;
}

main .checkbox-wrap .nf-field-element label:before,
main .checkbox-wrap .nf-field-label label:before,
main .listcheckbox-wrap .nf-field-element label:before,
main .listcheckbox-wrap .nf-field-label label:before {
  color: var(--f-color-finley);
  opacity: 0;
  transition: all .5s;
}

main .checkbox-wrap .nf-field-element label:after,
main .checkbox-wrap .nf-field-label label:after,
main .listcheckbox-wrap .nf-field-element label:after,
main .listcheckbox-wrap .nf-field-label label:after {
  background: var(--f-color-muted-cream);
  border-color: var(--f-color-finley);
  transition: all .5s;
  border-radius: var(--f-radius-sm);
}

main .checkbox-wrap .nf-field-element label.nf-checked-label:before,
main .checkbox-wrap .nf-field-label label.nf-checked-label:before,
main .listcheckbox-wrap .nf-field-element label.nf-checked-label:before,
main .listcheckbox-wrap .nf-field-label label.nf-checked-label:before {
  color: var(--f-color-strong-dark-green);
}

main .checkbox-wrap .nf-field-element label.nf-checked-label:after,
main .checkbox-wrap .nf-field-label label.nf-checked-label:after,
main .listcheckbox-wrap .nf-field-element label.nf-checked-label:after,
main .listcheckbox-wrap .nf-field-label label.nf-checked-label:after {
  border-color: var(--f-color-finley);
}

main .nf-error .ninja-forms-field {
  border-color: #e80000 !important;
  transition: all .5s;
}

main .nf-error.field-wrap .nf-field-element:after {
  background: #e80000;
  border-color: #e80000;
  bottom: 1px;
  color: #fff;
  content: "\f12a";
  font-family: FontAwesome;
  font-size: 20px;
  height: 48px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  transition: all .5s;
  width: 50px;
}

.nf-error-msg,
.ninja-forms-req-symbol {
  color: #e80000;
  font-size: 14px;
}