@randstad-design/orbit-multitheme/dist/assets/theme-randstad/components/pagination.css

multitheme Front-end code based on Randstad Human Forward components

.block__content .pagination {
  margin-top: 30px;
  padding-top: 30px; }
  @media (min-width: 941px) {
    .block__content .pagination {
      margin-top: 50px;
      padding-top: 50px; } }

.pagination__list {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px; }

.pagination__item > a,
.pagination__item > span {
  display: block;
  min-width: 30px;
  padding: 0 10px;
  text-align: center; }

.pagination__control .icon {
  top: 3px; }

@media (max-width: 374px) {
  .pagination__list--s .pagination__item:nth-child(2) {
    display: none; } }

@media (max-width: 940px) {
  .pagination__list--s {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 30px;
    margin-left: -5px; }
    .pagination__list--s .pagination__item > a,
    .pagination__list--s .pagination__item > span {
      padding: 0 5px; }
    .pagination__list--s__control .icon {
      top: 4px; } }

.bg-brand--dark-blue .pagination__control .icon {
  color: #2175d9; }

.bg-brand--turquoise .pagination__control .icon,
.bg-brand--yellow .pagination__control .icon {
  color: #f7f5f0; }

.bg-brand--red .pagination__control .icon {
  color: #0f1941; }

.bg-brand--blue .pagination__item > a,
.bg-brand--dark-blue .pagination__item > a,
.bg-brand--turquoise .pagination__item > a,
.bg-brand--yellow .pagination__item > a,
.bg-brand--red .pagination__item > a {
  text-decoration: underline; }

.bg-brand--turquoise .pagination {
  color: #0f1941; }

.pagination__item {
  color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .pagination__item {
    color: var(--color-white); }
  .bg-variant-brand-secondary .pagination__item {
    color: var(--color-white); }
  .bg-variant-brand-tertiary .pagination__item {
    color: var(--color-brand-secondary); }
  .bg-variant-white .pagination__item {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quaternary .pagination__item {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-quinary .pagination__item {
    color: var(--color-brand-secondary-shade-180); }
  .bg-variant-brand-senary .pagination__item {
    color: var(--color-brand-secondary); }
  .bg-variant-brand-primary .pagination__item a {
    text-decoration: underline; }
  .bg-variant-brand-secondary .pagination__item a {
    text-decoration: underline; }
  .bg-variant-brand-quaternary .pagination__item a {
    text-decoration: underline; }
  .bg-variant-brand-senary .pagination__item a {
    text-decoration: underline; }
  .bg-variant-brand-quinary .pagination__item a {
    text-decoration: underline; }

/*# sourceMappingURL=pagination.css.map */