/* 1e. Forms */








































:root {
  --theme-form-title-font: {font=Playpen Sans, font_set=GOOGLE, styles={font-family='Playpen Sans', font-style=normal, font-weight=700, text-decoration=none}, size=30, size_unit=px, color=#ffffff, variant=700, fallback=null, style=font-family: 'Playpen Sans'; font-style: normal; font-weight: 700; text-decoration: none, css=color: #ffffff;font-size: 30px;font-family: 'Playpen Sans'; font-weight: 700;};
  --theme-form-title-bg-color: 

  
  
    
  


  rgba(#null, 0.0)

;
  --theme-form-title-spacing: padding: 0px;
;
  --theme-form-title-border: border: 0px none ;
;
  --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: ;
  --theme-form-help-text-font-color: ;

  --theme-form-field-placeholder-color: ;
  --theme-form-field-font-color: #000000;
  --theme-form-field-bg-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --theme-form-field-border: border: 0px solid #D1D6DC;
;
  --theme-form-field-corner-radius: 0px;

  --theme-form-bg-color: 

  
  
    
  


  rgba(#null, 1.0)

;
  --theme-form-padding: padding: 0px;
;
  --theme-form-border: border: 0px none ;
;
  --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=Playpen Sans, font_set=GOOGLE, styles={font-family='Playpen Sans', cursive, font-style=normal, font-weight=normal, text-decoration=none}, size=22, size_unit=px, color=#FFFFFF, variant=null, fallback=cursive, style=font-family: 'Playpen Sans', cursive; font-style: normal; font-weight: normal; text-decoration: none, css=color: #FFFFFF;font-size: 22px;font-family: 'Playpen Sans', cursive;};
  --theme-form-submit-button-border: border: 0px none ;
;
  --theme-form-submit-button-bg-color: 

  
  
    
  


  rgba(#null, 1.0)

;
  --theme-form-submit-button-bg-color-hover: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  --theme-form-submit-button-border-hover: border: 0px none #1a334e;
;
  --theme-form-submit-button-color-hover: #ffffff; 
}


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

  border: 0px none ;

  .hs-button {
    border: 0px none ;

    padding-top: 10px;
padding-right: 23px;
padding-bottom: 10px;
padding-left: 23px;

    {font=Playpen Sans, font_set=GOOGLE, styles={font-family='Playpen Sans', cursive, font-style=normal, font-weight=normal, text-decoration=none}, size=22, size_unit=px, color=#FFFFFF, variant=null, fallback=cursive, style=font-family: 'Playpen Sans', cursive; font-style: normal; font-weight: normal; text-decoration: none, css=color: #FFFFFF;font-size: 22px;font-family: 'Playpen Sans', cursive;}
  }
}

form[class^='hs-form-'] fieldset[class^='form-columns'] .field.hs-form-field .hs-input {
  border: 0px solid #D1D6DC;

}

form[class*='hsForm_'] {
  fieldset .field.hs-form-field {
    .input textarea {
      min-height: 140px;
    }
  }

  /* css label */
  .hs-form-field {
    label {
      color:  var(--text-color);
    }
  }
}

/* css field */
form[class^='hs-form-'] .field.hs-form-field .hs-input,
form[class^='hs-form-'] fieldset[class^='form-columns'] .field.hs-form-field .hs-input {
  padding: 15px;
  border-radius: var(--theme-form-field-corner-radius, 0);
  background-color: var(--theme-form-field-bg-color, var(--color-white));
  color:  var(--text-color);
}
  
/* css form */
form[class^='hs-form-'] {
  background-color: var(--theme-form-bg-color);
  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);
  
  /* css button submit */
  input.hs-button {
    color: var(--theme-form-submit-button-color, var(--text-color));
    background-color: var(--theme-form-submit-button-bg-color, var(#3997fc));
  
    &: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-input::placeholder {
    color: var(--theme-form-field-placeholder-color, var(--color-black));
  }
  
  .hs-field-desc {
    color: var(--theme-form-help-text-font-color, var(--color-white));
  }
}


.form-title {
  display: none;
  border: 0px none ;

  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);
}


.hs_cos_wrapper_type_form{
    display: block;
    position: relative;
    width: 100%;
    padding: 20px;
}