/**
 * @file
 * Section 14: Webform edits.
 *
 * Split from css/staged-edits-from-gui.css (see docs/Theme updates.md for
 * the full split file list).
 */

/* Telephone field width */
.webform-type-tel label,
.iti.iti--allow-dropdown {
  width: 100%;
}

/* Webform action buttons centered */
.webform-submission-form #edit-actions {
  display: flex;
  justify-content: center;
}

.webform-submission-form #edit-actions>* {
  margin: 0 0.25rem;
}

/* Solve contact form jump past intro text */
.webform-submission-form {
  scroll-margin-top: 0;
}

/* Webform: hide duplicate H1 */
.node--type-webform h1 {
  display: none;
}

/* Webform Lables font size */
@media (min-width: 1200px) {
  .webform-submission-form label {
    font-size: 1.5rem;
  }
}

.webform-submission-form label {
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
}

/* Webform checkbox border */
/* @Nina --bs-border-width is set to white for some reason, that matches the site background by default.
          but not I don't have time check right now. user for maybe? */
.form-check-input {
  border-color: var(--bs-gray-400);
}