.lorien-form {
  --gap: 50px;
  --rowGap: 20px;
  --inputHeight: 60px;
  --inputFontSize: var(--color-default);
  --inputFontSize: 16;
  --inputBorderColor: 235, 229, 217;
  --inputBorderRadius: 100px;
  --inputBorderWidth: 1px;
  --inputPaddingX: 25px;
  --inputPaddingY: 5px;
  --labelFontColor: 20;
  --labelFontSize: 16;
  --labelFontWeidht: 800;
  --labelPaddingX: 0;
  --labelPaddingY: 10px;
  --checkboxSize: 30px;
  --checkboxBorderRadius: 5px;
  --textareaBorderRadius: 30px;
  --textAreaPaddingX: 25px;
  --textAreaPaddingY: 20px;
}
@media (min-width: 640px) {
  .lorien-form {
    --gap: 50px;
    --rowGap: 30px;
    --inputHeight: 100px;
    --inputFontSize: 20;
    --inputPaddingX: 40px;
    --labelFontSize: 20;
    --labelPaddingX: 40px;
    --textareaBorderRadius: 54px;
    --textAreaPaddingX: 40px;
    --textAreaPaddingY: 30px;
  }
}
.lorien-form .gform-theme--foundation .gform_fields {
  row-gap: var(--rowGap);
}
.lorien-form .gform-theme--foundation .gfield .gfield_label {
  color: rgb(var(--labelFontColor));
  font-size: calc(var(--labelFontSize) / var(--base) * 1rem);
  font-weight: var(--labelFontWeidht);
  padding: var(--labelPaddingY) var(--labelPaddingX);
}
.lorien-form .gform-theme--foundation .gfield input,
.lorien-form .gform-theme--foundation .gfield textarea,
.lorien-form .gform-theme--foundation .gfield select,
.lorien-form .gform-theme--foundation .gfield .ginput_password {
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  border-color: rgb(var(--inputBorderColor));
  border-radius: var(--inputBorderRadius, 0);
  border-width: var(--inputBorderWidth);
  color: rgb(var(--inputFontColor));
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--inputFontSize) / var(--base) * 1rem);
  height: var(--inputHeight);
  padding: var(--inputPaddingY) var(--inputPaddingX);
}
.lorien-form .gform-theme--foundation .gfield textarea {
  border-radius: var(--textareaBorderRadius);
  padding: var(--textAreaPaddingY) var(--textAreaPaddingX);
}
.lorien-form .gform-theme--foundation .gfield select {
  background-position: calc(100% - var(--inputPaddingX)) center;
  background-size: 15px;
}
.lorien-form .gform-theme--foundation .gfield .gfield_checkbox > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.lorien-form .gform-theme--foundation .gfield input[type=checkbox] {
  border-radius: var(--checkboxBorderRadius);
  height: var(--checkboxSize);
  padding: 0;
  width: var(--checkboxSize);
}
.lorien-form .gform-theme--foundation .gfield.gfield--type-address .gform-grid-row {
  margin-inline: calc(var(--gap) * -1 / 2);
  row-gap: var(--rowGap);
}
.lorien-form .gform-theme--foundation .gfield.gfield--type-address .gform-grid-col {
  padding-inline: calc(var(--gap) / 2);
}
@media (min-width: 640px) {
  .lorien-form .gform-theme--foundation .gfield.gfield--type-address .ginput_address_city,
  .lorien-form .gform-theme--foundation .gfield.gfield--type-address .ginput_address_state,
  .lorien-form .gform-theme--foundation .gfield.gfield--type-address .ginput_address_zip {
    width: 33.33333%;
  }
}
.lorien-form .gform-theme--foundation .gform-footer.gform_footer .button {
  margin: 0 auto !important;
  background-color: transparent !important;
  border: 2px solid rgb(var(--color-primary)) !important;
  border-radius: 50px !important;
  color: rgb(var(--color-default)) !important;
  font-size: calc(20 / var(--base) * 1rem) !important;
  font-weight: 800 !important;
  padding: 30px 100px !important;
  margin-top: 20px !important;
}
@media (pointer: fine) {
  .lorien-form .gform-theme--foundation .gform-footer.gform_footer .button:hover {
    background-color: rgb(var(--color-primary)) !important;
    color: rgb(var(--color-light)) !important;
  }
}
@media (min-width: 649px) {
  .lorien-form .gform-theme--foundation .gform_fields {
    column-gap: var(--gap);
  }
}