.pagination {
float: none;
display: inline-block;
margin-top: 25px;
text-align: center;
width: 100%;
}
.pagination .column {
float: right;
width: 100%;
}
.pagination .column,
.pagination ul {
margin: 0;
}
.pagination ul,
.entry-body>.page-link {
padding-left: 0;
display: flex;
justify-content: center;
text-align: center;
}
.pagination ul li,
.woocommerce nav.woocommerce-pagination ul li {
display: inline-block;
float: none;
padding-bottom: 0;
display: contents;
}
.pagination ul li:last-child a {
margin-right: 0;
}
.page-link {
clear: both;
float: left;
width: 100%;
}
.page-link a,
.pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a,
.page-link>span,
.pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span {
background: none;
border: 0px solid;
display: inline-block;
font-size: 13px;
font-weight: 600;
height: 40px;
letter-spacing: .5px;
line-height: 38px;
margin: 10px 5px 0 0;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
width: 40px;
-webkit-border-radius: 50%;
border-radius: 50%;
box-shadow: rgba(17, 17, 26, 0.05) 0px 0px 16px;
}
.page-link a:not(:focus),
.pagination ul li a:not(:focus),
.woocommerce nav.woocommerce-pagination ul li a:not(:focus) {
text-decoration: none;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border-width: 0;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
background: none;
margin: 0;
box-shadow: rgba(17, 17, 26, 0.05) 0px 0px 16px;
border: none;
}
@media all and (-ms-high-contrast:none) {
.pagination ul li a.next {
margin-right: 0;
}
.pagination ul li a.next,
.pagination ul li a.prev {
top: -24px;
} *::-ms-backdrop,
.pagination ul li a.next,
.pagination ul li a.prev {
top: -24px;
} }
.pagination ul li a.next i,
.pagination ul li a.prev i {
font-size: calc(var(--wdtFontSize_Base) - 2px);
height: 30px;
line-height: 30px;
margin: 0;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
text-decoration: inherit;
width: 30px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pagination div[class*="-posts"] {
display: inline-block;
float: none;
position: relative;
text-align: center;
width: auto;
z-index: 9;
}
.pagination div[class*="-posts"] a {
display: inline-block;
float: none;
margin: 2px;
min-width: 150px;
-webkit-border-radius: var(--wdtRadius_3X);
border-radius: var(--wdtRadius_3X);
}
.pagination:empty {
display: none;
}
.archive .pagination.blog-pagination:empty {
display: inline-block;
}
.pagination .newer-posts a {
margin-bottom: -1px;
padding: var(--wdtPadding_Btn);
}
.pagination .older-posts a {
margin-bottom: -1px;
padding: var(--wdtPadding_Btn);
}
.pagination .older-posts i,
.pagination .newer-posts i {
height: 20px;
line-height: 20px;
text-align: center;
width: auto;
}
.pagination .older-posts i {
margin-left: 5px;
}
.pagination .newer-posts i {
margin-right: 5px;
}
.pagination .older-posts i:before,
.pagination .newer-posts i:before {
margin: 0;
width: auto;
}
.pagination div[class*="-posts"]:only-child a {
margin: 0;
}
.pagination a.loadmore-btn {
display: inline-block; position: relative;
width: auto;
margin-top: 10px;
}
.pagination a.loadmore-btn:not(.more-items) {
cursor: not-allowed;
} .tpl-blog-holder.loading+.pagination a.loadmore-btn:after {
animation: animateCircle 2s linear infinite;
border: 3px solid transparent;
border-radius: 50%;
border-right: 3px solid #fff;
border-top: 3px solid #fff;
bottom: 0;
content: '';
display: block;
height: 25px;
left: 0;
margin: auto;
opacity: .5;
position: absolute;
right: 0;
top: 0;
width: 25px;
}
@keyframes animateCircle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate {
0% {
transform: rotate(45deg);
}
100% {
transform: rotate(405deg);
}
}
.pagination .newer-posts a:not(:focus),
.pagination .older-posts a:not(:focus),
.pagination ul li a:not(:focus),
.pagination a.loadmore-btn:not(:focus) {
text-decoration: none;
}
.pagination .newer-posts a:focus,
.pagination .older-posts a:focus,
.pagination ul li a:focus,
.pagination a.loadmore-btn:focus {
text-decoration: underline !important;
} .page-link a,
.pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a,
.page-link>span,
.pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span {
color: var(--wdtHeadAltColor);
}
.pagination .newer-posts a,
.pagination .older-posts a,
.pagination a.loadmore-btn,
.page-link>a:hover,
.page-link>a:focus,
.page-link>span,
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li span:not(.dots),
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
color: var(--wdtAccentTxtColor);
}
.pagination .newer-posts,
.pagination .older-posts {
background: var(--wdtBodyBGColor);
}
.page-link a,
.pagination ul li a,
.page-link>span,
.pagination ul li span,
.pagination a.loadmore-btn:before,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border-color: var(--wdtBorderColor);
border: 1px solid;
}
.tpl-blog-holder.loading+.pagination a.loadmore-btn:after {
border-top-color: var(--wdtBodyBGColor);
border-right-color: var(--wdtBodyBGColor);
}  .tpl-blog-holder.loading+.pagination a.loadmore-btn {
color: var(--wdtPrimaryColor);
}
.pagination .newer-posts a,
.pagination .older-posts a,
.pagination a.loadmore-btn,
.page-link>a:hover,
.page-link>a:focus,
.page-link>span,
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li span:not(.dots),
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: var(--wdtPrimaryColor);
}
.page-link>a:hover,
.page-link>a:focus,
.page-link>span,
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li span:not(.dots),
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
border-color: var(--wdtPrimaryColor);
}
.pagination .newer-posts a:hover,
.pagination .older-posts a:hover,
.pagination a.loadmore-btn:hover,
.pagination a.loadmore-btn:not(.more-items) {
background: var(--wdtSecondaryColor);
}
.tpl-blog-holder.loading+.pagination a.loadmore-btn:hover {
color: var(--wdtSecondaryColor);
} .wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers {
margin-bottom: 0;
}
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers a.page-numbers,
.wdt-product-pagination.wdt-product-ajax-pagination div.prev-post a,
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers span.page-numbers,
.wdt-product-pagination.wdt-product-ajax-pagination div.next-post a {
width: 40px;
height: 40px;
position: relative;
display: inline-flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid var(--wdtPrimaryColor);
margin: 3px;
line-height: 40px;
padding: 0;
}
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers span.page-numbers.current,
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers a.page-numbers:hover,
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers span.page-numbers:hover,
.wdt-product-pagination.wdt-product-ajax-pagination div.prev-post a:hover,
.wdt-product-pagination.wdt-product-ajax-pagination div.next-post a:hover {
background: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
}
.wdt-product-pagination.wdt-product-ajax-pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 80px;
}
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
}
.wdt-product-pagination.wdt-product-ajax-pagination ul.page-numbers li {
padding-bottom: 0;
}
.wdt-product-pagination.wdt-product-ajax-pagination div.prev-post a span svg,
.wdt-product-pagination.wdt-product-ajax-pagination div.next-post a span svg {
font-size: 12px;
}    @media only screen and (min-width:768px) and (max-width:1024px) {}  @media only screen and (max-width: 767px) {
.pagination ul li a,
.pagination ul li span,
.page-link a,
.page-link>span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: calc(var(--wdtFontSize_Base) - 3px);
font-weight: 600;
height: 32px;
line-height: 30px;
width: 32px;
}
.pagination ul li a.next i,
.pagination ul li a.prev i,
.woocommerce .product-loop-sorting nav.woocommerce-pagination ul li i {
font-size: calc(var(--wdtFontSize_Base) - 3px);
}
}