/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> fluent forms **/
.fluentform .ff_screen_reader_title {
  line-height: 0 !important;
}

.fluentform .ff-el-input--label {
  margin-bottom: 16px;
  font-size: var(--text-sm);
}

.fluentform .ff-el-form-control {
  border-color: var(--color-gray-200);
  font-size: var(--text-md);
  border-radius: var(--rounded-small) !important;
}

.fluentform .ff-el-form-control:active,
.fluentform .ff-el-form-control:focus {
  border-color: var(--color-primary);
  border-width: 1px;
}

.fluentform .ff-el-form-control:not(textarea) {
  line-height: 2;
  height: 48px !important;
}

.fluentform .ff_upload_btn.ff-btn {
  background: var(--color-gray-50);
  color: var(--color-text);
  border-radius: var(--rounded-normal) !important;
  font-size: var(--text-sm);
}

.fluentform .ff_btn_style {
  padding: 12px 24px;
  margin-top: .8rem;
  border-radius: var(--rounded-normal);
}

.fluentform .ff_btn_style.ff-btn-submit {
  background-color: var(--color-primary) !important;
  font-size: var(--text-md);
}

.fluentform .ff_btn_style.ff-btn-submit:hover {
  background-color: var(--color-primary-700) !important;
}

.fluentform .ff-el-tooltip svg {
  fill: var(--color-primary);
}

.fluentform .ff-message-success {
  background-color: var(--color-primary);
  color: var(--color-light);
  padding: 24px;
  box-shadow: none;
  border-radius: var(--rounded-small) !important;
}

.fluentform .ff-el-turnstile iframe {
  max-width: 100%;
}

.fluentform .error {
  display: inline-block;
  color: var(--color-light);
  background-color: #f56c6c;
  padding: 0px 8px;
  border-radius: var(--rounded-small) !important;
}

/** General >> fluent forms oud **/
.fluentform .ff_screen_reader_title {
  line-height: 0 !important;
}

.fluentform .ff-el-input--label {
  margin-bottom: 16px;
  font-size: var(--text-sm);
}

.fluentform .ff-el-form-control {
  border-color: var(--color-gray-200);
  font-size: var(--text-md);
  border-radius: var(--rounded-small);
}

.fluentform .ff-el-form-control:active,
.fluentform .ff-el-form-control:focus {
  border-color: var(--color-primary);
  border-width: 1px;
}

.fluentform .ff-el-form-control:not(textarea) {
  line-height: 2;
  height: 48px !important;
}

.fluentform .ff_upload_btn.ff-btn {
  background: var(--color-gray-50);
  color: var(--color-text);
  border-radius: var(--rounded-normal);
  font-size: var(--text-sm);
}

.fluentform .ff_btn_style {
  padding: 12px 24px;
  margin-top: .8rem;
  border-radius: var(--rounded-normal);
}

.fluentform .ff_btn_style.ff-btn-submit {
  background-color: var(--color-primary) !important;
  font-size: var(--text-md);
}

.fluentform .ff_btn_style.ff-btn-submit:hover {
  background-color: var(--color-primary-700);
}

.fluentform .ff-el-tooltip svg {
  fill: var(--color-primary);
}

.fluentform .ff-message-success {
  background-color: var(--color-primary);
  color: var(--color-light);
  padding: 24px;
  box-shadow: none;
  border-radius: var(--rounded-small);
}

.fluentform .ff-el-turnstile iframe {
  max-width: 100%;
}

.fluentform .error {
  display: inline-block;
  color: var(--color-light);
  background-color: #f56c6c;
  padding: 0px 8px;
  border-radius: var(--rounded-small);
}