/*
*  CSS Pagination navigation
*/

@import "variables.less";

.cssPagination {
    position: relative;
	padding: 0;
    list-style: none;
    font-size: 0;
	clear: both;
}
.cssPagination.center-items {
    text-align: center;
}
.cssPagination.right-items {
    text-align: right;
}
.cssPagination > .page-item {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
}
.cssPagination > .page-item:nth-child(n+2) {
    margin-left: 5px;
}
.cssPagination > .page-item .page-number {
    display: inline-block;
    min-width: 16px;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    box-sizing: content-box;
    text-align: center;
    border-radius: 4px;
    background: @pagn-bgr-color;
    color: @pagn-font-color;
    border: 1px solid rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top,@pagn-bgr-img1,@pagn-bgr-img2);
    background-image: linear-gradient(to bottom,@pagn-bgr-img1,@pagn-bgr-img2);
    text-shadow: 0 1px 0 #fff;
}
.cssPagination > .active .page-number {
    background: @pagn-active-bgr;
    color: @pagn-active-color;
    border: 1px solid rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.4);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top,@pagn-active-bgr-img1,@pagn-active-bgr-img2);
	background-image: linear-gradient(to bottom,@pagn-active-bgr-img1,@pagn-active-bgr-img2);
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.cssPagination a.page-number:focus, .cssPagination a.page-number:hover {
    background-color: @pagn-hover-bgr;
    color: @pagn-hover-color;
    outline: 0;
    text-decoration: none;
    background-image: none;
}
.cssPagination.large > .page-item .page-number {
    padding: 11px 19px;
    font-size: 17.5px;
}
.cssPagination.small > .page-item .page-number {
    padding: 2px 10px;
	font-size: 11.9px;
}
.cssPagination.mini > .page-item .page-number {
    padding: 0 6px;
	font-size: 10.5px;
}