body {
	background-color:#db3;
	font-family: Helvetica, sans-serif;
	transition: background-image 250ms, box-shadow 250ms, background-color 250ms;
}
/***
 * colour previously #db0;
 ***/

div#preload {
	display: none;
}

@keyframes backgroundFader {
	0% { background-color: #db3; }
	10% { background-color: #CCC; }
	35% { background-color: #ca0;  }
	50% { background-color: #b90; }
	65% { background-color: #ca0; }
	90% { background-color: #CCC; }
	100% { background-color: #db3;  }
}

@keyframes opacitySlider {
	0% {
		opacity: 1;
		border-color: #336;
	}
	100% {
		opacity: 0.5;
		border-color: transparent;
	}
}

/***
 Background choices for body:
 ***/
body.planetScape,
body.swdBeach,
body.colourSplash,
body.wetOrange,
body.swdRooftops,
body.beachHuts,
body.himalayas,
body.anncey,
body.bullcamp,
body.millennium,
body.bluebells {
	width: 100%;
	min-height: 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	animation: none;
}

body.fader {
	-webkit-animation: backgroundFader 45s ease-in-out 0s infinite;
	animation: backgroundFader 45s ease-in-out 0s infinite;
	background-image: none;
	box-shadow: none;
}

body.green {
	background-image: none;
	background-color:#db3;
	box-shadow: none;
	animation: none;
}

body.planetScape {
	background-image: url('/images/bg/moon_vista.jpg');
	box-shadow: inset 0 0 0 1000px rgba(60,110,35,.3);
}
body.swdBeach {
	background-image: url('/images/bg/swd_beach.jpg');
	box-shadow: inset 0 0 0 1000px rgba(250,250,185,.15);
}
body.colourSplash {
	background-image: url('/images/bg/coloursplash.jpg');
	box-shadow: inset 0 0 0 1000px rgba(180,160,35,.1);
}
body.wetOrange {
	background-image: url('/images/bg/abstract_orange4.jpg');
	box-shadow: none;
}
body.swdRooftops {
	background-image: url('/images/bg/swd_rooftops.jpg');
	box-shadow: inset 0 0 0 1000px rgba(210,210,235,.2);
	background-position: left top;
}
body.beachHuts {
	background-image: url('/images/bg/beachhutseafront.jpg');
	box-shadow: inset 0 0 0 1000px rgba(255,238,153,.15);
	background-position: left top;
}
body.himalayas {
	background-image: url('/images/bg/en_mountains.jpg');
	box-shadow: inset 0 0 0 1000px rgba(200,175,0,.075);
}
body.bullcamp {
	background-image: url('/images/bg/blyth_valley_summer_bullcamp_homes.jpg');
	/*box-shadow: inset 0 0 0 1000px rgba(255,255,255,.1);*/
}
body.millennium {
	background-image: url('/images/bg/millennium_green_colours.jpg');
	background-position: center bottom;
}
body.bluebells {
	background-image: url('/images/bg/bluebells_wenhaston.jpg');
}
body.anncey {
	background-image: url('/images/bg/lake_annecy.jpg');
	box-shadow: inset 0 0 0 1000px rgba(0,0,175,.1);
}

/***
 * Footer Fixes
 ***/

body.swdBeach footer,
body.beachHuts footer,
body.bluebells footer,
body.millennium footer,
body.anncey footer,
body.swdRooftops footer {
	background-color: #fffc;
	min-width: 280px;
	width: 40vw;
	border-radius: 1rem;
	color:#000;
}

body.anncey footer {
	background-color: #fff9;
}


body.swdBeach footer a,
body.anncey footer a,
body.beachHuts footer a,
body.swdRooftops footer a,
body.bluebells footer a,
body.fader footer a {
	color: #660;
}

body.millennium footer {
	background-color: #3336;
	min-width: 280px;
	width: 40vw;
	border-radius: 1rem;
	color: #fff;
}
body.millennium footer a {
	color: #daacff;
}

body.fader footer {
	color:#000;
}


body.planetScape footer a,
body.wetOrange footer a,
body.himalayas footer a {
	color:#daac00;
}

body.bullcamp footer,
body.wetOrange footer {
	background-color: #0006;
	min-width: 280px;
	width: 40vw;
	border-radius: 1rem;
}

body.bullcamp footer a {
	color: #fff;
}
/***
 * BG chooser styling
 ***/
div#bgChooser {
	position: fixed;
	top: 0.75rem;
	right: 0.75rem;
	opacity: 0.4;
	animation: 3s linear 0s 1 opacitySlider;
	border: 3px solid transparent;
	box-sizing: border-box;
}
select#bgChoice {
	border-radius: 0;
	background-color: #ffc;
	color: #900;
}
div#bgChooser:hover,
div#bgChooser:focus {
	opacity: 1;
}
/***
 * End BG chooser styling
 ***/



@media only screen
and (max-width : 580px) {
	body.planetScape,
	body.swdBeach,
	body.colourSplash,
	body.wetOrange,
	body.swdRooftops,
	body.beachHuts,
	body.himalayas,
	body.anncey,
	body.bullcamp,
	body.millennium,
	body.bluebells,
	body.fader,
	body {
		background-image: unset;
		background-color: #3C6E23 !important;
		animation: none;
	}

	div#bgChooser {
		display: none;
	}

	body.planetScape footer,
	body.swdBeach footer,
	body.colourSplash footer,
	body.wetOrange footer,
	body.swdRooftops footer,
	body.beachHuts footer,
	body.himalayas footer,
	body.anncey footer,
	body.bullcamp footer,
	body.millennium footer,
	body.bluebells footer,
	body.fader footer,
	body.green footer,
	body footer {
		color:#fff;
		background-color: transparent;
	}

	body.planetScape footer a,
	body.swdBeach footer a,
	body.colourSplash footer a,
	body.wetOrange footer a,
	body.swdRooftops footer a,
	body.beachHuts footer a,
	body.himalayas footer a,
	body.anncey footer a,
	body.bullcamp footer a,
	body.millennium footer a,
	body.bluebells footer a,
	body.fader footer a,
	body.green footer a,
	body footer a {
		color: #daac00;
	}

}