@charset "utf-8";

@media screen and (min-width: 769px) {
	.pager {
	  width:100%;
	  text-align:center;
	  margin:20px 0;
	}
	.pager .page-numbers {
	  margin:0 2px;
	  padding:7px 12px;
	}

	/* --------------
	   radius
	   ----------- */
	.pager-radius .page-numbers {
	  border-radius: 16px;
	  -moz-border-radius:16px;
	  -webkit-border-radius:16px;
	}
	/* --------------
	   green
	   ----------- */
	.pager-green-theme .page-numbers {
	  border:1px solid #ddd;
	}
	.pager-green-theme a {
	  color:#73c56d;
	}
	.pager-green-theme a:active,
	.pager-green-theme a:hover {
	  background:#73c56d;
	  color:white;
	}
	/* --------------
	   blue
	   ----------- */
	.pager-blue-theme .page-numbers {
	  border:1px solid #ddd;
	}
	.pager-blue-theme a {
	  color:#3e3eee;
	}
	.pager-blue-theme a:active,
	.pager-blue-theme a:hover {
	  background:#3e3eee;
	  color:white;
	}
	/* --------------
	   simple
	   ----------- */
	.pager-simple-theme .page-numbers {
	  padding:3px;
	}
	.pager-simple-theme a {
	  text-decoration:underline;
	}
	.pager-simple-theme a:active,
	.pager-simple-theme a:hover {
	  font-weight:bold;
	}
}

@media screen and (max-width: 768px){

	.pager {
	  width:100%;
	  text-align:center;
	  margin:20px 0;
	}
	.pager .page-numbers {
	  margin:0 2px;
	  padding:7px 12px;
	}

	/* --------------
	   radius
	   ----------- */
	.pager-radius .page-numbers {
	  border-radius: 16px;
	  -moz-border-radius:16px;
	  -webkit-border-radius:16px;
	}
	/* --------------
	   green
	   ----------- */
	.pager-green-theme .page-numbers {
	  border:1px solid #ddd;
	}
	.pager-green-theme a {
	  color:#73c56d;
	}
	.pager-green-theme a:active,
	.pager-green-theme a:hover {
	  background:#73c56d;
	  color:white;
	}
	/* --------------
	   blue
	   ----------- */
	.pager-blue-theme .page-numbers {
	  border:1px solid #ddd;
	}
	.pager-blue-theme a {
	  color:#3e3eee;
	}
	.pager-blue-theme a:active,
	.pager-blue-theme a:hover {
	  background:#3e3eee;
	  color:white;
	}
	/* --------------
	   simple
	   ----------- */
	.pager-simple-theme .page-numbers {
	  padding:3px;
	}
	.pager-simple-theme a {
	  text-decoration:underline;
	}
	.pager-simple-theme a:active,
	.pager-simple-theme a:hover {
	  font-weight:bold;
	}
}

@media screen and (max-width: 640px) {

.pager .page-numbers {
	  margin:0 2px;
	  padding:4px 8px;
	  font-size:80%;
	}




}