.home {

	h4 {
		font-weight: 700;
		line-height: 21px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.icon {
		width: 100%;
		height: 110px;
		text-align: center;
		margin: 0;
		padding-top:25px;
		.pointer;
		margin-bottom: 10px;
		overflow:hidden;
	}

}

















// TODO EVERYTHING BELOW: Please Remove! -- colors & animations should not go here
.category-purple {
	@color: #ab1290;
	background: @color;
	color: white;

	&:hover {
		background: lighten(@color, 10%);
	}
}

.category-darkblue {
	@color: #004C66;
	background: @color;
	color: white;

	&:hover {
		background: lighten(@color, 10%);
	}
}

.category-blue {
	@color: #0059B2;
	background: @color;
	color: white;

	&:hover {
		background: lighten(@color, 10%);
	}
}

.category-darkgreen {
	@color: #004000;
	background: @color;
	color: white;

	&:hover {
		background: lighten(@color, 10%);
	}
}

.category-orange {
	@color: #FF7A4D;
	color: white;
	background: @color;

	&:hover {
		background: lighten(@color, 10%);
	}
}


.category-box {
	height:90px;

	.post-preview {
		padding-left:10px;
		padding-right:10px;
		text-align:left;
		img {
			width:60px;
			height:60px;
			padding-right:5px;
		}

		p {
			overflow: hidden;
			text-overflow:ellipsis;
			height:60px;
		}
	}
}

@-webkit-keyframes scroll-2 /* Safari and Chrome */
{
    0% {top: 0px;}
    3% {top:-90px;}
    25% {top: -90px;}
    28% {top:-180px;}
    50% {top: -180px;}
    53% {top: -270px;};
    75% {top: -270px;}
    78% {top: -360px;}
    100% {top: -360px;}
}

@keyframes scroll-2
{
    0% {top: 0px;}
    3% {top:-90px;}
    25% {top: -90px;}
    28% {top:-180px;}
    50% {top: -180px;}
    53% {top: -270px;};
    75% {top: -270px;}
    78% {top: -360px;}
    100% {top: -360px;}
}

@-webkit-keyframes scroll-1 /* Safari and Chrome */
{
    0% {top: 0px;}
    3% {top:-90px;}
    33% {top: -90px;}
    36% {top: -180px;}
    66% {top: -180px;}
    69% {top: -270px;}
    100% {top: -270px;}
}

@keyframes scroll-1
{
    0% {top: 0px;}
    3% {top:-90px;}
    33% {top: -90px;}
    36% {top: -180px;}
    66% {top: -180px;}
    69% {top: -270px;}
    100% {top: -270px;}
}

@-webkit-keyframes scroll-0 /* Safari and Chrome */
{
    0% {top: 0px;}
    3% {top:-90px;}
    50% {top: -90px;}
    53% {top: -180px;}
    100% {top: -180px;}
}

@keyframes scroll-0
{
    0% {top: 0px;}
    3% {top:-90px;}
    50% {top: -90px;}
    53% {top: -180px;}
    100% {top: -180px;}
}

.category-slider-2:hover {
  position:relative;

  -webkit-animation: scroll-2 10s ease-in 0.5s infinite normal;
  animation: scroll-2 10s ease-in 0.5s infinite normal;/* Safari and Chrome: */
}

.category-slider-1:hover {
  position:relative;

  -webkit-animation: scroll-1 8s ease-in 0.5s infinite normal;
  animation: scroll-1 8s ease-in 0.5s infinite normal;/* Safari and Chrome: */
}

.category-slider-0:hover {
  position:relative;

  -webkit-animation: scroll-0 6s ease-in 0.5s infinite normal;
  animation: scroll-0 6s ease-in 0.5s infinite normal;/* Safari and Chrome: */
}