.slice {
  padding-top: var(--spacing-xlarge);
  color: var(--color-white);
  background-color: var(--color-primary-b);
}

.slice--bg-1,
.slice--bg-4,
.slice--bg-5 {
  color: var(--color-black);
}

.slice--bg-2,
.slice--bg-3,
.slice--bg-6 {
  color: var(--color-white);
}

.slice--bg-1,
.slice--bg-1 + .views-element-container .view,
.slice--bg-1 + .block-views .view {
  background-color: var(--color-secondary-b);
}

.slice--bg-2,
.slice--bg-2 + .views-element-container .view,
.slice--bg-2 + .block-views .view {
  background-color: var(--color-primary-b);
}

.slice--bg-3,
.slice--bg-3 + .block-views .view {
  background-color: var(--color-primary-a);
}

.slice--bg-4,
.slice--bg-4 + .block-views .view {
  background-color: var(--color-grey-light-a);
}

.slice--bg-5,
.slice--bg-5 + .block-views .view {
  background-color: var(--color-white);
}

.slice--bg-5 +.block-views .view .card {
  box-shadow: var(--box-shadow);
}

.slice--bg-6,
.slice--bg-6 + .block-views .view {
  background-color: var(--color-black);
}

.slice__title > * {
  margin-bottom: 0;
}

/* Pagination on light bg */
.slice--bg-1 + .block-views .view .pager__items,
.slice--bg-4 + .block-views .view .pager__items,
.slice--bg-5 + .block-views .view .pager__items {
  color: var(--color-black);
}

.slice--bg-1 + .block-views .view .pager__items a,
.slice--bg-4 + .block-views .view .pager__items a,
.slice--bg-5 + .block-views .view .pager__items a {
  color: var(--color-black);
}

.slice--bg-1 + .block-views .view .pager__item--first a,
.slice--bg-1 + .block-views .view .pager__item--previous a,
.slice--bg-1 + .block-views .view .pager__item--next a,
.slice--bg-1 + .block-views .view .pager__item--last a {
  border-color: var(--color-black);
}

.slice--bg-4 + .block-views .view .pager__item--first a,
.slice--bg-4 + .block-views .view .pager__item--previous a,
.slice--bg-4 + .block-views .view .pager__item--next a,
.slice--bg-4 + .block-views .view .pager__item--last a {
  border-color: var(--color-black);
}

.slice--bg-5 + .block-views .view .pager__item--first a,
.slice--bg-5 + .block-views .view .pager__item--previous a,
.slice--bg-5 + .block-views .view .pager__item--next a,
.slice--bg-5 + .block-views .view .pager__item--last a {
  border-color: var(--color-black);
}