nav.pagination {
	margin: 30px 0;
	font-size: 15px;
	font-weight: 600;
	font-family: $font_titles;
	word-spacing: -.2em;
	//overflow: hidden;
	cursor: default;

	li {
		word-spacing: normal;
		margin: 0;
		display: inline-block;
		text-align: inherit;

		.page-numbers {
			padding: 4px 10px;
			display: block;
		}

		&:first-child a:not(.prev) {
			margin-left: -8px;
		}

		a.hover-underline {
			&:before {
				background: currentColor !important;
				width: calc(100% - 20px);
				background: $color_brand;
				transform: translateY(0px);
				left: 10px;
			}

			&:hover:before {
				transform: translateY(-3px);
			}
		}

		a.page-numbers {
			font-family: inherit;

			&.active {
				color: $color_brand;
				cursor: default;

				&:before {
					opacity: 1;
					transform: translateY(-3px);
				}
			}

			&.prev {
				margin-left: 20px;
			}

			&.next {
				margin-right: 20px;
			}

			span {
				width: 20px;
				font-size: 20px;
				display: inline-block;
				position: absolute;
				top: 0;

				&.icon-left {
					right: 100%;
				}

				&.icon-right {
					left: 100%;
					text-align: right;
				}
			}
		}
	}
}

.page-links {
	font-weight: 500;

	a {
		padding: 4px 10px;
	}
}