/*
Default style for WP-PageNavi plugin - Customized for WDUGT
*/

.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 8px 10px;
	margin: 2px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 8px 10px;
	margin: 2px;
}

.pag-mobile a {
	font-size: 16px;
    color: #000000;
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 10px !important;
    border: 1px solid #000000;
    width: 100px;
    padding: 5px;
    margin: 0 auto;	
}
.pag-mobile a:hover {
    color: #FFFFFF !important;
    font-size: 12px;
    background-color: #000000;
    display: block;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #000000;
    width: 100px;
    padding: 5px;
    margin: 0 auto;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 8px 10px;
	margin: 2px;
}
.pag-mobile { visibility: hidden; margin: 0px;}
.pag-full { visibility: visible; margin: 40px 0 60px 0;}	
.wp-pagenavi span.extend { display: none; }
.wp-pagenavi { text-align: center;}	

 .wp-pagenavi span.current {background-color: #CA4C3F;border: 1px solid #B05142;color: #FFFFFF;}

@media only screen and (max-width: 1100px) {
	.wp-pagenavi a, .wp-pagenavi span {
		text-decoration: none;
		border: 1px solid #BFBFBF;
		padding: 8px 10px;
		margin: 2px;
	}
	.pag-mobile { visibility: hidden; margin: 0px;}
	.pag-full { visibility: visible; margin: 40px 0 60px 0;}	
}
@media only screen and (max-width: 768px) {
	.pag-mobile { visibility: visible; margin: 40px 0 60px 0;}
	.pag-full { visibility: hidden; margin: 0px;}
	.pagination:empty { margin: 0; }
	.pagination a.prev_button { float: right; }
	.pagination a.next_button{ float: left; }
	.pagination a i { font-size: 13px; }
	.pagination a.next_button i { margin-right: 5px; }
	.pagination a.prev_button i { margin-left: 5px; }	
	.pag-mobile a { font-size: 14px; width: 120px; }
	.pag-mobile a:hover { font-size: 14px; width: 120px; }		
	.pag-full { margin: 0px;}
@media only screen and (max-width: 600px) {
	.pag-mobile { visibility: visible; margin: 40px 0 60px 0;}
	.pag-full { visibility: hidden; margin: 0px;}
	.pagination:empty { margin: 0; }
	.pagination a.prev_button { float: right; }
	.pagination a.next_button{ float: left; }
	.pagination a i { font-size: 13px; }
	.pagination a.next_button i { margin-right: 5px; }
	.pagination a.prev_button i { margin-left: 5px; }	
	.pag-mobile a { font-size: 14px; width: 120px; }
	.pag-mobile a:hover { font-size: 14px; width: 120px; }	
	.wp-pagenavi a.page, span.extend, a.last { display: none; }	
}
@media only screen and (max-width: 480px) {
	.pag-mobile { visibility: visible; margin: 40px 0 60px 0;}
	.pag-full { visibility: hidden; margin: 0;}
	.pagination:empty { margin: 0; }
	.pagination a.prev_button { float: right; }
	.pagination a.next_button{ float: left; }
	.pagination a i { font-size: 13px; }
	.pagination a.next_button i { margin-right: 5px; }
	.pagination a.prev_button i { margin-left: 5px; }	
	.wp-pagenavi a.page, span.extend, a.last { display: none; }	
}
@media only screen and (max-width: 320px) {
	.pag-mobile { visibility: visible; margin: 40px 0 60px 0;}
	.pag-full { visibility: hidden; margin: 0;}
	.pagination:empty { margin: 0; }
	.pagination a.prev_button { float: right; }
	.pagination a.next_button{ float: left; }
	.pagination a i { font-size: 13px; }
	.pagination a.next_button i { margin-right: 5px; }
	.pagination a.prev_button i { margin-left: 5px; }	
	.wp-pagenavi a.page, span.extend, a.last { display: none; }	
}