/**
* Pagination For Blog and WooCommerce
*/
.woocommerce,
nav{
&.pagination{
margin: 60px 0px;
}
&.woocommerce-pagination {
margin: 60px 0 120px 0;
@media (max-width: 767px) {
margin: 30px 0 90px 0;
}
}
&.woocommerce-pagination ul.page-numbers,
.page-numbers{
display: inline-block;
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
border: none;
clear: both;
white-space: inherit;
li{
display: inline-block;
margin: 0px 2px 10px 2px;
border: none;
padding: 0;
float: none;
.page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #EDEDED14;
border-radius: 50%;
min-width: 50px;
width: 50px;
height: 50px;
text-align: center;
font-weight: 600;
color: #fff;
font-size: 1em;
text-shadow: none;
@include transaction ( all, 0.3s, linear );
i{
display: inline-flex;
font-size: 0.7em;
&:before{
font-weight: bold!important;
}
}
&:hover,
&:focus,
&.current{
background-color: var(--primary);
color: #fff;
}
}
}
}
}
/**
* Page Link
*/
.page-links {
clear: both;
margin: 20px 0px 30px 0px;
float: left;
.post-page-numbers{
border: 1px solid;
border-radius: 2px;
display: inline-block;
font-size: 1rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
font-weight: 600;
background-color: transparent;
border-color: var(--primary);
color: var(--text);
&:hover,
&:focus,
&.current{
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
}
& > .page-links-title {
border: 0;
color: #eee;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.screen-reader-text {
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute!important;
width: 1px;
word-wrap: normal!important;
}
}
.screen-reader-text{
display: none;
}