/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/
/* -- https://codepen.io/candra-shalahuddin/pen/vQqzyB */
.editorial {
  display: block;
  width: 100%;
  height: 40px;
  max-height: 40px;
  margin: 0;
  z-index:5;
  bottom:0;
  position: relative ;
  left:0px;
  float:left;
	background-color: #f8f9fa;
	margin-top:-2px
}

.parallax1 > use {
  animation: move-forever1 25s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 22s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 20s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax4 > use {
  animation: move-forever4 12s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}