.pagination { display: block; padding-top: var(--section_space); padding-bottom: var(--section_space); }
@media (max-width: 1079px) { .pagination { padding-top: calc(var(--section_space) - 15px); padding-bottom: calc(var(--section_space) - 15px); } }
@media (max-width: 699px) { .pagination { padding-top: calc(var(--section_space) - 25px); padding-bottom: calc(var(--section_space) - 25px); } }
.pagination .screen-reader-text { display: none; }
.pagination .nav-links { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.pagination a, .pagination span { background-color: var(--highlight); line-height: 56px; width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; color: white; margin: 0 4px; text-align: center; background-position: center; background-repeat: no-repeat; background-size: 50%; font-weight: 600; border-radius: 3px; }
.pagination a svg, .pagination span svg { display: inline-block; width: 20px; height: 20px; }
.pagination a.active, .pagination a.current, .pagination span.active, .pagination span.current { opacity: 0.4; cursor: default; }
.pagination a.active:hover, .pagination a.current:hover, .pagination span.active:hover, .pagination span.current:hover { background-color: var(--highlight); }
.pagination a.prev, .pagination a.next, .pagination span.prev, .pagination span.next { background-color: var(--tertiary); font-size: 0; position: relative; }
.pagination a.prev:before, .pagination a.next:before, .pagination span.prev:before, .pagination span.next:before { content: '\f053'; font-family: "Font Awesome 5 Free"; font-size: 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pagination a.next:before, .pagination span.next:before { content: '\f054'; }
.pagination a:hover, .pagination span:hover { background-color: var(--primary); text-decoration: none; }