/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/


.wp-pagenavi {
	clear: both;
	padding: 5px 0;
	text-align: center;
	background-color: transparent;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 5px 14px;
	margin: 4px;
  color: #282828;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #009944;
}
.wp-pagenavi a:hover {
	color: #fff;
	border: 1px solid;
	border-image: linear-gradient(-45deg, #d42f71, #18a1a0);
  border-image-slice: 1;
	background: linear-gradient(-45deg, #d42f71, #18a1a0);
}
.wp-pagenavi span.current {
	font-weight: 700;
	color: #fff;
	border: 1px solid #333;
  background-color: #333;
}
.wp-pagenavi .extend {
	display: none;
}


@media screen and (min-width: 768px) and (max-width: 1270px){
.wp-pagenavi {
	padding: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 13px;
	margin: 3px;
}
}

@media screen and (max-width: 767px){
.works-pagenav {
	margin: 40px auto;
}
.wp-pagenavi {
	padding: 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 4px 10px;
	margin: 4px;
}
}