#splash-image{
	display: block;
	margin: 0 auto;
	width: auto;
}

/*-------------------------------------
RSS UPDATES
-------------------------------------*/
#site-updates-wrapper{
	max-width: 700px;
}

#updates{
	padding: 0 0 10px;
	overflow: hidden;
	/*background-color: var(--feature-color);*/
}

	#RSS-options{
		list-style: none;
		padding: 0;
	}
	.feed-update{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		list-style:none;
		margin-bottom: 1.5em;
		filter: drop-shadow(0px 5px 2px RGBA(54,40,67,0.25));
	}
	.feed-update .feed-article{
		display: block;
		/*width: calc(100% - 140px);*/
		flex-grow: 100;
		flex-shrink: 100;
		background-color: var(--feature-greyout);
		border-radius: 10px;
		padding: 1rem;
		max-width: 100%;
	}
	.feed-update:last-of-type{
		margin-bottom: 0;
	}
	.feed-update:nth-of-type(even){
		flex-direction: row-reverse;
	}
	.feed-update:nth-of-type(even) .feed-article{
		margin: 0 0 auto;
		max-width: 100%;
	}
		.feed-update .feed-article > a{
			display: block;
			text-decoration: none;
			cursor: pointer;
		}
		.feed-update .feed-article h4{
			margin: 0;
			padding: 0;
			font-size: 1.4rem;
			line-height: 1;
			color: var(--contrast-body-text-color);
		}
		.feed-update .feed-article .publish-info{
			font-size: 0.5em;
			opacity: 0.5;
			font-style: italic;
		}
		.feed-update .feed-article p{
			margin: 0 0 1em;
			font-style: italic;
			font-size: 0.8rem;
			color: var(--contrast-body-text-color);
		}


.feed-update:nth-of-type(even) .feed-article-creature{
	transform:scaleX(-1);
}

.feed-update .feed-article-creature{
	position: relative;
	width: 128px;
	height: 128px;
	flex-grow: 1;
	flex-shrink: 1;
}

	.feed-article-creature-eye{
		position: absolute;
		display: block;
		width: 25%;
		height: 25%;
		background-image: url(//polyducks.co.uk/assets/front-page-assets/eye.gif);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 2;
}
	.feed-article-creature-eye-1{
		top: 40%;
		left: 40%;
		transform: translateX(-50%)translateY(-50%);
	}
	.feed-article-creature-eye-2{
		top: 30%;
		right: 10%;
		transform: translateX(-50%)translateY(-50%);
	}
	.feed-article-creature-background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-blue.gif);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		z-index: 1;
	}

/* PINK */
.feed-update:nth-of-type(5n+2) .feed-article-creature .feed-article-creature-eye-1{
	left: 60%;
	top: 60%;
}
.feed-update:nth-of-type(5n+2) .feed-article-creature .feed-article-creature-eye-2{
	display: none;
}
.feed-update:nth-of-type(5n+2) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-pink.gif);
}

/* GREEN */
.feed-update:nth-of-type(5n+3) .feed-article-creature .feed-article-creature-eye-1{
	left: 60%;
	top: 60%;
}
.feed-update:nth-of-type(5n+3) .feed-article-creature .feed-article-creature-eye-2{
}
.feed-update:nth-of-type(5n+3) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-green.gif);
}

/* YELLOW */
.feed-update:nth-of-type(5n+4) .feed-article-creature .feed-article-creature-eye-1{
	left: 27%;
	top: 30%;
}
.feed-update:nth-of-type(5n+4) .feed-article-creature .feed-article-creature-eye-2{
	right: 27%;
	top: 13%;
}
.feed-update:nth-of-type(5n+4) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-yellow.gif);
}

/* RED */
.feed-update:nth-of-type(5n+5) .feed-article-creature .feed-article-creature-eye-1{
	left: 35%;
	top: 71%;
}
.feed-update:nth-of-type(5n+5) .feed-article-creature .feed-article-creature-eye-2{
	right: 15%;
	top: 45%;
}
.feed-update:nth-of-type(5n+5) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-red.gif);
}



/* ===================
DISTRACTION-FREE CSS
====================*/

#squiggles-toggle:checked+label{
	cursor: pointer;
}
.feed-article-creature{
	transition: margin-right 1s ease-in-out 0.6s, margin-left 1s ease-in-out 0.6s;
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(2n-1) .feed-article-creature{
	margin-left: -128px;
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(2n) .feed-article-creature{
	margin-right: -128px;
}
#squiggles-toggle:checked+label+#updates .feed-article-creature-eye{
	background-image: URL("https://polyducks.co.uk/assets/front-page-assets/eye-static.gif");
}
#squiggles-toggle:checked+label+#updates .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-blue-static.gif);
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(5n+2) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-pink-static.gif);
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(5n+3) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-green-static.gif);
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(5n+4) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-yellow-static.gif);
}
#squiggles-toggle:checked+label+#updates .feed-update:nth-of-type(5n+5) .feed-article-creature .feed-article-creature-background{
	background-image: url(//polyducks.co.uk/assets/front-page-assets/RSS-sprites-red-static.gif);
}
