/*******************
	pagination
********************/
.pagination-wrapper {
	text-align: center;

	> ul {
		display: inline-block;
		overflow: hidden;
		padding: 5px;

		> li {
			text-align: center;
			float: left;
			margin-right: 10px;

			@include media-query(767px) {
				margin-right: 7px;
			}
		}

		> li:last-child {
			margin-right: 0;
		}

		> li a {
			width: 35px;
			height: 35px;
			line-height: 35px;
			display: block;
			font-size: 18px;
			color: lighten($black, 50%);
			border: 1px solid lighten($black, 80%);
			@include rounded-border(5px);
			@include round-box-shadow(lighten($black, 90%), 5px, 1px);

			@include media-query(767px) {
				width: 30px;
				height: 30px;
				line-height: 30px;
				font-size: 17px;
			}
		}

		> li a:hover {
			text-decoration: none;
			background-color: $theme-primary-color;
			color: $white;
			border-color: $theme-primary-color;
		}
	}
}