.news-items {
  margin-top: 32px;
}
.news-list {
  padding: 15px 0;
}

.news-list:hover,
.news-list:focus {
  background: #f3f3f3;
  border-radius: 6px;
}

.news-filters {
  border-radius: 6px;
  background-color: #829199;
  color: white;
  padding: 15px 20px 15px 45px;
}

.news-filters .row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.2);
  padding-left: calc(var(--bs-gutter-x) * 0.2);
}

.news-filters .input-group > .form-control {
  margin-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.news-filters form input,
.news-filters form select {
  padding: 11px 13px;
  margin-bottom: 12px;
}

.news-filters h2 {
  color: white;
}

.news-filters .btn-default {
  min-width: 84px;
  margin: 0 auto;
}

/* media breakpoint 767px */
@media (max-width: 767px) {
  .news-filters form.filters {
    margin-top: 16px;
  }
}

@media (max-width: 479px) {
  .news-filters form input,
  .news-filters form select {
    padding: 7px 9px;
    margin-bottom: 12px;
  }
  .news-filters .btn.btn-default {
    width: 100%;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}