/* ==========================================================================
   PHARMACY IN THE MEDIA FEED CSS
========================================================================== */
/* text/sidebar */
.pharmIntheMedia__sidebar {
    padding: 0.5rem 1rem;
    border: 2px solid var(--vcu-gold);
    background-color: var(--vcu-black);
  }

  .pharmIntheMedia__sidebar,
  .pharmIntheMedia__sidebar__list a {
    color: var(--vcu-gold);
  }
  
  .pharmIntheMedia__sidebar__header {
    margin-bottom: 1rem;
    color: var(--vcu-white);
  }
  
  .pharmIntheMedia__sidebar__list {
    list-style: none;
    padding: 0;
  }
  
  .pharmIntheMedia__sidebar__list li {
    margin-bottom: 1rem;
    color: var(--vcu-white);
  }
  
  .pharmIntheMedia__sidebar__button {
    margin-bottom: 1rem;
    --cwf-button--background-color: var(--vcu-white);
    --cwf-button--border-color: var(--vcu-gold);
    text-align: center;
  }
  
  @media (min-width: 768px) and (max-width: 1399px) {
    .pharmIntheMedia__sidebar__button {
      text-align: left;
    }
  }
  
  .pharmIntheMedia__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);
  }

@media (min-width: 1280px) {
  .pharmIntheMedia__sidebar__header {
    text-align: center;
  }
}