/*
 * pagination.scss
 * -----------------------------------------------
*/
.pagination {
	> .page-item {
		padding-left: 0 !important;
		.page-link {
			padding: .7rem .95rem;
			color: $text-color;
			border-color: #ddd;
			background-color: #fff;
			&:hover {
				color: #111;
				background-color: #eee;
				border-color: #dee2e6;
			}
		}
		&.active .page-link {
			color: #fff;
		}
	}
}

.pagination2 {
	margin-bottom: 0;
	@include media-breakpoint-down(md) {
		margin-bottom: 30px;
	}
	> .page-item {
		> .page-link,
		> span {
			background-color: #eee;
			border: 0;
			border-radius: 0;
			box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
			color: #777;
			font-size: 15px;
			line-height: $line-height-base;
			margin-right: 10px;
			padding: 4px 14px;
		}
		&:last-child > a,
		&:last-child > span {
			border-bottom-right-radius: 0;
			border-top-right-radius: 0;
		}
		&:first-child > a,
		&:first-child > span {
			border-bottom-left-radius: 0;
			border-top-left-radius: 0;
		}
		> a:focus,
		> a:hover,
		> span:focus,
		> span:hover {
			background-color: #333;
			border-color: #333;
			color: #fff;
		}
	}
}