.dl__container {
    overflow: hidden;
}

.dl__dataList {
    width: 82%;
    float: left;
    position: relative;
    padding: 0 37px 129px 10px;

    @include break(md-lg) {
        width: 100%;
        padding-left: 36px;
    }


    &Wrapper {
        // position:absolute;
        position: relative;
        width: 102%;
        height: 92%;
        height: auto;

        overflow-y: auto;
        z-index: 100;

        @include break(md-lg) {
            // margin-top: 33px;
            // border-top: 1px solid #efefef;
        }
    }

    &.dl__pinPagination {
        //max-height: 700px;
   
    }

    &-list { //ul
        margin: 0;
        min-height: 500px;
        padding-left: 6px;
        min-width: 550px;
        // overflow-y: visible;

        .dl__listGridContainer{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
        }
    }

    &--noResults,
    &--loading {
        min-height: 100%;
        list-style-type: none;

        h1, h3 {
            text-align: center;
            color: $color-text-secondary;
        }

        h1 {
            padding-top: 15%;
        }
    }

    &--loading {
        position: relative;

        h1 {
            color: $color-link;
            font-size: 21px;
        }

        > div {
            &:after {
                @include faPseudo($fa-var-spinner, 60%, 48%, 40%, 48%);

                @extend .fa-spin;

                width: 39px;
                height: 39px;
                font-size: 39px;
                line-height: 39px;
                color: #b3b3b3;
            }
        }
    }
}

// Makes the lightbox text dark on a light background
figure[class^="figure"] {
    div[class^="footer"] {
        color: $color-text-primary;
    }
}