.wp-pagenavi {
    clear: both;
    text-align: center;
    font-size: 18px;
}

    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        /*border: 1px solid #BFBFBF;*/
        padding: 10px 16px;
        margin: 2px;
        color: #000;
        font-weight: 400;
        border-bottom:2px solid #000;
    }

        .wp-pagenavi span.no-headline {
            border: none;
        }

        .wp-pagenavi a:hover, .wp-pagenavi span.current {
            padding: 10px 18px;
            border-color: #F5F5F5;
            background-color: #F5F5F5;
            color: #000;
            border-bottom: 2px solid #000;
        }
        
      


        .wp-pagenavi span.current {
            font-weight: 400;
            color: #000;
        }

.wl_pages {
    white-space: nowrap;
    font-weight: 400;
    font-style: normal;
    
}


@media screen and (max-width: 700px) {
    .wp-pagenavi a, .wp-pagenavi span {
        padding: 8px 14px;
    }

        .wp-pagenavi a:hover, .wp-pagenavi span.current {
            padding: 8px 16px;
        }
}