html {
	position: relative;
	min-height: 100%;
}
body { 
	background: #2A3877;
	color: white;
}

/* Headings */
/* -------------------------------------------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, strong { font-weight: 800; }
.h3, h3 { font-size: 1.5rem; }
.h4, h4 { font-size: 1.3rem; }
.h5, h5 { font-size: 1.1rem; }

/* Generic */
/* -------------------------------------------------------------------------------------- */
a { color: #141414; }
a:hover { color: #141414; text-decoration: none; }
a.white { color: white; }
a.white:hover { color: white; text-decoration: none; }

p { margin-bottom: .5rem; }
.small, small { font-size: 60%; }
.large, large { font-size: 130%; }
.text-shadow { text-shadow: 0px 0px 6px rgba(0,0,0,0.5); }

.container { max-width: 1200px; }
.row { position: relative; }
[class*='col-'] { margin-bottom: 30px; }
.hr { margin-bottom: 2rem; }

hr { margin-top: 0; margin-bottom: 1rem; }
dl, ol, ul { padding-left: 25px; }

/* Colours */
/* -------------------------------------------------------------------------------------- */
.bg-white { background: #ffffff; color: #141414; }
.bg-navy { background: #2A3877; color: white; }
.bg-yellow { background: #F6D400; color: white; }
.bg-royalblue { background: #0088DD; color: white; }
.bg-green { background: #4EB849; color: white; }
.bg-grey { background: #d7d7d7; color: white; }
.bg-lightgrey { background: #f0f0f0; color: #141414; }

.text-navy { color: #2A3877; }
.text-yellow { color: #F6D400; }
.text-orange { color: #fe7f00; }
.text-royalblue { color: #0088DD; }
.text-green { color: #4EB849; }
.text-darkgrey { color: #999999; }
.text-black { color: #141414; }
.text-grey { color: #d7d7d7; }
.text-white { color: white; }

.btn-royalblue { background: #0088DD; color: white; }
.btn-royalblue:hover { background: #006DB1; border-color: #006DB1; color: white; }

/* Navbar */
/* -------------------------------------------------------------------------------------- */
.navbar > .container {
	text-align: center;
}
.navbar .me-auto {
	margin: 0 auto !important;
}
.the-hive-logo {
	z-index: 1000;
	margin-top: 5px;
}
.forest-skies-logo {
	text-align: end;
	z-index: 1000;
	margin-top: 5px;
}

/* Decorations */
/* -------------------------------------------------------------------------------------- */
.top-0 { 
	top: 0; 
	bottom: auto;
}
.o-hidden {	
	overflow: hidden;
}
.top-right-royalblue { 
	width: 30%;
	position: absolute;
	top: 0;
	right: -5px;
	height: auto;
	z-index: -1;
}
.center-left-yellow {
	width: 22%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	height: auto;
	z-index: -1;
}
.bottom-right-green {
	width: 25%;
	position: absolute;
	bottom: -10px;
	right: -10px;
	height: auto;
	z-index: -1;
}

/* Intro Homepage */
/* -------------------------------------------------------------------------------------- */
.intro {
	margin-top: 1.5rem;
}
.intro h1 {
	font-size: 3.5rem; 
}
.intro .large {
	font-size: 150%;
	margin-bottom: 1.5rem;
}

/* Hexagon Years  */
/* -------------------------------------------------------------------------------------- */
.hex-years {
	padding-bottom: 5rem;
}
.year-1 { 
	margin-top: 0.5rem;
}
.year-2 { 
	margin-top: 6rem;
    margin-left: -45px;
}
.year-3 { 
	margin-bottom: 0;
    margin-left: -35px;
}
.year-4 { 
	margin-top: 9rem;
    margin-left: -30px;
}
.year-5 { 
	margin-top: 2.5rem;
	margin-left: -40px;
}
.year-6 { 
	margin-top: 9rem;
	margin-left: -35px;
}

/* Season Category Pages  */
/* -------------------------------------------------------------------------------------- */
.season-cats img:hover {
	opacity: 0.8;
}

/* Listing Pages  */
/* -------------------------------------------------------------------------------------- */
.w-panel {
	margin-top: 3rem;
}
.w-panel a {
	text-decoration: none;
}
.task-listing { 
	background: #f0f0f0; 
	color: #141414;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: .5rem;
	padding-left: .5rem;
}
.task-listing:hover { 
	background: #0088DD;
	color: white; 
}

/* Task Page  */
/* -------------------------------------------------------------------------------------- */
.task { 
	background: #fcf5e7; 
	color: #141414;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.info { 
	background: #f0f0f0; 
	color: #141414;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}
.action { 
	background: #cce6f6; 
	color: #141414;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem;
}

/* Footer */
/* -------------------------------------------------------------------------------------- */
.footer {
	position: relative;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.social {
	text-align: end;
}
.social a {
	margin-left: 20px;
}
.social a:hover {
	opacity: 0.5;
}