@import '../../shared/styles/variables';

.responses-list-header {
  font-size: 18px;
  padding: 0.2em 0;
  margin: 3em 0 1.1em 0;
  color: #253137;
  font-weight: normal;
}

:host .zippy-title {
  font-family: $headers-font, $headers-font-family;
}

.header-name {
  font-weight: bold;
  display: inline-block;
}

.header-type {
  display: inline-block;
  font-weight: bold;
  color: #999;
}

header {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;

  &:not(:first-child) {
    margin-top: 15px;
    margin-bottom: 0;
  }
}

.header {
  margin-bottom: 10px;
}
