/* ------------------------------------------------
        EE PAGINATION STYLES 
-------------------------------------------------*/
/* Pagination container */
.ee-pagination > ul{
    display: flex;
    justify-content: center;
    margin: 20px 0;
    list-style: none;
    padding-left: 0;
}

/* Pagination list items */
.ee-pagination ul > li {
    margin: 0 5px;
}

/* Pagination links and current page */
.ee-pagination > ul > li > a,
.ee-pagination > ul > li > a > span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect for pagination links */
.ee-pagination > ul > li > a:hover {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Current page styling */
.ee-pagination > ul > li span.current {
    background-color: #0073aa;
    color: #fff;
    padding: 8px 12px;
    pointer-events: none;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #0073aa;
}

/* Styling for previous and next buttons */
.ee-pagination > ul > li a.prev,
.ee-pagination > ul > li a.next {
    font-weight: bold;
}

/* Disabled pagination links */
.ee-pagination > ul > li.disabled {
    background-color: #f1f1f1;
    color: #bbb;
    border-color: #ddd;
    pointer-events: none;
}