/* WP-PageNavi.
--------------------------------------------- */
.wp-pagenavi {
	text-align: center;
	margin-bottom: 30px;
}

.cm-posts .wp-pagenavi {

	.page, a {
		padding: 4px 10px;
		color: #777777;
		border: 1px solid #f2f2f2;
	}

	.current {
		padding: 4px 10px;
		color: $color__white;
		background-color: $color__primary;
		border: 1px solid #f2f2f2;
	}

	a {

		&:hover {
			padding: 4px 10px;
			color: $color__white;
			background-color: $color__primary;
			border: 1px solid #f2f2f2;
		}

		margin-left: 5px;
		border-radius: 2px;
	}

	span {
		margin-left: 5px;
		border-radius: 2px;

		&.pages {
			margin-left: 0;
			color: #777777;
			padding: 4px 10px;
			border: 1px solid #f2f2f2;
		}
	}
}