ul.pagination {
    list-style: none;
}

ul.pagination > li {
    float: left;
}

ul.pagination > li> span {
    color: #F7A600; 
}

ul.pagination > li[class^="pagination"] > span {
    display: none;
    padding: 0px; 
}

ul.pagination > li[class^="pagination"]:hover > span:before,
ul.pagination li a:hover span.icon-angle-double-left:before, 
ul.pagination li a:hover span.icon-angle-left:before, 
ul.pagination li a:hover span.icon-angle-double-right:before, 
ul.pagination li a:hover span.icon-angle-right:before{
    color: #e49321; 
} 

ul.pagination li.pagination-start a:before, 
ul.pagination li.pagination-prev a:before, 
ul.pagination li.pagination-end a:before, 
ul.pagination li.pagination-next a:before,
ul.pagination li span.icon-angle-double-left:before, 
ul.pagination li span.icon-angle-left:before, 
ul.pagination li span.icon-angle-double-right:before, 
ul.pagination li span.icon-angle-right:before{
    content: '\f105';
    font-family: 'FontAwesome';
    color: #F7A600;
    text-indent: 0;
    float: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 18px;
    transition: all 300ms;
}

ul.pagination li span.icon-angle-left:before{
    content: '\f104';
} 
ul.pagination li span.icon-angle-double-left:before{
    content: '\f100';
} 
ul.pagination li span.icon-angle-double-right:before{
    content: '\f101';
}
ul.pagination > li > span, 
ul.pagination li > a {
    padding: 5px 10px;
    display: inline-block;
}

ul.pagination li.pagination-start a.pagenav, 
ul.pagination li.pagination-prev a.pagenav, 
ul.pagination li.pagination-end a.pagenav, 
ul.pagination li.pagination-next a.pagenav {
    text-indent: -9999px;
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    padding: 5px 10px;
}


/*Joomla 4 adjustments*/
    ul.pagination li.disabled{
        display: none;
    } 
    ul.pagination li a{
        border: 0;
        color: #7d7d7d;
        background: transparent !important;
        font-size: 17px;
    }
    ul.pagination li:not(.active) a:hover{
        color: #545454;
        box-shadow: none !important;
    }

    ul.pagination li.active a{
        border: 0;
        color: #F7A600;
    }
    ul.pagination li.active a:hover{
        cursor: default;
    }