/* WS FORM */
.vr-c-form__h3 {
  font-size: var(--text-xl);
  font-family: "Cabin Condensed", sans-serif;
  font-weight: 400;
}
.wsf-form {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  max-width: 690px;
}
.wsf-form label {
  color: var(--primary);
  display: inline;
  font-weight: 400;
  margin: 5px 10px 5px 0;
}
.wsf-form label:hover {
  cursor: pointer;
}
.wsf-form input {
  color: var(--primary-ultra-light);
  display: inline;
  font-weight: 400;
  margin: var(--space-s) 0 0;
  padding: 10px;
  background-color: var(--primary-trans-10);
  border: none;
  border-radius: var(--btn-radius);
  max-width: 600px;
  width: 100%;
}
.wsf-form input:hover {
  cursor: pointer;
}
.wsf-form input:focus {
  background-color: var(--action-trans-10);
}
.wsf-form textarea {
  background-color: var(--primary-trans-10);
  border: none;
  border-radius: var(--btn-radius);
  color: var(--primary-ultra-light);
  height: 100%;
  margin-top: var(--space-xs);
  min-height: 300px;
  padding: 10px;
  width: 100%;
}
.wsf-form textarea:focus {
  background-color: var(--action-trans-10);
}
.wsf-form [data-type="textarea"] {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.wsf-section {
  border: none;
  padding: 0px;
}
#ws-form-1 [class*="wsf-extra-small-"] {
  max-width: 100% !important;
}
.wsf-form input::placeholder, .wsf-form textarea::placeholder, input[value^="select date"] {
  font-weight: 400;
}
[data-type="checkbox"] label {
  color: var(--primary-ultra-light);
  padding-left: 10px;
}
.wsf-fields {
  font-weight: 400;
}
[data-type="texteditor"]:not(:first-of-type) {
  margin-block: var(--space-l) 0;
}
/* Style the input fields */
.wsf-form input:checked ~ label {
  color: var(--action);
}
.wsf-form input::placeholder, input[value^="select date"] {
  color: var(--primary-ultra-light);
  opacity: 1;
}
.wsf-form [data-type="textarea"] {
  margin-top: 10px;
}
input.wsf-field[type="checkbox"] {
  width: auto;
}
.wsf-form textarea::placeholder, input[value^="select date"] {
  color: var(--primary-ultra-light);
  opacity: 1;
}
.wsf-form p {
  font-weight: 500;
  margin: 0;
}
/* Style the submit button */
[data-type="submit"] {
  margin-top: var(--space-xl);
}
.wsf-invalid-feedback {
  color: #FACF66;
  margin-top: var(--space-xs);
}
.wsf-alert-success {
  color: var(--secondary-light);
  margin-top: var(--space-l);
}
/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  .wsf-form input {
    margin: 10px 0;
  }
  .wsf-form {
    flex-direction: column;
    align-items: stretch;
  }
}