/* IDSS Form styling to match Gravity Forms */
section.ekr-form .form-block .idss-form-container {
  width: 100%;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"],
section.ekr-form .form-block .idss-form-container form#idssForm.form {
  width: 100%;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__text,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__text {
  margin-bottom: 20px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__text p,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__text p {
  margin: 0 0 20px;
  line-height: 1.4;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .row,
section.ekr-form .form-block .idss-form-container form#idssForm.form .row {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .row .col,
section.ekr-form .form-block .idss-form-container form#idssForm.form .row .col {
  width: 100%;
  display: block;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__label,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__label {
  font-size: 18px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
  color: #001733;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__label label,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__label label {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  color: #001733;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__label .required-marker,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__label .required-marker {
  color: #f05a5c;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .form__label.required label,
section.ekr-form .form-block .idss-form-container form#idssForm.form .form__label.required label {
  font-weight: 600;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-field,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-field {
  width: 100%;
  margin-bottom: 0;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .instructions,
section.ekr-form .form-block .idss-form-container form#idssForm.form .instructions {
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 5px;
  font-style: italic;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-text,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-email,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-numeric,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-date,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="text"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="email"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="tel"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="number"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="date"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="time"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="url"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="file"],
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-text,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-email,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-numeric,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-date,
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="text"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="email"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="tel"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="number"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="date"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="time"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="url"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="file"] {
  width: 100%;
  padding: 28px;
  border: none;
  margin-bottom: 0;
  font-family: arboria, sans-serif;
  font-size: 16px;
  background: white;
  box-sizing: border-box;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-dropdown,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] select,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-dropdown,
section.ekr-form .form-block .idss-form-container form#idssForm.form select {
  width: 100%;
  padding: 28px;
  border: none;
  margin-bottom: 0;
  font-family: arboria, sans-serif;
  font-size: 16px;
  background: white;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23001733' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px;
  padding-right: 50px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-textarea,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] textarea,
section.ekr-form .form-block .idss-form-container form#idssForm.form .input-textarea,
section.ekr-form .form-block .idss-form-container form#idssForm.form textarea {
  width: 100%;
  padding: 28px;
  border: none;
  margin-bottom: 0;
  font-family: arboria, sans-serif;
  font-size: 16px;
  background: white;
  box-sizing: border-box;
  resize: vertical;
  min-height: 120px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .validation-message,
section.ekr-form .form-block .idss-form-container form#idssForm.form .validation-message {
  display: block;
  color: #f05a5c;
  font-size: 14px;
  margin-top: 5px;
}

/* Submit button styling to match .button */
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .btn,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button.btn,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button[type="button"].btn,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button[type="submit"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="submit"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .submit-button,
section.ekr-form .form-block .idss-form-container form#idssForm.form .btn,
section.ekr-form .form-block .idss-form-container form#idssForm.form button.btn,
section.ekr-form .form-block .idss-form-container form#idssForm.form button[type="button"].btn,
section.ekr-form .form-block .idss-form-container form#idssForm.form button[type="submit"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="submit"],
section.ekr-form .form-block .idss-form-container form#idssForm.form .submit-button {
  background: #f05a5c !important;
  border-radius: 0 !important;
  padding: 20px 40px !important;
  color: white;
  font-weight: 700;
  transition: 0.4s;
  box-shadow: 0 0 5px #f05a5c;
  width: auto;
  display: block;
  margin: 30px auto 20px;
  border: none;
  cursor: pointer;
  font-family: arboria, sans-serif;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .btn:hover,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button.btn:hover,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button[type="button"].btn:hover,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] button[type="submit"]:hover,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="submit"]:hover,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] .submit-button:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form .btn:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form button.btn:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form button[type="button"].btn:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form button[type="submit"]:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="submit"]:hover,
section.ekr-form .form-block .idss-form-container form#idssForm.form .submit-button:hover {
  color: white;
  text-decoration: none;
  box-shadow: 0 0 35px #f05a5c;
  opacity: 1;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] .required-marker,
section.ekr-form .form-block .idss-form-container form#idssForm.form .required-marker {
  display: inline-block;
  margin-left: 3px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="checkbox"],
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="radio"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="checkbox"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="radio"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  width: 20px;
  height: 20px;
  background: transparent;
  outline: 1px solid #000000;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="checkbox"]:checked + span::before,
section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="checkbox"]:checked + label::before,
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="checkbox"]:checked + span::before,
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="checkbox"]:checked + label::before {
  content: "\2714";
  font-size: 17px;
  color: #f05a5c;
  position: absolute;
  left: -17px;
  top: -6px;
}

section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="radio"],
section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="radio"] {
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  section.ekr-form .form-block .idss-form-container > div[id^="CC"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form {
    padding: 20px;
  }

  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-text,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-email,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-numeric,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-date,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-dropdown,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] .input-textarea,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="text"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="email"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="tel"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="number"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="date"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="time"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] input[type="url"],
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] textarea,
  section.ekr-form .form-block .idss-form-container > div[id^="CC"] select,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-text,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-email,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-numeric,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-date,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-dropdown,
  section.ekr-form .form-block .idss-form-container form#idssForm.form .input-textarea,
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="text"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="email"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="tel"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="number"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="date"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="time"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form input[type="url"],
  section.ekr-form .form-block .idss-form-container form#idssForm.form textarea,
  section.ekr-form .form-block .idss-form-container form#idssForm.form select {
    padding: 20px;
  }
}