.page-footer {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-collapse: collapse;

    &__cell {
        background-color: #FFFFFF;
        display: table-cell;
        vertical-align: middle;
        border: inherit;
        border-width: 0;
        padding: 0 ($spacer * 2);

        &--sidebar {
            padding: 0;
            width: $logged-out-sidebar-width;
            font-size: 0.8rem;
            text-align: center;

            a:not(:last-child):after {
                content: ' | ';
            }
        }



        &--navigation {
            padding: $spacer/2 0;
            text-align: center;
            visibility: hidden;
        }

    }
}

/*---------------------------------------------------------------
 ----------- Responsive */

@media only screen and (max-width: $media-maxW-md) {
}

@media only screen and (max-width: $media-maxW-sm) {
    .page-footer {
        &__cell--sidebar {
            width: 100%;
        }

        &__cell--navigation {
            display: none;
        }
    }

}
