/** Plugin | Contact Form 7 **/
.cf7-custom {
  width: 100%;
  margin: 0 auto;
  --form-gap: 20px;
}

.cf7-custom .cf7-row {
  width: 100%;
  margin-bottom: var(--form-gap);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: var(--form-gap);
}

.cf7-custom .cf7-row:last-child {
  margin-bottom: 0;
}

.cf7-custom .cf7-row [class*="col-"] {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Generale */
.cf7-custom .cf7-row [class*="col-"]>*:not(input[type="checkbox"]):not(.wpcf7-submit):not(.wpcf7-spinner) {
  width: 100%;
}

.cf7-custom .cf7-row [class*="col-"] p,
.cf7-custom .cf7-row [class*="col-"] p *,
.cf7-custom .cf7-row [class*="col-"] h1,
.cf7-custom .cf7-row [class*="col-"] h1 *,
.cf7-custom .cf7-row [class*="col-"] h2,
.cf7-custom .cf7-row [class*="col-"] h2 *,
.cf7-custom .cf7-row [class*="col-"] h3,
.cf7-custom .cf7-row [class*="col-"] h3 *,
.cf7-custom .cf7-row [class*="col-"] h4,
.cf7-custom .cf7-row [class*="col-"] h4 *,
.cf7-custom .cf7-row [class*="col-"] h5,
.cf7-custom .cf7-row [class*="col-"] h5 *,
.cf7-custom .cf7-row [class*="col-"] h6,
.cf7-custom .cf7-row [class*="col-"] h6 * {
  margin: 0;
}

.cf7-custom .cf7-row input,
.cf7-custom .cf7-row label {
  margin-bottom: 0;
}

.cf7-custom .cf7-row label {
  line-height: 1.3;
}

/* Radio */
.cf7-custom .cf7-row [class*="col-"] .wpcf7-radio,
.cf7-custom .cf7-row [class*="col-"] .wpcf7-radio * {
  width: auto !important;
}

.cf7-custom .cf7-row [class*="col-"] .wpcf7-radio .wpcf7-list-item {
  margin: 5px;
}

/* Submit */
.cf7-custom .submit .wpcf7-submit {
  width: 50%;
}

/* Label */
.cf7-custom .wpcf7-not-valid-tip {
  font-size: 75%;
}

/* Newsletter */
.cf7-custom.cf7-newsletter .cf7-row {
  margin-bottom: calc(var(--form-gap) / 2);
}

/** Computer **/
@media only screen and (min-width: 768px) {
  .cf7-custom .cf7-row .col-1 {
    width: calc(8.3333% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-2 {
    width: calc(16.6666% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-3 {
    width: calc(25% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-4 {
    width: calc(33.3333% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-5 {
    width: calc(41.6666% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-6 {
    width: calc(50% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-7 {
    width: calc(58.3333% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-8 {
    width: calc(66.6666% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-9 {
    width: calc(75% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-10 {
    width: calc(83.3333% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-11 {
    width: calc(91.6666% - (var(--form-gap) / 2));
  }

  .cf7-custom .cf7-row .col-12 {
    width: 100%;
  }
}