.site-grid {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,20rem)) [main-end] minmax(0,1fr) [full-end];
}

.header {
  background: #0000;
}

.card-header {
  border-style: none;
}

.sidebar-left.card {
  font-weight: bold;
  font-size: 25px;
  height: 80px
}

/* ordering fix for mobile display */
@media (max-width: 1000px) {
	.site-grid {
		grid-template-areas: 
			". banner banner banner banner ." 
            ". top-a top-a top-a top-a ." 
			". top-b top-b top-b top-b ." 
			". side-l side-l side-l side-l ." 
			". comp comp comp comp ." 
            ". side-r side-r side-r side-r ." 
			". bot-a bot-a bot-a bot-a ." 
			". bot-b bot-b bot-b bot-b .";
	}
}

.sidebar-right.card {
  border-style: none;
}

.card-body {
  text-align: right;
}

:root {
  --body-bg: #000000;
}

.sidebar-left.card {
  border-style: none;
}

.pg-category-box-count {
  padding: 10px
}

span.pg-category-box-count {
  color: #ffffff;
}

.ph-si-back-medium {
  background: #000000;
}

.pagination {
  color: #ffffff;
}

.active.page-item {
  color: #888888;
  border-style: dotted;
}