/* VelaKiss v1.1.37 — 10px section tops and clearer form fields */
.vk-contact-intro {
  padding: 10px 7vw 36px;
}

.vk-contact-form-section {
  padding: 10px 7vw 48px;
  align-items: start;
}

.vk-contact-form-card {
  padding: clamp(24px, 3vw, 44px);
}

.vk-contact-form-card .wpcf7-form {
  align-content: start;
}

.vk-contact-form-card .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.vk-contact-form-card input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.vk-contact-form-card select,
.vk-contact-form-card textarea {
  width: 100% !important;
  margin-top: 9px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(20,36,43,.46) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--vk-ink) !important;
}

.vk-contact-form-card input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.vk-contact-form-card select {
  height: 50px !important;
  min-height: 50px !important;
}

.vk-contact-form-card textarea {
  height: 150px !important;
  min-height: 150px !important;
}

.vk-contact-form-card input:focus,
.vk-contact-form-card select:focus,
.vk-contact-form-card textarea:focus {
  border-color: var(--vk-gold) !important;
  outline: 2px solid rgba(168,135,73,.14) !important;
  outline-offset: 0;
}

@media (max-width: 900px) {
  .vk-contact-intro {
    padding: 10px 7vw 36px;
  }

  .vk-contact-form-section {
    padding: 10px 7vw 44px;
  }
}

@media (max-width: 600px) {
  .vk-contact-intro {
    padding: 10px 20px 34px;
  }

  .vk-contact-form-section {
    padding: 10px 20px 38px;
  }

  .vk-contact-form-card {
    padding: 22px 16px;
  }
}