/* FILE UPLOAD BASE STYLING */

.form-type-webform-document-file,
.form-type-managed-file {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  clear: both !important;
  float: none !important;
  display: block !important;
}

.form-type-webform-document-file > label,
.form-type-managed-file > label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.form-type-webform-document-file .form-managed-file,
.form-type-managed-file .form-managed-file {
  margin-top: 8px !important;
  padding-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.form-type-webform-document-file input[type="file"],
.form-type-managed-file input[type="file"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}


/*UPLOADED FILE DISPLAY*/

.form-managed-file {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.form-managed-file a,
.form-type-webform-document-file a,
.form-type-managed-file a {
  font-size: 14px !important;
  line-height: 1.5 !important;
  word-break: break-word !important;
}

.form-managed-file .file-size,
.form-type-webform-document-file .file-size,
.form-type-managed-file .file-size {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.form-managed-file,
.form-managed-file *,
.form-type-webform-document-file .file,
.form-type-webform-document-file .file *,
.form-type-managed-file .file,
.form-type-managed-file .file * {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.form-managed-file input[type="submit"],
.form-managed-file button {
  font-size: 14px !important;
  width: auto !important;
  max-width: 100% !important;
}


/*REMOVE CONTACT INFO BOX */

.contact-us-page .contact-us_wrapper .info_wrapper {
  display: none !important;
}

.contact-us-page .contact-us_wrapper .webform-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.contact-us-page .contact-us_wrapper {
  width: 100% !important;
  display: block !important;
}


/* =========================
   FILE FIELD LAYOUT
   ========================= */

/*
   Each AJAX wrapper gets its own row.
   :has() targets the wrapper based on the actual field inside,
   so this keeps working after Drupal AJAX rebuilds the upload field.
*/

[id^="ajax-wrapper"]:has(.form-item-lsyr-ldhty),
[id^="ajax-wrapper"]:has(.form-item-khtb-ltdryb),
[id^="ajax-wrapper"]:has(.form-item-lsjl-l-kdymy) {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  clear: both !important;
}


/*
   Make each upload approximately the same width
   as one normal form column.
*/

.form-item-lsyr-ldhty,
.form-item-khtb-ltdryb,
.form-item-lsjl-l-kdymy {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;

 margin-left: auto !important;
 margin-right: 0 !important;

  float: none !important;
  clear: both !important;
  display: block !important;
}


/* Upload control fills its field width */

.form-item-lsyr-ldhty .form-managed-file,
.form-item-khtb-ltdryb .form-managed-file,
.form-item-lsjl-l-kdymy .form-managed-file {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .form-item-lsyr-ldhty,
  .form-item-khtb-ltdryb,
  .form-item-lsjl-l-kdymy {
    width: 100% !important;
    max-width: 100% !important;
  }
}