#filter_pager_1{
grid-area:filter_pager_1;
}

#filter_pager_2{
grid-area:filter_pager_2;
}

/* Mobile View > Mobile Only */
@media screen and (max-width: 45rem){

/* Pager */
.filter_pager{
float:left;
width:100%;
display:flex;
justify-content:center;
align-items:center;
margin:.5rem 0;
padding:0;
}

}

/* Mobile View -> Tablet && Portrait*/
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

/* Pager */
.filter_pager{
float:right;
width:auto;
margin:.5rem 1rem .5rem 0;
padding:0;
}


}

/* Mobile View -> Tablet && Landscape */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){

/* Pager */
.filter_pager{
float:right;
width:auto;
margin:.5rem 1rem .5rem 0;
padding:0;
}

}

/* Desktop View */
@media screen and (min-width: 79.5rem){

/* Pager */
.filter_pager{
float:right;
width:auto;
margin:.5rem 1rem .5rem 0;
padding:0;
}

}



.filter_pager ol{
float:left;
width:auto;
margin:0;
padding:0;
list-style:none;
}

.filter_pager li{
float:left;
width:auto;
margin:.25rem .5rem .25rem 0;
padding:0;
}

.filter_pager li:last-child{
margin:.25rem 0;
}

.filter_pager a,
.filter_pager strong{
float:left;
width:auto;
height:1.75rem;
display:flex;
justify-content:center;
align-items:center;
margin:0;
padding:0 .5rem 0 .5rem;
border-radius:var(--brd-radius-25);
}

.filter_pager a{
color:var(--clr-pager-300);
border:var(--brd-pager-300) 1px solid;
background:var(--bgr-pager-300);
font-size:var(--fs-xs);
}

.filter_pager a:hover{
color:var(--clr-pager-400);
border:var(--brd-pager-400) 1px solid;
background:var(--bgr-pager-400);
text-decoration:none;
}

.filter_pager strong{
float:left;
width:auto;
height:1.75rem;
color:var(--clr-pager-400);
border:var(--brd-pager-400) 1px solid;
background:var(--bgr-pager-400);
font-size:var(--fs-xs);
font-weight:bold;
}

.filter_pager a.page_pre span,
.filter_pager a.page_next span{
display:none
}

.filter_pager a.page_pre:before,
.filter_pager a.page_next:before{
display:inline-block;
content:'';
width:.75rem;
min-height:1.65rem;
}

.filter_pager a.page_pre:before,
.filter_pager a.page_next:before{
background:url('/assets/img/icon/pager-dark.svg') no-repeat center center;
}

.filter_pager a.page_pre:hover:before,
.filter_pager a.page_next:hover:before{
background:url('/assets/img/icon/pager-dark.svg') no-repeat center center;
}

.filter_pager a.page_pre:before{
transform:scaleX(-1);
}



/* Pager Button */
.filter_pager_button{
grid-area:filter_pager_button;
display:flex;
width:100%;
align-items:center;
justify-content:center;
}

.filter_pager_button .pager{
float:none;
width:auto;
display:inline-block;
background:none;
border:0;
margin:.5rem 0 .5rem 0;
}

.filter_pager_button .pager ol{
float:left;
margin:0;
padding:0;
list-style-type:none;
display:block;
}

.filter_pager_button .pager li{
display:inline;
width:auto;
margin:0;
padding:.25rem .25rem .25rem .25rem;
}

.filter_pager_button .pager a{
float:left;
width:auto;
height:auto;
margin:0;
padding:.5rem .75rem;
font-size:var(--fs-p);
color:var(--clr-pager-300);
border:var(--brd-pager-300) 1px solid;
background:var(--bgr-pager-300);
border-radius:var(--brd-radius-25);
}

.filter_pager_button .pager a span{
display:block;
}

.filter_pager_button .pager a:hover{
color:var(--clr-pager-400);
border:var(--brd-pager-400) 1px solid;
background:var(--bgr-pager-400);
text-decoration:none;
}

.filter_pager_button .pager a:before{
display:none;
}