/* ==========================================================================
CHS IN THE MEDIA FEED CSS FOR ALL COMPASS SITES
========================================================================== */
/* text/sidebar */
.chsIntheMedia__sidebar {
  background-color: #006894;
  padding: 0.5rem 1rem;
  border-color: rgba(0, 0, 0, 0.125);
}

.chsIntheMedia__sidebar,
.chsIntheMedia__sidebar__list a {
  color: #fff;
}

.chsIntheMedia__sidebar__header {
  color: #f8b300;
  margin-bottom: 1rem;
}

.chsIntheMedia__sidebar__list {
  list-style: none;
  padding: 0;
}

.chsIntheMedia__sidebar__list li {
  margin-bottom: 1rem;
}

.chsIntheMedia__sidebar__button {
  margin-bottom: 1rem;
  --cwf-button--background-color: #fff;
  --cwf-button--border-color: #757575;
  --cwf-button--color: #006894;
  --cwf-button--active--background-color: #0093d2;
  --cwf-button--active--color: #333;
  --cwf-button--hover-focus--background-color: #f8b300;
  --cwf-button--hover-focus--color: #333;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1399px) {
  .chsIntheMedia__sidebar__button {
    text-align: left;
  }
}

.chsIntheMedia__sidebar__button a {
  background-color: var(--cwf-button--background-color) !important;
  border: 1px solid var(--cwf-button--border-color);
  color: var(--cwf-button--color) !important;
  --cwf-link--color: var(--cwf-card--link-color);
  --cwf-link--active--color: var(--cwf-card--link-color);
}

.chsIntheMedia__sidebar__button a:hover,
.chsIntheMedia__sidebar__button a:active {
  border-color: #4c4c4c;
}