.newsandeventsblock {
  article {
    &.fake--article {
      .fake--image {
        width: 100%;
        height: 197px;
      }
      .fake--title {
        width: 75%;
        height: 20px;
      }
      .fake--text {
        div {
          width: 75%;
          height: 10px;
          margin-bottom: 10px;
          &:nth-child(2) {
            width: 55%;
          }
          &:nth-child(3) {
            width: 35%;
          }
        }
      }
    }
    //margin-bottom: $md-space;
    margin-bottom: 50px;
    .article--image {
      margin-bottom: $xs-space;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 197px;
      position: relative;
      width: 100%;
      &:hover {
        .caption {
          text-decoration: none;
        }
      }
      .caption {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 16px;
        margin-bottom: 0px;
      }
    }
  }
}

.loading-container {
  height: 100px;
  padding: 10px;
}
.loading {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: wave;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: wave;
  -webkit-animation-timing-function: linear;
  -moz-animation-duration: 1s;
  -moz-animation-fill-mode: forwards;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: wave;
  -moz-animation-timing-function: linear;
  background: $bg-grey;
  background-image: -webkit-gradient(
    linear,
    left center,
    right center,
    from($bg-grey),
    color-stop(0.2, #fff),
    color-stop(0.4, #fff),
    to($bg-grey)
  );
  background-image: -webkit-linear-gradient(
    left,
    $bg-grey 0%,
    #fff 20%,
    #fff 40%,
    $bg-grey 100%
  );
  background-image: -moz-gradient(
    linear,
    left center,
    right center,
    from($bg-grey),
    color-stop(0.2, #fff),
    color-stop(0.4, #fff),
    to($bg-grey)
  );
  background-image: -moz-linear-gradient(
    left,
    $bg-grey 0%,
    #fff 20%,
    #fff 40%,
    $bg-grey 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
  height: 104px;
  position: relative;
}
.reverse-direction .loading {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
}

@-webkit-keyframes wave {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes wave {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}