/* 1e. Forms */



































:root {
  --theme-form-title-font: {font=Onest, font_set=GOOGLE, styles={font-family=Onest, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=px, color=#000000, variant=null, fallback=null, style=font-family: Onest; font-style: normal; font-weight: normal; text-decoration: none, css=color: #000000;font-family: Onest;};
  --theme-form-title-bg-color: #063633;
  --theme-form-title-spacing: padding: 0px;
;
  --theme-form-title-border: border: 0px none #516747;
;
  --theme-form-title-top-left-corner-radius: 0px;
  --theme-form-title-top-right-corner-radius: 0px;
  --theme-form-title-bottom-left-corner-radius: 0px;
  --theme-form-title-bottom-right-corner-radius: 0px;

  --theme-form-label-font-color: #063633;
  --theme-form-help-text-font-color: #000000;

  --theme-form-field-placeholder-color: #000000;
  --theme-form-field-font-color: #000000;
  --theme-form-field-bg-color: #FFFFFF;
  --theme-form-field-border: border: 0px solid #D1D6DC;
;
  --theme-form-field-corner-radius: 0px;

  --theme-form-bg-color: #FFFFFF;
  --theme-form-padding: padding: 0px;
;
  --theme-form-border: border: 0px none #FFFFFF;
;
  --theme-form-top-left-corner-radius: 0px;
  --theme-form-top-right-corner-radius: 0px;
  --theme-form-bottom-left-corner-radius: 0px;    
  --theme-form-bottom-right-corner-radius: 0px;

  --theme-form-submit-button-font: {font=Onest, font_set=GOOGLE, styles={font-family=Onest, font-style=normal, font-weight=normal, text-decoration=none}, size=20, size_unit=px, color=#063633, variant=null, fallback=null, style=font-family: Onest; font-style: normal; font-weight: normal; text-decoration: none, css=color: #063633;font-size: 20px;font-family: Onest;};
  --theme-form-submit-button-border: border: 0px none #000000;
;
  --theme-form-submit-button-bg-color: #39b0b6;
  --theme-form-submit-button-bg-color-hover: #39b0b6;
  --theme-form-submit-button-border-hover: border: 1px none #1a334e;
;
  --theme-form-submit-button-color-hover: #063633; 
}

form[class^='hs-form'] {
  padding: 0px;

  border: 0px none #FFFFFF;

  background-color: var(--theme-form-bg-color, var(--color-white));
  border-top-left-radius: var(--theme-form-top-left-corner-radius, 0);
  border-top-right-radius: var(--theme-form-top-right-corner-radius, 0);
  border-bottom-left-radius: var(--theme-form-bottom-left-corner-radius, 0);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  border-bottom-right-radius: var(--theme-form-bottom-right-corner-radius, 0);
  width: 100%;

  .hs_submit .actions {
    width: fit-content;
    position: relative;
    cursor: pointer;
  }

  .hs_submit .actions:after {
    background-color: rgba(0, 0, 0, .125);
    /* content: ""; */
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 0;
    border-radius: 100px;
  }

  .hs_submit .actions:hover:after {
    opacity: 1;
  }

  .hs_submit .actions input {
    border: 0;
    padding: 17px 58px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.323px;
    color: var(--theme-form-submit-button-color, var(--button-color));
    background-color: var(--theme-form-submit-button-bg-color, var(--button-background));
    border: 0px none #000000;

    padding-top: 17px;
padding-right: 58px;
padding-bottom: 17px;
padding-left: 58px;

    {font=Onest, font_set=GOOGLE, styles={font-family=Onest, font-style=normal, font-weight=normal, text-decoration=none}, size=20, size_unit=px, color=#063633, variant=null, fallback=null, style=font-family: Onest; font-style: normal; font-weight: normal; text-decoration: none, css=color: #063633;font-size: 20px;font-family: Onest;}
  }

  .hs_submit .actions input:hover {
    background-color: var(--theme-form-submit-button-bg-color-hover, var(--color-primary));
    color: var(--theme-form-submit-button-color-hover, var(--color-white));
  }

  .hs-form-field {
    margin-bottom: 30px;

    label {
      display: inline-block;
      color: var(--theme-form-label-font-color, var(--color-primary));
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 30px;
      margin-bottom: 8px;
    }

    .input {
      padding-bottom: 8px;
      border-bottom: 1px solid rgb(163 163 163 / 50%);
      
      select,
      input {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 29.5px;
        border: 0;
        width: 100%;
        padding: 0;
        border-radius: var(--theme-form-field-corner-radius, 0);
        background-color: var(--theme-form-field-bg-color, var(--color-white));
        color: var(--theme-form-field-font-color, var(--text-color));
        border: 0px solid #D1D6DC;

      }

      select::placeholder,
      input::placeholder {
        color: var(--theme-form-field-placeholder-color, var(--text-color));
      }
      select:focus-visible,
      input:focus-visible {
        outline: none;
      }
    }
  }

  .hs-field-desc {
    color: var(--theme-form-help-text-font-color, var(--color-white));
  }

  .hs-error-msgs {
    margin: 0;
    list-style: none;
    padding: 0;

    .hs-error-msg {
      color: #fc503a;
      font-weight: 600;
      margin-bottom: 0;
    }
  }

  .hs_error_rollup {
    display: none;
  }
}

.form-title {
  border: 0px none #516747;

  padding: 0px;

  background-color: var(--theme-form-title-bg-color);
  color: var(--text-color-2);
  border-top-left-radius: var(--theme-form-title-top-left-corner-radius);
  border-top-right-radius: var(--theme-form-title-top-right-corner-radius);
  border-bottom-left-radius: var(--theme-form-title-bottom-left-corner-radius);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  border-bottom-right-radius: var(--theme-form-title-bottom-right-corner-radius);
}