/* Custom color palette overrides */
:root {
  --nwhs-gold: #cfa861;
  --nwhs-dark-gray: #4c4c4c;
  --nwhs-light-green: #9dc13b;
  --nwhs-dark-green: #6ca242;
  --nwhs-cream: #faf7f3;
}

/* Badge color overrides */
.badge.bg-success {
  background-color: var(--nwhs-dark-green) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0.125rem !important;
}

.badge.bg-primary {
  background-color: var(--nwhs-dark-green) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0.125rem !important;
}

.badge.bg-secondary {
  background-color: var(--nwhs-dark-green) !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  padding: 0.5rem 0.75rem !important;
  margin: 0.125rem !important;
}

.badge.bg-warning {
  background-color: var(--nwhs-light-green) !important;
  color: var(--nwhs-dark-gray) !important;
  font-weight: normal !important;
  margin: 0.125rem !important;
}

/* Button color overrides */
.btn-primary {
  background-color: var(--nwhs-gold);
  border-color: var(--nwhs-gold);
  color: #fff;
}

.btn-primary:hover {
  background-color: #b89450;
  border-color: #b89450;
  color: #000;
}

.btn-outline-primary {
  border-color: var(--nwhs-gold);
  color: var(--nwhs-gold);
}

.btn-outline-primary:hover {
  background-color: var(--nwhs-gold);
  border-color: var(--nwhs-gold);
  color: #000;
}

.btn-success {
  background-color: var(--nwhs-dark-green);
  border-color: var(--nwhs-dark-green);
}

.btn-success:hover {
  background-color: #5a8c37;
  border-color: #5a8c37;
}

.btn-outline-success {
  border-color: var(--nwhs-dark-green);
  color: var(--nwhs-dark-green);
}

.btn-outline-success:hover {
  background-color: var(--nwhs-dark-green);
  border-color: var(--nwhs-dark-green);
  color: #fff;
}

.btn-outline-secondary {
  border-color: var(--nwhs-dark-gray);
  color: var(--nwhs-dark-gray);
}

.btn-outline-secondary:hover {
  background-color: var(--nwhs-dark-gray);
  border-color: var(--nwhs-dark-gray);
  color: #fff;
}

/* Card header overrides */
.card-header.bg-primary {
  background-color: var(--nwhs-gold) !important;
  color: #000 !important;
}

.card-header.bg-success {
  background-color: var(--nwhs-dark-green) !important;
}

/* Filter form styles */
.news-events__filters .form-check {
  margin-bottom: 0.35rem;
}

.news-events__year-list {
  max-height: 240px;
  overflow-y: auto;
  padding-right: 0.25rem;
}

.news-events__item-image img {
  object-fit: cover;
  height: 220px;
}

.news-events__item.card {
  border: none;
}

.news-events__item.card .card-body {
  padding: 1.75rem;
}

.news-events__item--sticky {
  border-left: 4px solid #cfa861;
}

.news-events__item .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-events__hero img {
  width: 100%;
  height: auto;
}

.news-events__hero-credit a {
  text-decoration: none;
}

.news-events__hero-credit a:hover {
  text-decoration: underline;
}

.news-events__detail .rte-content img {
  max-width: 100%;
  height: auto;
}

/* Recent items plugin styles */
.recent-items-plugin .row {
  row-gap: 1.5rem;
}

.recent-items-plugin .card {
  border: none;
}

.recent-items-plugin .card-body {
  padding: 1.5rem;
}

.recent-items-plugin .news-events__item-image img {
  object-fit: cover;
  height: 220px;
}

.recent-items-plugin .news-events__item--sticky {
  border-left: 4px solid #cfa861;
}

/* Category pill styles for recent items plugin */
.recent-items-plugin .badge.rounded-pill {
  background-color: #fff !important;
  color: var(--nwhs-dark-green) !important;
  border: 1px solid var(--nwhs-dark-green) !important;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  padding: 0.25rem 0.65rem !important;
  margin: 0 0.25rem 0 0 !important;
}