/* ----------------------------------------------------------
   Theme Form Styles
   This file contains custom styles for the Forminator plugin.
   Use this stylesheet to adjust layout, colors and typography
   of all Formulars used in the theme.
----------------------------------------------------------- */

/**------------------------------ FORMULAR --------------------------------*/

.forminator-custom-form span,
.forminator-custom-form
  .forminator-label.forminator-floating--input:not(.forminator-has_icon),
.forminator-custom-form .forminator-consent p,
.forminator-custom-form .forminator-label.forminator-floating--textarea {
  font-weight: 300 !important;
}

.forminator-title {
  font-size: 1.5rem !important;
  font-family: var(--headlinefont) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  margin-top: 0.7em !important;
}

#forminator-module-4024 * {
  font-family: var(--mainfont);
}

.forminator-field label {
  font-size: 0.9rem !important;
  margin-bottom: 0;
}

.forminator-ui :where(p, label, input, textarea, span) {
  font-family: var(--mainfont) !important;
}

.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-input {
  border-color: inherit;
}

.forminator-ui.forminator-custom-form[data-design="material"]
  .forminator-input-with-icon
  [class*="forminator-icon-"]:first-child {
  color: var(--ast-global-color-2);
}

.forminator-calendar--material .ui-datepicker-header {
  background-color: var(--ast-global-color-2) !important;
}
a.ui-state-default.ui-state-active,
a.ui-state-default.ui-state-highlight.ui-state-active {
  background-color: var(--ast-global-color-3) !important;
  border-color: var(--ast-global-color-3) !important;
  color: var(--ast-global-color-1) !important;
}

a.ui-state-default.ui-state-highlight {
  background-color: var(--ast-global-color-3) !important;
  border-color: var(--ast-global-color-3) !important;
}

.forminator-calendar--material[class*=" forminator-color-option--"]
  .ui-datepicker-header
  .ui-datepicker-title
  select.ui-datepicker-year:focus {
  outline-color: var(--ast-global-color-4) !important;
}

.forminator-select-dropdown-container--open
  .forminator-dropdown--material
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--selected {
  background-color: var(--ast-global-color-3) !important;
  outline: none !important;
}

.forminator-select-dropdown-container--open
  .forminator-dropdown--material
  .select2-results
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  /* background-color: var(--ast-global-color-4) !important;*/
  outline: none !important;
}

.forminator-design--material .forminator-input:focus,
.forminator-design--material
  .forminator-input-with-phone
  .iti__country-container
  .iti__selected-country:focus {
  outline-color: var(--ast-global-color-4) !important;
}

.forminator-field-consent .forminator-checkbox__wrapper {
  margin-top: 10px;
}

#ui-datepicker-div td.ui-datepicker-today {
  background-color: var(--ast-global-color-3) !important;
}

@media screen and (max-width: 576px) {
  .forminator-title {
    font-size: calc(var(--h2-font-size) * 0.85) !important;
    margin-top: calc(var(--gap-l) * 1.2) !important;
  }

  #forminator-module-4268 #section-2 .forminator-title {
    margin-top: 0 !important;
  }
}

.forminator-label.forminator-floating--input.forminator-has_icon,
#forminator-module-4268 .forminator-field-number .forminator-field label {
  font-weight: 400 !important;
}