@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(startYposition);
    } 
    100% {
        opacity: 1;
        transform: translateY(endYposition);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translateY(startYposition);
    } 
    100% {
        opacity: 0;
        transform: translateY(endYposition);
    }
}

@keyframes featuredItemArrow {
	0% { margin-left: -54px; }
	30% { margin-left: -44px; }
	70% {margin-left: -44px; }
	100% { margin-left: -54px; }
}

@keyframes webinararrow {
	0% { top: -6px; }
	50% { top: 6px; }
	100% { top: -6px; }
}

@mixin vertical-clamp($lines) {
    display: -webkit-box;
    -webkit-line-clamp: $lines;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}