/* style guide CSS additions / tweaks */
h1 {
  color: #000;
  font-size: 2rem;
  line-height: 104%;
  margin-bottom: 2.25rem;
}

@media screen and (min-width: 44em) {
  h1 {
    font-size: 2.875rem;
  }
}

.basic-text p.warning, .validatorError, .errorInline {
  color: #c00;
}

/* fixes error styles on blue background */
.table-filters .errorInline, .table-filters .validatorError {
    color: #fff;
    background-color: #c00;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
}

.errorInlineCC {
  font-weight: normal;
  color: #c00 !important;
}

/* search form */

/* style fixes to <select> elements */
.form-select {
  background-color: #fff;
}

.table-filters .form-select:focus {
    color: #333;
}
.table-filters .form-item.is-focused .form-item__text, .table-filters .form-item__text:focus {
    border-color: #0086B3;
}

/* fixes the alignment of Group size and Contribution */
.l-grid__col .form-item--inline {
  vertical-align: top;
}

.form-item--inline:not(:last-of-type) {
  margin-right: 1rem;
}

/* search results */
.result {
  background: #eee;
  padding: 1.5rem 2rem;
  margin: 0 0 1.5rem;
}

h3.result-title {
    margin-bottom: 0;
}

dl.result-details {
  margin: 0;
  padding: 0;
}

.result-details--item, .result-action {
  padding: 1em 0 0;
}

dl.result-details dt {
  font-weight: 700;
}

dl.result-details dt, dl.result-details dd {
  padding: 0;
  margin: 0;
  text-indent: 0;
}

@media screen and (min-width: 55em) {
  .result-details--item {
    display: flex;
  }

  dl.result-details dt {
    min-width: 25%;
  }
}

.result-notice {
  padding: 1em;
  margin: 1em auto;
  font-weight: bold;
}

/* some contents of former /cd/css/formDotcss, modified colors for brand compliance and otherwise left here Just In Case */
p.message {
  padding: 7px 25px;
  margin: 5px 0;
  background: #eee;
  display: block;
}

.note, .labelNote {
  font-size: .8em;
}

.requiredMark, .requiredText {
  font-weight: bold;
  color: #c00;
}

.topMessage {
  font-weight: bold;
  color: #c00;
  margin: 0 0 10px 0;
  display: block;
}

.formError {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin: 5px 0 0 5px;
}