/* ####################################
   Multi Page Navigation 
   < Previous . 1 . [2] . 3 . Next >

   - Critical Rendering Path: Recommended
   ################################## */

.paging {
    clear: both;
    margin: var(--site-margin) 0;
    padding: var(--site-padding);
    text-align: center;
    border: var(--site-spot-color-13) 4px solid;
}

    .paging .paging-summary {
        margin-bottom: var(--site-margin-thin);
    }

        .paging .paging-summary .pages-total-prefix {
        }

        .paging .paging-summary .pages-total {
        }

        .paging .paging-summary .pages-total-suffix {
        }

    .paging .pages {
    }

        .paging .pages a {
        }

            .paging .pages a:link {
            }

            .paging .pages a:hover {
            }

        .paging .pages .pages-label {
        }

            .paging .pages .pages-label::after {
                content: ":";
            }
            
        .paging .pages .pages-prev {
            margin: 0 0.25em 0 0;
        }

            .paging .pages .pages-prev a {
            }

                .paging .pages .pages-prev a:link {
                }

                .paging .pages .pages-prev a:hover {
                    text-decoration: underline;
                }

                .paging .pages .pages-prev a::before {
                    /* content: "\f053";
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 5px;
                    font-family: var(--site-icon-font-family);
                    font-weight: var(--site-icon-font-weight); */
                }

        .paging .pages .pages-next {
            margin: 0 0 0 0.25em;
        }

            .paging .pages .pages-next:empty {
                display: none;
            }

            .paging .pages .pages-next a {
            }

                .paging .pages .pages-next a:link {
                }

                .paging .pages .pages-next a:hover {
                    text-decoration: underline;
                }

                .paging .pages .pages-next a::after {
                    /* content: "\f054";
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 5px;
                    font-family: var(--site-icon-font-family);
                    font-weight: var(--site-icon-font-weight); */
                }
                        
        .paging .pages .pages-links {
        }

            .paging .pages .pages-links .page-current,
            .paging .pages .pages-links .page-other {
                display: inline-block;
            }
            
                .paging .pages .pages-links .page-current, 
                .paging .pages .pages-links .page-other a {
                    /* display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-weight: bold;
                    color: var(--site-color-white);
                    background-color: transparent;
                    border-color: var(--site-color-1-mid);
                    border-width: 2px;
                    border-style: solid;
                    border-radius: var(--site-box-border-radius); */
                }

            .paging .pages .pages-links .page-current {
                font-weight: bold;
            }

                .paging .pages .pages-links .page-current::before {
                    content: "["
                }

                .paging .pages .pages-links .page-current::after {
                    content: "]"
                }

            .paging .pages .pages-links .page-other {
            }

                .paging .pages .pages-links .page-other a:link {
                }

                .paging .pages .pages-links .page-other:hover {
                }

                    .paging .pages .pages-links .page-other:hover a:link {
                    }

            .paging .pages .pages-links .paging-spacer {
            }

.paging.top {
    margin-top: 0;
}

.paging.bottom {
}

    .paging.bottom .paging-summary {
        /* display: none; */
    }

@media screen and (max-width: 600px) {

    .paging {
        padding: var(--site-padding-thin);
        text-align: left;
    }

}