﻿
.pagination2 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

@font-face {
    font-family: 'worksans-light';
    src: url('../fonts/worksans-light.ttf') format('truetype');
}

.btnPagingPrev {
    border: 1px solid #a16258;
    border-radius: 50%;
    padding: 7px 13px;
    cursor: pointer;
    background-color: #a16258;
    content: url("/Images/ArrowLeftWhite.png");
    margin-bottom: -13px;
}

.btnPagingNext {
    border: 1px solid #a16258;
    border-radius: 50%;
    padding: 7px 13px;
    cursor: pointer;
    background-color: #a16258;
    content: url("/Images/ArrowRightWhite.png");
    margin-bottom: -13px;
}

.btnPagingPrev:hover {
    background: rgb(237, 234, 225) !important;
    color: white !important;
    content: url("/Images/ArrowLeft.png");
    border-color: rgb(237, 234, 225)!important;
}

.btnPagingNext:hover {
    background: rgb(237, 234, 225) !important;
    color: white !important;
    content: url("/Images/ArrowRight.png");
    border-color: rgb(237, 234, 225) !important;
}

.pagination2 a {
    color: black;
    padding: 8px 14px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid black;
    background-color: transparent;
    border-radius: 50%;
}

@font-face {
    font-family: 'worksans-light';
    src: url('../fonts/worksans-light.ttf') format('truetype');
}

.pagination2 .NumPagingSelected {
    color: white;
    padding: 7px 13px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #a16258;
    background-color: #a16258;
    border-radius: 50%;
}

.pagination2 a:hover:not(.active) {
    background-color: #a16258;
    color: white;
    border-color: #a16258 !important;
}

.blog-pagination{
    margin-bottom:40px;
}