/* Global */
.nowrap {
  white-space: nowrap;
}

.capitalize {
  text-transform: capitalize;
}

.review-row > dt {
  min-width: 40%;
}
.review-row > dd {
  word-break: break-word;
  min-width: 20%;
}
.word-break-all {
  word-break: break-all;
}
.overflow-wrap-word {
  overflow-wrap: break-word;
  word-break: break-word;
}

fieldset.vads-u-margin-y--2 {
  margin-top: 0 !important;
}

.remove-bullets {
  list-style: none;
  padding-left: 0;
  overflow-wrap: break-word;
}

/* hide breadcrumbs generated by CMS while we transition to in-app breadcrumbs */
#va-breadcrumbs {
  display: none;
}

/* area of disagreement input error removes top margin */
va-checkbox-group va-text-input[error]::part(label) {
  margin-top: 1.875rem;
}

/* Contested issue cards (contested issue page & review/submit page)
 * This could go in the schemaform css, it's used in form 526 & HLR
 */
 .issues {
  .widget-wrapper {
    .edit-issue-link:visited {
      color: inherit;
    }
  }

  .checkbox-hidden {
    .widget-content {
      margin: 1.25rem 0 0 0;
    }
  }
}

/* file upload with incorrect password and input error for missing password */
.schemaform-file-error va-text-input[error] {
  margin-left: -1.3rem;
}

article[data-location="review-and-submit"] {
  dd {
    word-break: break-word;
  }
}

/* Save in progress renders a div with a single br in it at the bottom of the
 * introduction page when you have an in in progress form; without this CSS, an
 * extra 56 pixels of whitespace is rendered below the process list
 */
.sip-wrapper br:only-child {
  display: none;
}

@media screen and (max-width: $small-screen) {
  dl.review .review-row > dd {
    text-align: left;
  }
}

@media print {
  body[data-location="confirmation"] {
    h1 {
      display: none;
    }
  }
}

li[id^="issue-"] va-checkbox::part(label) {
  font-weight: bold;
  font-family: "Bitter", serif;
  line-height: 0.5;
}