/* General Gravity Forms styles */

/* Inputs */


.gform_wrapper.gform-theme form input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 10px;
  border: 1px solid #9d9d9d;
  font-size: 14px;
  box-shadow: none;
  background-color: transparent;
}
.gform_wrapper.gform-theme form input::placeholder {
  color: #7a7a7a;
}
.gform_wrapper.gform-theme form input:focus {
  border: 2px solid #9d9d9d;
}

/*
 * Compact single-row layout (email + inline submit, full width).
 * Use either:
 * - A parent with class "one-line" (e.g. <div class="security-form one-line">), or
 * - Gravity Forms → Form → CSS Class Name: "one-line" or "younical-gform-inline" on the wrapper.
 * Field widths: use GF layout classes such as gfield--width-seven-twelfths + gfield--width-five-twelfths.
 */
:is(.one-line .gform_wrapper, .gform_wrapper.one-line),
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) {
  width: 100%;
  max-width: none;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) form,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) form {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 10px 0 0;
  font-family: "Manrope", sans-serif;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_body,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_body {
  width: 100%;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields > .gfield,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields > .gfield {
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
}

/* Match Gravity Forms 7/12 + 5/12 (or similar) proportions on one row */
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--width-seven-twelfths,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--width-seven-twelfths {
  flex: 7 1 0%;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--width-five-twelfths,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--width-five-twelfths {
  flex: 5 1 0%;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .ginput_container,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .ginput_container {
  width: 100%;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .hidden_label .gfield_label,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .hidden_label .gfield_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields input[type="email"],
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields input[type="text"],
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields input[type="tel"],
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields input[type="url"],
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields input[type="email"],
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields input[type="text"],
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields input[type="tel"],
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields input[type="url"] {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 13px;
  border-radius: 8px;
  border: 1px solid #9d9d9d;
  box-shadow: none;
  background-color: transparent;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit {
  display: flex;
  align-items: stretch;
}

/* Foundation theme: inline submit column only as wide as the button label */
.gform-theme--foundation #field_submit {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none;
  min-width: min-content;
}

.gform-theme--foundation #field_submit input[type="submit"],
.gform-theme--foundation #field_submit .gform_button {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none;
  min-width: min-content;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit input[type="submit"],
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit .gform_button,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit input[type="submit"],
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit .gform_button {
  flex: 1;
  width: 100%;
  min-width: 0;
  box-sizing: border-box !important;
  height: 40px;
  min-height: 40px;
  padding: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  border: none !important;
  background-color: #7c34ed !important;
  color: #fff !important;
  cursor: pointer;
  transition: filter 0.2s ease;
  font-family: "Manrope", sans-serif;
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit input[type="submit"]:hover:not(:disabled),
:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit .gform_button:hover:not(:disabled),
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit input[type="submit"]:hover:not(:disabled),
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit .gform_button:hover:not(:disabled) {
  filter: brightness(1.08);
}

:is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--type-submit input[type="submit"]:disabled,
:is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--type-submit input[type="submit"]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 600px) {
  :is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gform_fields,
  :is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gform_fields {
    flex-direction: column;
    flex-wrap: wrap;
  }

  :is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--width-seven-twelfths,
  :is(.one-line .gform_wrapper, .gform_wrapper.one-line) .gfield--width-five-twelfths,
  :is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--width-seven-twelfths,
  :is(.younical-gform-inline .gform_wrapper, .gform_wrapper.younical-gform-inline) .gfield--width-five-twelfths {
    flex: 1 1 100%;
    width: 100%;
  }

  .gform-theme--foundation #field_submit {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0;
  }

  .gform-theme--foundation #field_submit input[type="submit"],
  .gform-theme--foundation #field_submit .gform_button {
    width: 100% !important;
    min-width: 0;
  }
}


footer .top .column2 .gform_heading {
  display: none;
}
footer .top .column2 .gform_wrapper {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .top .column2 .gform_wrapper .gform_validation_errors {
  margin-bottom: 20px;
}
footer .top .column2 .gform_wrapper .gform_confirmation_message {
  color: white !important;
  font-size: calc(18px + 0.5vw);
  text-align: center !important;
}
footer .top .column2 form {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f6f5f4;
  padding: 40px 30px;
  border-radius: 15px;
  margin-top: 25px;
  font-family: "Manrope";
}
@media (max-width: 1100px) {
  footer .top .column2 form {
    padding: 30px 20px;
  }
}
footer .top .column2 form .gform_body {
  width: 100%;
}

footer .top .column2 form .gform_body .gform_fields {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

footer .top .column2 form textarea {
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #9d9d9d;
  max-height: 120px !important;
  resize: none;
  padding: 20px;
  font-size: 14px;
  outline: none;
  min-block-size: 0 !important;
  box-shadow: none;
}
footer .top .column2 form textarea::placeholder {
  color: #7a7a7a;
}
footer .top .column2 form textarea:focus {
  border: 2px solid #7a7a7a;
}
footer .top .column2 form .gfield--type-checkbox {
  margin-bottom: 25px;
}
footer .top .column2 form .gfield_checkbox .gchoice {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
footer .top .column2 form .gfield_checkbox a {
  font-weight: 800;
  color: #27272A;
  text-underline-offset: 3px;
  font-family: "Manrope" !important;
  transition: 300ms ease all;
}
footer .top .column2 form .gfield_checkbox a:hover, footer .top .column2 form .gfield_checkbox a:focus {
  outline: none;
  border: none;
  color: black;
}
footer .top .column2 form .gfield_checkbox input[type=checkbox] {
  width: 17px;
  height: 17px;
  padding: 0;
  border-radius: 2px !important;
}
footer .top .column2 form .gform_footer {
  margin: 0;
  display: flex;
  width: 100%;
}
footer .top .column2 form .gform_footer #gform-ajax-spinner,
footer .top .column2 form .gform_footer .gform_ajax_spinner,
footer .top .column2 form .gform_footer .gform-loader {
  display: none !important;
}
footer .top .column2 form .gform_footer input[type=submit] {
  background-color: #7C34ED !important;
  min-width: 140px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  transition: 300ms ease all;
  font-family: "Manrope";
}
@media (max-width: 767px) {
  footer .top .column2 form .gform_footer input[type=submit] {
    width: 100% !important;
  }
}
footer .top .column2 form .gform_footer input[type=submit]:hover {
  filter: brightness(110%);
}
footer .top .column2 form .gform_footer input[type=submit]:focus {
  border: none !important;
  outline: none !important;
}
