/**
 * Pagination
 */

.tm-pagination {
    ul {
        padding-left: 0;
        margin-bottom: 0;
        font-size: 0;
        margin-top: -10px;

        li {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            margin-top: 10px;
            margin-right: 10px;

            a {
                display: inline-block;
                color: $color-body;
                font-weight: 700;
                font-size: 18px;
                height: 50px;
                min-width: 50px;
                line-height: 48px;
                border: 1px solid $color-border;
                text-align: center;
                padding: 0 10px;

                &:hover {
                    background: $color-theme;
                    border-color: $color-theme;
                    color: #ffffff;
                }
            }

            &.is-active{
                a{
                    background: $color-theme;
                    border-color: $color-theme;
                    color: #ffffff; 
                }
            }
        }
    }

    @media #{$layout-tablet}{
        ul{
            li{
                a{
                    height: 44px;
                    line-height: 42px;
                    padding: 0 10px;
                    min-width: 44px;
                    font-size: 16px;
                }
            }
        }
    }

    @media #{$layout-mobile-lg}{
        ul{
            li{
                a{
                    height: 40px;
                    min-width: 40px;
                    line-height: 38px;
                    padding: 0 10px;
                    font-size: 14px;
                }
            }
        }
    }
}