department-of-veterans-affairs/vets-website

/* 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;
}

/* 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 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;

    .widget-checkbox-wrap {
      margin: 0;
      width: 3.125rem;
      min-width: 3.125rem;

      label {
        margin-top: 0;
      }

      /* contestable issues widget - copy uswds v3 style */
      label:before {
        box-shadow: rgb(27, 27, 27) 0px 0px 0px 2px;
      }

      [type="checkbox"] {
        width: 1.125rem;
        height: 1.125rem;
        margin: 0;
      }
    }

    .widget-content {
      width: 100%;
      margin-inline-start: 0; /* override user agent */
      text-align: left;
      margin: 0;
    }
    .widget-content.widget-edit {
      margin-top: 0;
      margin-right: 0;
      display: flex;

      .widget-content-wrap {
        margin-top: 1.875rem;
        margin-right: 0.3125rem;
        width: 100%;
      }

      .edit {
        margin-top: 1.25rem;
        /* position the edit button above the overlapping label */
        position: relative;
        z-index: 1;
        align-self: center;
      }
    }
    .edit-issue-link:visited {
      color: inherit;
    }
  }

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

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

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

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