﻿
.sort-selector-container {
    width: 350px;
    height: 45px;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 16px;
    background-color: #FFFFFF;
    border: 1px solid #AFAFAF;
    margin: 0px 0px 0px auto;
    text-align: left;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 20;
    transition: all .5s;
}

    .sort-selector-container ul {
        list-style: none;
        padding-inline-start: 0px;
        margin: 0px;
    }

    .sort-selector-container li:not(:last-of-type) {
        margin-bottom: 24px;
    }

    .sort-selector-container .clickable {
        cursor: pointer;
    }

    .sort-selector-container .arrow-container {
        display: block;
        width: 20px;
        height: 12px;
        position: absolute;
        top: 15px;
        right: 26px;
        background-image: url(/wp-content/themes/wp-bootstrap-starter-eri/inc/assets/images/green-arrow-down.svg);
        transition: all .5s;
    }

.pagination-container {
    margin: 40px 0px 48px;
    font-size: 24px;
    line-height: 28px;
}

    .pagination-container ol.wp-paginate li {
        line-height: 52px;
    }

    .pagination-container .wp-paginate .page.current, .pagination-container .wp-paginate a, .pagination-container .wp-paginate span.gap {
        display: inline-block;
        width: 40px;
        height: 52px;
        margin-right: 16px;
        padding: 0px 0px;
        text-align: center;
        background-color: #C4C4C4;
        color: white;
        border: none;
        border-radius: 0px;
    }

    .pagination-container .wp-paginate a {
        margin-bottom: 8px;
    }

    .pagination-container .wp-paginate li:last-of-type a {
        margin-right: 0px;
    }
