.ajax-feed-loader {
	display: flex;
	justify-content: center;
}

	.ajax-feed-loader > * {
		background: #f00;
		animation: stripeLoader 1s infinite ease-in-out,
			instaColor 5s infinite ease-in-out;
		width: 8px;
		height: 30px;
		margin: 20px 0;
		transition: all 200ms ease-in-out;
	}

		.ajax-feed-loader > * + * {
			margin-left: 5px;
		}

		.ajax-feed-loader > *:nth-child( 1 ) {
		  animation-delay: -0.16s;
		}

		.ajax-feed-loader > *:nth-child( 2 ) {
		  animation-delay: 0s;
		}

		.ajax-feed-loader > *:nth-child( 2 ) {
		  animation-delay: -0.32s;
		}

@keyframes stripeLoader {
  0%,
  80%,
  100% {
    transform: scaleY( 1 );
  }
  40% {
    transform: scaleY( 1.4 );
  }
}

@keyframes instaColor {
	0%	{ background-color: #8a3ab9; }
	10%, 90% { background-color: #bc2a8d; }
	20%, 80% { background-color: #cd486b; }
	30%, 70% { background-color: #e95950; }
	40%, 60% { background-color: #fbad50; }
	50% { background-color: #fccc63; }
}

.ajax-feed-error-msg,
.ajax-feed-loader {
	display: none;
}

.ajax-state-error .ajax-feed-error-msg {
	display: block;
}

.ajax-state-loading .ajax-feed-loader {
	display: flex;
}

.ajax-state-error .ajax-feed-loader,
.ajax-state-error .ajax-feed-container {
	display: none;
}

.ajax-feed-item-entry {
	background: #fff;
	display: block;
	margin-bottom: 2rem;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-shadow: 0px 0px 3px 4px 4px 14px rgba(0,0,0,0.5);
	z-index: 1;
	transition: all 300ms ease-in-out;
}

	.ajax-feed-item-entry:hover {
		text-decoration: none;
		transform: scale(1.1);
		box-shadow: 4px 4px 14px rgba(0,0,0,0.5);
		z-index: 50;
	}

	.ajax-feed-item-entry > *{
		display: block;
	}

		.ajax-feed-item-image {
			display: block;
			position: relative;
			overflow: hidden;
			text-align: center;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.ajax-feed-item-image::before {
			display: block;
			content: '';
			padding-top: 56.25%;
		}

		.ajax-feed-item-category {
			margin: 20px 0 15px 0;
		}

		.ajax-feed-item-headline {
			padding: 0 15px;
			margin: 10px 0;
			font-size: 18px;
			font-weight: 500;
		}

		.ajax-feed-item-date {
			padding: 0 15px;
			margin: 10px 0;
			font-size: 12px;
			font-weight: 400;
		}

		.ajax-feed-item-content {
			margin: 10px 15px 15px 15px !important;
			text-align: left;
			font-size: 14px;
			overflow: hidden;
		}