/* these are styles for the new prodyct listing page */

/* header section */

#site-header.bg-navigation .NavigationBar {
  background-color: #333;
  border-color: #333
}
#site-header.bg-navigation .border-b { 
  border-color: #444;
}
.BrowseProducts .BrowseProductsTitle {
  color: #ddd;
  margin: 1em 0 2em 0;
}

/* filter section */

.BrowseProducts .BrowseProductsFilters button,
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] button {
  background-color: #444;
  color: #eee;
  border-color: #777;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] button {
  border: none;
  font-size: 0.8em;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] button:hover {
  background-color: #555;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] button[aria-checked="true"],
.BrowseProducts .BrowseProductsFilters button[aria-checked="true"]
{
  background-color: rgb(195 154 59);
  border-color: rgb(195 154 59);
}
.BrowseProducts .CourseCategoriesFilterHeader {
  color: #ddd;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] {
  padding: 20px;
  border: 1px dashed #555;
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 20px;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] h2 + button {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0;
  background-color: #333;
  color: #fff;
  font-size: 1em;
  width: 100%
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] h2 + button:hover {
  color: rgb(195 154 59);
  background-color: #333;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] h2 + button:before {
  content: '❯';
  margin-right: 10px;
}
.BrowseProducts .BrowseProductsFilters + article[data-sentry-component="CourseCategoriesFilter"] h2 + button:after {
  content: '❮';
  margin-left: 10px;
}
.BrowseProducts #heap_product-search {
  background-color: #888;
  color: #fff
}
.BrowseProducts #heap_product-search::placeholder {
  color: #fff;
}
.BrowseProducts .BrowseProductsFilters .icon-search {
  position: relative;
  top: 4px;
  left: -3px;
  color: #fff;
}
.BrowseProducts section[data-sentry-component="LimitedCourseCategoriesDrawer"] > button {
  display: none;
}
#heap_author-filter {
  display: none;
}

/* product cards */

.BrowseProducts .ProductCard {
  background-color: #444;
  color: #eee;
  border-color: #555;
  
  p {
    color: #bbb;
  }
  b {
    background-color: red
  }
  div[data-sentry-element="CardContent"] > span {
    background-color: #555;
    color: #fff;
    border: none
  }
  div[data-sentry-element="CardContent"] > span:hover {
    background-color: #2DC482;
  }
}
.BrowseProducts .Pagination a{
  color: white;
}
.BrowseProducts .Pagination a[aria-current="page"] {
  background-color: rgb(195 154 59);
}
.BrowseProducts .ProductCatalogEmpty p{
  color: #eee;
}