@-webkit-keyframes LoadingGradientGrey {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes LoadingGradientGrey {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes LoadingGradientGrey {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


h2.loading,
.loading .article__img-container,
.loading .article__text-container .article__meta,
.loading .article__text-container .article__title,
.loading .article__text-container .article__excerpt,
div.loadingGradient,
.loading a.viewAllButton {
    top: 0px;
    right: 0px;
    color: #fff;
    opacity: 0.3;
    background: linear-gradient(90deg, #c1c1c1, #6b6b6b, #c1c1c1, #6b6b6b);
    background-size: 400% 400%;
    -webkit-animation: LoadingGradientGrey 5s ease infinite;
    -moz-animation: LoadingGradientGrey 5s ease infinite;
    animation: LoadingGradientGrey 5s ease infinite;
    z-index: 0;
    color: transparent;
    border: 0px none;
}


div.loadingGradient .article--stripe, div.loadingGradient .article--stripe:after {
    background: none;
}

.loading .article__img-container a img {
    opacity: 0 !important;
}