/* Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* Icons */
@font-face {
	font-family:'fa-solid';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-solid-900.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'fa-brands';
	src:url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/webfonts/fa-brands-400.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'fa-light';
	src:url('Fonts/fa-light-300.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'logo';
	src:url('Fonts/logo.woff2?update=1') format('woff2');
	font-weight:normal;
	font-style:normal;
}

/*
—————————————————
Global
—————————————————
*/
html {
	font:17px/1.5 'Golos Text', Verdana, sans-serif;
}
body {
	color:#222;
	text-size-adjust:none;
	min-width:320px;
	box-sizing:border-box;
}
body * {
	box-sizing:inherit;
}
a {
	color:inherit;
	text-decoration:none;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
h1, h2, h3, h4 {
	line-height:1.2;
	position:relative;
	margin-bottom:0.9em;
	font-weight:500;
	xtext-transform:uppercase;
}
h1 {
	font-size:3.3rem;
	line-height:1;
	color:#000;
	font-family:'Golos Text';
	text-align:center;
	text-transform:none;
	letter-spacing:-0.03em;
	max-width:56rem;
	margin:0 auto 1em auto;
	padding:0 4rem;
}
h1 small {
	font-size:0.9rem;
	color:#aaa;
	letter-spacing:0;
	display:inline-block;
	width:3em;
	margin:0 -4em 0 1em;
}
h1 small + small {
	margin:0 0 0 5em;
	width:auto;
}
h1 em {
	font-style:inherit;
}
h1.ghost:before {
	content:'\f6e2';
	font-family:fa-light;
	display:block;
	font-size:2em;
	margin:0.4em auto;
	color:#527344;
}
h2 {
	font-size:1.6rem;
}
h2 a {
	border:0 !important;
}
h3 {
	font-size:1.2em;
	font-family:'Golos Text';
	text-transform:uppercase;
}
#content-main h3 {
	text-transform:none;
}
h4 {
	font-size:1.1em;
	margin-top:1.5em;
}
* + h2, * + h3, .albums h2 {
	margin-top:1.7em;
}
.markdown a {
	color:#4a932b;
}
p {
	margin-bottom:1em;
}
.clearfix:after, .block:after {
	content:'';
	display:table;
	clear:both;
}
::selection {
	color:#000;
	background:#ffc627;
}
.back-top {
	width:36px; 
	height:36px;
	background:rgba(0,0,0,0.35);
	position:fixed;
	bottom:50px; right:30px;
	z-index:20;
	display:none;
	border-radius:50%;
}
.back-top img {
	width:36px;
	height:36px;
}
.dropcap > p:first-of-type:first-letter {
	float:left;
	color:#3971a6;
	padding:0 5px 0 0;
	font-size:2.9em;
	line-height:1;
}
#content .dropcap > h2:first-child {
	margin-top:0.5em;
}
.standfirst {
	font-size:1.125rem;
	line-height:1.4;
	margin-bottom:2em;
	position:relative;
	border-bottom:1px solid #bacadd;
	padding-bottom:0.5em;
}
.standfirst:after {
	content:'\f518';
	font-family:fa-light;
	color:#bacadd;
	position:absolute;
	bottom:-0.75em; left:calc(50% - 0.9em);
	background:#fff;
	width:1.8em;
	text-align:center;
}
.center {
	text-align:center;
}
figure {
	width:100%;
	margin:1.5em 0;
}
#section-contents {
	display:none;
}



/*
—————————————————
Mickleham
—————————————————
*/
html.mickleham #switcher,
html.mickleham #switcher-button,
html.mickleham .button,
html.mickleham #carousel-message a,
html.mickleham #newsfeed a:after,
html.mickleham a.related .text:after,
html.mickleham #videos span.play:after {
	background:#f06d1b;
}
html.mickleham .quoted-word,
html.mickleham #logo small,
html.mickleham #explore h2,
html.mickleham #showcase-wrapper h2,
html.mickleham .showcase-left li a:after,
html.mickleham .markdown a,
html.mickleham .nav-primary .rollover ul li.active a,
html.mickleham .nav-primary .rollover a.parent:after {
	color:#f06d1b;
}
html.mickleham #sidebar li ul li.active a {
	color:#f06d1b !important;
}
html.mickleham #explore .button {
	background:#3971a6;
}
html.mickleham ul.bullet li:before {
	color:#f88500;
}
html.mickleham .nav-primary .rollover-center p {
	border-color:#f88500;
}
html.mickleham #welcome-image img {
	border-color:#f88500;
}
html.mickleham #nav {
	background:#fff;
}
html.mickleham #menu-close {
	color:#fff;
	background:#082247;
}
html.mickleham .nav-primary .rollover h3 {
	color:#082247;	
}
html.mickleham .nav-primary a.top,
html.mickleham .nav-primary span.top {
	color:#f88500;
}
html.mickleham .nav-primary a.top:hover,
html.mickleham .nav-primary span.top:hover,
html.mickleham .nav-primary li.top-active a.top,
html.mickleham .nav-primary li.top-active span {
	color:#082247;
}
html.mickleham .nav-primary .rollover a {
	color:#082247;
}
html.mickleham .nav-primary .rollover-center p {
	color:#082247;
}
html.mickleham ::selection {
	background:#77c456;
}
html.mickleham  #contact dd a {
	border-color:#77c456;
}

/*
—————————————————
Header
—————————————————
*/
#logo {
	position:absolute;
	top:0; left:calc(50% - 7.5em);
	width:15em;
	height:4.5em;
	padding:0.55em 0;
}
#logo strong {
	color:#082247;
	font-family:logo;
	font-weight:normal;
	line-height:1;
	text-transform:uppercase;
	white-space:nowrap;
	text-align:center;
	font-size:1.15em;
}
#logo small {
	display:block;
	font-size:1.65em;
	color:#4a932b;
	letter-spacing:0.06em;
	margin-bottom:0.12em;
}
#logo span {
	display:block;
	font-size:1.05em;
	letter-spacing:0.04em;
}
#logo span em {
	font-style:normal;
	text-transform:none;
}
#header {
	position:fixed;
	top:0; left:0;
	width:100%;
	height:4.5em;
	background-color:#fff;
	z-index:3;
	box-shadow:0 0 0.5em rgba(0,0,0,0.15);
	transition:background-color 150ms;
}
html.banner-visible #header {
	background-color:#fffffff3;
}
.menu-button {
	position:absolute;
	top:0; right:0;
	color:#fff;
	background:#3971a6;
	background:#082247;
	width:5em;
	height:4.5em;
	padding:1.5em 0;
	line-height:1.5em;
	cursor:pointer;
	text-align:center;
	font-family:'Golos Text';
	font-weight:500;
	user-select:none;
}
.menu-button:before {
	content:'\f0c9';
	font-family:fa-light;
	font-size:1.2em;
}
#menu-close {
	position:fixed;
	font-size:1rem;
	color:#082247;
	background:#fff;
}
#menu-close:before {
	content:'\f00d';
}
#search-start {
	position:absolute;
	top:0; right:5em;
	color:#fff;
	background:#5485b3;
	width:5em;
	height:4.5em;
	padding:1.5em 0;
	line-height:1.5em;
	cursor:pointer;
	text-align:center;
	font-family:'Golos Text';
	font-weight:500;
	user-select:none;
}
#search-start:before {
	content:'\f002';
	font-family:fa-light;
	font-size:1.2em;
}
#search {
	display:none;
	position:absolute;
	top:4.5em; left:0;
	width:100%;
	padding:4em;
	background:#5485b3;
}
.search-content {
	width:40em;
	max-width:100%;
	height:3em;
	margin:auto;
}
.search-text {
	float:left;
	width:calc(100% - 5em);
	height:3em;
	border-radius:0.5em 0 0 0.5em;
	padding:0.5em 0.8em;
	line-height:2em;
	background:#fff;
	outline:0;
	border:0;
}
.search-button {
	-webkit-appearance:none;
	float:right;
	width:5em;
	height:3em;
	color:#fff;
	background:#082247;
	outline:0;
	border:0;
	border-radius:0 0.5em 0.5em 0;
	font-family:fa-light;
	cursor:pointer;
}

/*
—————————————————
Navigation
—————————————————
*/
#nav {
	display:none;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	color:#fff;
	background:#082247;
	padding:5em;
	z-index:3;
	font-size:0.9vw;
	overflow-y:scroll;
}
body.nav-active #nav {
	display:block;
}
body.nav-active .carousel-wrapper,
body.nav-active .home,
body.nav-active #content,
body.nav-active #footer {
	display:none;
}
.nav-primary li.top {
	float:left;
	margin-right:3em;
}
.nav-primary a.top,
.nav-primary span.top {
	display:block;
	font-weight:500;
	letter-spacing:-0.03em;
	cursor:pointer;
	transition:color 200ms;
	user-select:none;
	font-size:1.8em;
}
.nav-primary a.top:hover,
.nav-primary span.top:hover {
	color:#5a97cc;
}
.nav-primary li.top-active a.top,
.nav-primary li.top-active span {
	color:#5a97cc;
}
.nav-primary li.top-active span.trigger {
	display:none;
}
.nav-primary .rollover {
	position:absolute;
	top:13em; left:5em;
	display:none;
}
.nav-primary .rollover-contents {
	font-size:1.3em;
}
.nav-primary .rollover-contents ul {
	padding-bottom:3em;
}
.nav-primary .rollover-contents ul ul {
	display:none;
	font-size:0.9em;
	padding:0;
	margin:0.5em 1em;
}
.nav-primary .rollover a {
	display:block;
	padding:0.15em 0;
	transition:color 200ms;
}
.nav-primary .rollover li.active a {
	color:#5a97cc;
}
.nav-primary .rollover ul li.active a {
	color:#77c456;
}
.nav-primary .rollover ul a.parent-active + ul {
	display:block;
}
.nav-primary .rollover a.parent:after {
	display:inline-block;
	font-family:'fa-solid';
	content:'\f107';
	margin-left:0.4em;
	color:#5a97cc;
	transition:transform linear 200ms;
}
.nav-primary .rollover a.parent-active:after {
	transform:rotate(180deg);
}
.nav-primary .rollover a:hover {
	color:#5a97cc;
}
.nav-primary .rollover h3 {
	text-transform:none;
	letter-spacing:-0.03em;
	font-weight:600;
	font-size:2em;
	margin-bottom:0.5em;
}
.nav-primary .rollover-center {
	position:absolute;
	top:0; left:19em;
	width:38em;
}
.nav-primary .rollover-center p {
	font-size:0.8em;
	margin-bottom:1.5em;
	border-left:4px solid #4a932b;
	padding-left:1em;
	padding-right:6em;
	min-height:4.5em;
}
.nav-primary .rollover .image-wrapper {
	width:42em;
	height:18em;
	background-position:center;
	background-size:cover;
	border-radius:0.5rem;
}
.nav-primary li.top-active .rollover {
	display:block;
}


/*
—————————————————
Shortcut Menus
—————————————————
*/
#switcher-button,
#quicklinks-button {
	position:absolute;
	top:0;
	color:#fff;
	width:9em;
	height:4.5em;
	cursor:pointer;
	line-height:4.5em;
	text-align:center;
	font-weight:500;
	user-select:none;
}
#switcher-button {
	width:10em;
	left:0;
	background:#4a932b;
}
#quicklinks-button {
	right:10em;
	background:#3971a6;
}
#switcher-button:after,
#quicklinks-button:after {
	content:'\f078';
	font-family:fa-light;
	margin-left:0.5em;
}
#switcher-button.active:after,
#quicklinks-button.active:after {
	content:'\f077';
}
#switcher {
	left:0;
	width:10em;
	background:#4a932b;
}
#quicklinks {
	left:calc(100% - 19em);
	width:14em;
	background:#3971a6;
}
.shortcut-menu {
	position:absolute;
	top:4.5em;
	padding:1em 0;
	color:#fff;
	display:none;
	z-index:1;
}
.shortcut-menu a {
	display:block;
	padding:0.4em 1.5em;
	line-height:1.2;
	transition:background-color 150ms;
}
.shortcut-menu a:hover {
	background-color:#ffffff22;
}


/*
—————————————————
Carousel
—————————————————
*/
#carousel {
	display:block;
	width:0;
	height:0;
	padding:18% 50%;
	position:relative;
	z-index:1;
}
#carousel .panel {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	background-repeat:no-repeat;
	z-index:1;
	opacity:0;
}

#carousel .panel:nth-child(odd) {
	background-position:top left;
	background-size:115% auto;
}

#carousel .panel:nth-child(even) {
	background-position:center;
	background-size:130% auto;
}


#carousel img {
	display:block;
	width:100%;
	height:100%;
}
#carousel h3 {
	font-size:2.8em;
	font-weight:bold;
	line-height:1;
	z-index:3;
	margin-bottom:0.1em;
}
#carousel h3 em {
	color:#c22;
	font-style:normal;
	font-weight:inherit;
}
#carousel p {
	font-size:1.57em;
	margin:0.4em 1em 1em 0;
	line-height:1.2;
}
#carousel .more {
	float:left;
	line-height:1.8;
	z-index:3;
	margin-top:0.6em;
}
#carousel .more:after  {
	float:left;
	content:'\f0a9';
	font-family:fa-solid;
	font-size:1.8em;
	margin-right:0.2em;
	line-height:1;
	color:#c22;
}
#carousel .previous {
	z-index:2;
}
#carousel .current {
	z-index:3;
	animation-duration:6000ms;
	animation-timing-function:linear;
	opacity:1;
}
#carousel .current:nth-child(odd) {
	animation-name:showItem1;
}
#carousel .current:nth-child(even) {
	animation-name:showItem2;
}

@keyframes showItem1 {
	from {
		background-position:top left;
	}
	to {
		background-position:right 30%;
	}
}

@keyframes showItem2 {
	from {
		background-size:100% auto;
	}
	to {
		background-size:130% auto;
	}
}


#carousel-message {
	position:absolute;
	z-index:3;
	bottom:2em; left:50%;
	color:#fff;
	background:rgba(0,0,0,0.6);
	padding:1.2em 1.8em 1.8em 1.8em;
	width:calc(50% - 4em);
	max-width:43.5em;
	border-radius:0.5em;
}
#carousel-message a {
	display:inline-block;
	background:#4a932b;
	padding:0.4em 1.2em;
	text-align:center;
	font-weight:500;
	border-radius:0.3em;
}

#carousel .arrow {
	width:120px;
	height:136px;
	background:url(/Images/arrow-prev.png) center no-repeat;
	background-size:40px 96px;
	position:absolute;
	top:50%; left:0;
	margin-top:-68px;
	z-index:4;
	cursor:pointer;
	opacity:0;
	transition:opacity 200ms linear;
}
#carousel .arrow-next {
	left:auto; right:0;
	background-image:url(/Images/arrow-next.png);
}
#carousel:hover .arrow {
	opacity:0.5;
}


/*
.carousel-wrapper {
	padding:20% 50%;
	position:relative;
	background-image:none !important;
	background-color:#eee;
	background-size:cover;
}
.carousel-wrapper a {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	pointer-events:none;
}
.carousel-wrapper a div {
	width:100%;
	height:100%;
}
*/

/*
—————————————————
Content
—————————————————
*/
#content {
	padding:0 3em;
	margin:9em 0 4em 0;
}
#content-main {
	float:left;
	padding:0 4em;
	margin:auto;
	width:100%;
	max-width:56em;
	xmin-height:1000px;
}
#content-left {
	float:left;
	min-height:1em;
	width:calc((100% - 56em) / 2);
	position:sticky;
	top:8em;
}
#content-right {
	float:right;
	min-height:1em;
	width:14em;
}


/*
—————————————————
Sidebar
—————————————————
*/
#sidebar {
	width:14em;
	border-right:1px solid #3971a6;
	padding-right:1em;
	text-align:right;
}
#sidebar a {
	display:block;
}
#sidebar li.active a {
	color:#3971a6;
}
#sidebar li.active a.parent {
	border-top:1px solid #bbb;
	padding-top:0.4em;
	margin-top:0.2em;
}
#sidebar li ul {
	font-size:0.9em;
	border-bottom:1px solid #bbb;
	padding:0 0 0.5em 0;
	margin-bottom:0.2em;
}
#sidebar li ul a {
	color:#000 !important;
}
#sidebar li ul li.active a {
	color:#4a932b !important;
}

/*
—————————————————
Header Images
—————————————————
*/
.header-wrapper {
	position:relative;
	padding:12.5% 50%;
	margin-bottom:-5em;
	xborder-bottom:1em solid #bacadd;
	background-color:#666;
}
.header-wrapper {
	background-position:center;
	background-size:cover;
}
.xheader-wrapper:after {
	content:'';
	position:absolute;
	top:0; left:0;
	background:linear-gradient(to bottom, #00000000, #00000022);
	width:100%;
	height:100%;
}
.header-wrapper img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.header-wrapper h1 {
	position:absolute;
	bottom:4rem; left:5rem;
	width:calc(100% - 10rem);
	max-width:100%;
	text-align:center;
	margin:0;
	color:#fff;
	font-weight:600;
	z-index:1;
	font-size: 4rem;
	text-transform:none;
	text-shadow:0 0 0.6em #000;

	/* linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.4)) */
}
.header-wrapper h1 small {
	color:inherit;
}


/*
————————
Lists
————————
*/
ul.bullet {
	margin:0 0 1em 1em;
}
ul.bullet:last-child {
	margin-bottom:0;
}
ul.bullet li {
	list-style:none;
	position:relative;
	padding-left:1.1em;
	margin:0 0 0.7em 0;
}
ul.bullet li:before {
	content:'\2022';
	color:#4a932b;
	font-size:1.4em;
	line-height:1;
	font-family:sans-serif;
	position:absolute;
	top:-0.2em; left:0;
	line-height:inherit;
}
ol {
	padding-left:1.5em;
	margin-bottom:1em;
}
ol li {
	list-style:decimal;
	padding-left:0.5em;
}


/*
————————
Paging
————————
*/
.pager {
	color:#999;
	padding:0.5em 0;
}
.pager .count {
	float:left;
}
.pager .paging {
	float:right;
}
.pager span.disabled,
.pager span.divider {
	display:none;
}
.pager span.active,
.pager a {
	float:left;
	margin-left:0.2em;
	border:1px solid #fff;
	min-width:1.8em;
	text-align:center;
	line-height:1.8em;
	border-radius:50%;
}
.pager span.active {
	border:1px solid #ffc627;
	background:#ffc627;
	color:#222;
	margin-left:0.2em;
}


/*
———————————
Blockquotes
———————————
*/
blockquote {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	padding:1.2em;
	margin:2em auto;
	max-width:44rem;
	text-align:center;
	position:relative;
}
blockquote:before,
blockquote:after {
	position:absolute;
	font-family:Georgia;
	font-size:5em;
	line-height:1;
	color:#aaa;
	padding:0 0.1em;
	background:#fff;
}
blockquote:before {
	content:'“';
	top:-0.2em; left:-0.4em;
}
blockquote:after {
	content:'”';
	height:0.5em;
	bottom:-0.25em; right:-0.4em;
}
blockquote p {
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	font-weight:500;
	color:#3971a6;
}
blockquote p:last-child {
	margin-bottom:0;
}


/*
———————————————————
Social Sharing
———————————————————
*/
.social-share {
	display:inline-block;
	margin-top:1em;
	height:32px;
	border-top:3px solid #ddd;
	padding-top:0.4em;
}
.social-share:before {
	float:left;
	content:'Share';
	line-height:32px;
	margin-right:0.3em;
}
.social-share li {
	float:left;
	margin-left:0.5em;
}
.social-share img {
	width:32px;
	height:32px;
}
.social-share a {
	border:0 !important;
}



/*
———————————————————
News
———————————————————
*/
#newsfeed {
	width:calc(100% + 1.5em);
	margin-right:-1.5em;
}
#newsfeed li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 3em 0;
}
#newsfeed h3 {
	text-transform:none;
	font-size:1.1em;
	margin-bottom:0.5em;
}
#newsfeed a {
	display:block;
	width:0; height:0;
	padding:80% 50%;
	position:relative;
	border-radius:0.6em;
	overflow:hidden;
	background:#f2f2f2;
	transition:background 150ms;
}
#newsfeed a:after {
	content:'Read more';
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#4a932b;
	position:absolute;
	bottom:0; right:0;
	border-radius:0.6em 0 0 0;
}
#newsfeed a:hover {
	background:#ededed;
}
#newsfeed img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:41.7%;
	background:#e3e3e2;
}
#newsfeed .text {
	position:absolute;
	top:41.7%; left:0;
	width:100%;
	height:58.3%;
	padding:1em;
}
#newsfeed .teaser {
	display:block;
	font-size:0.7em;
}


/*
———————————————————
News Stories
———————————————————
*/
#story-header .date {
	margin:-0.5em 0 2em 0;
	position:relative;
}
#story-header .date span {
	border-bottom:3px solid #ddd;
	padding-bottom:0.3em;
}
#story-image {
	width:100%;
	opacity:0;
}
#story:after {
	top:auto; bottom:0;
}
#story .block {
	margin-top:2em;
}
#story a.hero {
	display:block;
	position:relative;
	margin-bottom:3em;
	border-radius:0.6em;
	overflow:hidden;
}
#story a.hero:after {
	content:'\f002';
	font-family:fa-solid;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:0.8em; right:0.8em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	font-size:1em;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
}
#story a.hero:hover:after {
	opacity:0.9;
}
#story a.hero img {
	display:block;
	width:100%;
}
#story .caption {
	background:#eee;
	padding:0.7em 0.9em;
	font-size:0.9375em;
	margin:0;
}
#story .caption:before {
	content:'\f030';
	font-family:fa-solid;
	margin-right:0.4em;
	color:#777;
}

#storyHeader {
	margin-bottom:20px;
}
#storyHeader span {
	float:left;
	line-height:25px;
}
#storyHeader ul {
	float:right;
}
#storyHeader li {
	float:left;
}
.social-share {
	display:inline-block;
	margin-top:1em;
	height:32px;
	border-top:3px solid #ddd;
	padding-top:0.4em;
}
.social-share:before {
	float:left;
	content:'Share';
	line-height:32px;
	margin-right:0.3em;
	font-style:italic;
}
.social-share li {
	float:left;
	margin-left:0.5em;
}
.social-share img {
	width:32px;
	height:32px;
}
.social-share a {
	border:0 !important;
}

#related-stories {
	position:absolute;
	top:0; right:-17em;
	width:17em;
	border-left:1px solid #ccc;
	padding-left:2em;
	font-weight:normal;
}


/*
———————————————————
Related Snippets
———————————————————
*/
a.related {
	display:block;
	background:#f2f2f2;
	border-radius:0.6em;
	overflow:hidden;
	margin-bottom:3em;
}
a.related:last-child {
	margin-bottom:0;
}
a.related .image {
	width:0;
	height:0;
	position:relative;
	padding:33.333% 50%;
}
a.related img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
a.related .text {
	padding:0.6em 0.6em 3em 0.6em;
	position:relative;
	line-height:1.3;
	font-size:1.1em;
}
a.related .text:after {
	content:'Read more';
	position:absolute;
	bottom:0; right:0;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375rem;
	font-weight:500;
	color:#fff;
	background:#4a932b;
	border-radius:0.5em 0 0 0;
}
a.related-profile {
	display:block;
	margin-bottom:3em;
}
a.related-profile img {
	display:block;
	width:11em;
	height:11em;
	margin:auto;
	border-radius:50%;
}
a.related-profile .text {
	text-align:center;
	padding:0.6em;
	position:relative;
	line-height:1.2;
}
a.related-profile .text strong {
	display:block;
	margin-bottom:0.2em;
}
a.related-profile .text span {
	display:block;
	font-size:0.9375em;
	margin-bottom:0.2em;
}
a.related-profile .text:after {
	content:'';
	width:6rem;
	height:0.1rem;
	position:absolute;
	bottom:0; left:calc(50% - 3rem);
	background:#4a932b;
}


/*
———————————————————
Profiles
———————————————————
*/
.profiles {
	margin-top:3em;
}
.profiles li {
	float:left;
	width:33.333%;
}
.profiles a {
	display:block;
	width:0; height:0;
	padding:65% 50%;
	position:relative;
	border-radius:0.6em;
	overflow:hidden;
	transition:background 150ms;
}
.profiles img {
	position:absolute;
	top:0; left:2em;
	width:calc(100% - 4em);
	border-radius:50%;
}
.profiles .text {
	position:absolute;
	top:70%; left:2em;
	width:calc(100% - 4em);
	text-align:center;		
}
.profiles h3 {
	position:relative;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}
.profiles h3:after {
	content:'';
	width:6rem;
	height:0.1rem;
	position:absolute;
	bottom:0; left:calc(50% - 3rem);
	background:#4a932b;
}



/*
———————————————————
Profile
———————————————————
*/
.profile-banner {
	height:600px;
	margin-top:-7.8em;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#profile-wrapper {
	padding:6em 3em 3em 3em;
	max-width:60em;
	margin:auto;
}
.profile-banner + #profile-wrapper {
	padding:3em;
}
#profile-wrapper h1 {
	text-align:center;
}
#profile-wrapper h1 + h2 {
	text-align:center;
	margin-top:-0.8em;
	margin-bottom:1.5em;
}
#profile-wrapper .standfirst {
	border-bottom:1px solid #cacaca;
	padding-bottom:0.2em;
	margin-bottom:1.5em;
}
#related-profiles {
	text-align:center;
	margin-top:3em;
}
#related-profiles li {
	display:inline-block;	
	width:11em;
	vertical-align:top;
}
#related-profiles a {
	display:block;
	padding:0 2em;
	line-height:1.1;
}
#related-profiles img {
	display:block;
	margin:0 auto 0.8em auto;
	width:6em;
	height:6em;
	border-radius:50%;
}
#related-profiles strong {
	display:block;
	font-weight:500;
	padding-bottom:0.5em;
	border-bottom:2px solid #4a932b;
}






/*
———————————————————
Buttons
———————————————————
*/
.button {
	display:inline-block;
    border-radius:0.3em;
    color:#fff;
    background:#3971a6;
    text-align:center;
    font-weight:500;
    padding:0.4em 1.2em;
    transition:color 150ms linear;
}
.button-green {
	background:#4a932b;
}
.button-arrow:after {
	display:inline-block;
	font-family:fa-solid;
	font-weight:normal;
	width:1em;
	text-align:right;
	content:'\f105';
	font-size:0.9em;
}



/*
———————————————————
Home Page
———————————————————
*/
.home {
	padding:6em 4em;
	max-width:95em;
	margin:auto;
}

/*
——————————————————————
Welcome
——————————————————————
*/
#welcome {
}
#welcome-text {
	float:left;
	width:50%;
	padding-right:3em;
}
#welcome-image {
	float:right;
	width:50%;
}
#welcome h2 {
	text-transform:none;
	font-size:2.4em;
	margin-bottom:0.5em;
}
#welcome p {
	margin-bottom:1.5em;
}
#welcome-image img {
	display:block;
	width:100%;
	border-radius:0.5em;
}
#welcome .cta {
	float:left;
	margin-top:2.5em;
	width:calc(100% - 18em);
}
#welcome .cta a {
	display:inline-block;
	line-height:2.7em;
}
#welcome .cta span {
	float:left;
	width:1.7em;
	margin-right:0.2em;
	font-family:fa-light;
	color:#bacadd;
	font-size:1.8em;
	line-height:2.7rem;
	text-align:center;
}
.logo-motto {
	float:right;
	width:13em;
	height:11.82em;
	margin:-3.5em 3em 0 0;
}


/*
——————————————————————
Explore
——————————————————————
*/
#explore {
	color:#fff;
	background:#082247;
}
h2.explore-heading {
	font-size:1.8em;
}
#explore h2 {
	text-transform:uppercase;
	color:#55af2e;
}
#explore .button {
	font-size:1rem;
}
.explore-left {
	float:left;
	width:50%;
	padding-right:3em;
}
.explore-left p {
	font-size:1.5em;
}
.explore-right {
	float:right;
	width:43%;
}
.explore-right h2 {
	font-size:1.2em;
}
.explore-right div {
	float:left;
	width:calc(50% - 2em);
}
.explore-right div:first-child {
	margin-right:4em;
}
.explore-right li a {
	display:block;
	border-top:1px solid rgba(255,255,255,0.3);
	padding:0.7em 3em 0.7em 0;
	position:relative;
}
.explore-right li a:after {
	content:'\f178';
	font-family:fa-light;
	position:absolute;
	top:0.7em; right:0;
}
.explore-right ul {
	border-bottom:1px solid rgba(255,255,255,0.3);
	margin-bottom:2em;
}

/*
——————————————————————
Vision & Values
——————————————————————
*/
#vision {
	max-width:52em;
	margin:0 auto 7em auto;
	position:relative;
}
#vision:before {
	content:'';
	width:1px;
	height:100%;
	background:#bacadd;
	position:absolute;
	top:0; left:50%;
}
#vision div:first-child {
	float:left;
	width:calc(50% - 1.5em);
	text-align:right;
}
#vision div:last-child {
	float:right;
	width:calc(50% - 1.5em);
}
#vision .bullet {
	margin-left:0;
}
#vision .bullet li {
	margin-bottom:0.5em;
}



/*
——————————————————————
Showcase
——————————————————————
*/
#showcase-wrapper {
	margin:0 auto 7em auto;
}
#showcase-wrapper h2 {
	text-transform:uppercase;
	color:#4a932b;
}
.showcase-left {
	float:left;
	width:50%;
}
.showcase-left h2 {
	font-size:1.2em;
}
.showcase-right {
	float:right;
	width:50%;
	padding-left:6em;
}
.showcase-right .button {
	margin-top:0.4em;
}
.showcase-right li a {
	display:block;
	border-top:1px solid #bacadd;
	padding:0.7em 3em 0.7em 0;
	position:relative;
}
.showcase-right li a:after {
	content:'\f178';
	font-family:fa-light;
	position:absolute;
	top:0.7em; right:0;
	color:#4a932b;
}
.showcase-right ul {
	border-bottom:1px solid #bacadd;
	margin-top:3em;
	max-width:17em;
}

#showcase {
	background:#bacadd77;
	background:#f2f2f2;
	width:0;
	height:0;
	padding:37% 50%;
	position:relative;
	border-radius:0.5em;
	overflow:hidden;
}
#showcase .panel {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	opacity:0;
}
#showcase .current {
	z-index:1;
}
#showcase .image {
	width:0;
	height:0;
	padding:25% 50%;
	background-size:cover;
	background-position:center;
	position:relative;
}
#showcase .text {
	display:block;
	box-sizing:border-box;
	padding:1.7em;
	font-size:0.9em;
}
#showcase .text h2 {
	color:#0e2145;
}
#showcase .video-link:after {
	content:'\f04b';
	position:absolute;
	width:100px;
	height:100px;
	top:calc(50% - 50px);
	left:calc(50% - 50px);
	font-family:fa-solid;
	color:#fff;
	opacity:0.6;
	font-size:100px;
	line-height:100px;
	text-align:center;
	transition:opacity 150ms linear;
}
#showcase .video-link:hover:after {
	opacity:0.8;
}
#showcase .text a {
	position:absolute;
	bottom:2.5em; left:2.5em;
}
#showcase .arrow {
	width:2em;
	height:4.8em;
	background:url(/Images/arrow-prev.png) center no-repeat;
	background-size:2em 4.8em;
	position:absolute;
	top:35%; left:0;
	margin-top:-2.4em;
	z-index:2;
	padding:3em;
	cursor:pointer;
	opacity:0.6;
}
#showcase .arrow-next {
	left:auto; right:0;
	background-image:url(/Images/arrow-next.png);
}
.dots {
	position:absolute;
	top:calc(67.6% - 2em); left:0;
	z-index:1;
	width:100%;
	height:2em;
	text-align:center;
	pointer-events:none;
	opacity:0.6;
}
.dots li {
	display:inline-block;
	background:#fff;
	width:1em;
	height:1em;
	border-radius:50%;
	margin:0.5em 0.2em;
	cursor:pointer;
	pointer-events:auto;
	box-shadow:0 3px 8px rgba(0,0,0,0.2);
}
.dots li.current {
	background:#a4d240;
}





/*
——————————————————————
Photo Galleries
——————————————————————
*/
#albums li {
	float:left;
	width:calc(33.333% - 1em);
	margin-right:1em;
}
#albums li a {
	display:block;
	width:0;
	height:0;
	padding:50%;
	position:relative;
}
#albums img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:66.666%;
	border-radius:0.5em;
}
#albums a:hover img {
	opacity:.93;
}
#albums li .text {
	position:absolute;
	top:calc(66.666% + 0.7em); left:0;
	width:100%;
	text-align:center;
	line-height:1.2;
}
#albums li strong {
	display:block;
	font-size:0.9em;
	font-weight:500;
}
#albums li span {
	display:block;
	font-size:0.8em;
}
.album-header {
	height:2em;
	border-bottom:1px solid #ddd;
	margin-bottom:1.2em;
}
.album-header span {
	float:left;
	line-height:25px;
}


/*
—————————————————————
Videos
—————————————————————
*/
#videos ul {
	width:calc(100% + 1.5em);
	margin-right:-1.5em;
}
#videos li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#videos a {
	display:block;
	width:0; height:0;
	padding:43% 50%;
	background:#f2f2f2;
	border-radius:0.5em;
	position:relative;
	overflow:hidden;
	transition:background-color 200ms;
}
#videos a:hover {
	background:#e2e2e2;
}
#videos a:active {
	background:#ddd;
}
#videos span.thumb-wrapper {
	position:absolute;
	top:0; right:0;
	width:100%;
	height:65.4%;
	overflow:hidden;
	background-size:cover;
	background-position:center;
}
#videos span.play {
	width:4em;
	height:4em;
	position:absolute;
	top:calc(32.7% - 2em);
	left:calc(50% - 2em);
}
#videos span.play:after {
	content:'\f144';
	display:block;
	font-family:fa-light;
	font-size:4em;
	line-height:1;
	text-align:center;
	transition:color 200ms;
	border-radius:50%;
	color:#fff;
	background:#4a932b;
}
#videos span.title {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	top:65.4%; left:0;
	width:100%;
	height:34.6%;
	padding:0 1em;
	font-size:0.9em;
}


/*
—————————————————
Tabs
—————————————————
*/
.tabs {
	margin-bottom:3.2em;
	text-align:center;
	min-height:2em;
}
.tabs li {
	display:inline-block;
	margin:0 0.2em 0.7em 0.2em;
}
.tabs a {
	display:block;
	line-height:2em;
	padding:0 1.2em;
	box-sizing:border-box;
	transition:background-color 150ms;
	border-radius:1em;
	background-color:#eee;
}
.tabs a:hover {
	background-color:#e9e9e9;
}
.tabs a:active {
	background-color:#e2e2e2;
}
.inverted .tabs a,
.inverted .tabs a:hover {
	background-color:#fff;
}
.tabs li.active a,
.inverted .tabs li.active a {
	color:#fff;
	background-color:#3971a6;
	xfont-weight:500;
	color:#000;
	background:#ffc627;
}



/*
————————————————————————
Events
————————————————————————
*/
#events {
	width:calc(100% + 1.5em);
	margin:2em -1.5em 0 0;
}
#events li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 1.5em 0;
}
#events .event-tile {
	position:relative;
	width:0;
	height:0;
	padding:42% 50%;
	background:#f5f5f5;
	border-radius:0.6em;
	overflow:hidden;
}
#events .date-wrapper {
	position:absolute;
	top:0; left:0;
	padding:0.8em 1em;
	width:100%;
	color:#fff;
	background:#4a932b;
}
#events .date-wrapper div {
	float:left;
}
#events .date-wrapper .dash {
	font-size:1.6em;
	line-height:1;
	margin:1rem 0.4rem 0 0.4rem;
}
#events span.day {
	display:block;
	font-weight:500;
	line-height:1;
	text-transform:uppercase;
}
#events span.date {
	display:block;
	font-size:1.3em;
	font-weight:500;
	line-height:1.1;
}
#events .text {
	position:absolute;
	top:4.2em; left:0;
	width:100%;
	padding:1em;
}
#events h3 {
	margin:0 0 0.5em 0;
	font-size:1.1em;
}
#events .icon {
	font-size:0.9em;
}
#events .icon:before {
	display:inline-block;
	width:1.1em;
	margin-right:0.5em;
	font-family:fa-solid;
	color:#527344;
	text-align:center;
}
#events .location:before {
	content:'\f3c5';
}
#events .time:before {
	content:'\f017';
}
#events .location + .time {
	margin-top:-1em;
}
#events a {
	display:block;
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#527344;
	border-radius:0.6em 0 0.6em 0;
}
#events li.type1 .icon:before,
#events li.type8 .icon:before {
	color:#3971a6;
}
#events li.type1 .date-wrapper,
#events li.type1 a,
#events li.type8 .date-wrapper,
#events li.type8 a {
	background:#3971a6;
}
#events li.type9 .date-wrapper,
#events li.type9 a,
#events li.type9 .date-wrapper,
#events li.type9 a {
	color:inherit;
	background:#ffc627;
}
#events li.type5 .date-wrapper,
#events li.type5 a,
#events li.type12 .date-wrapper,
#events li.type12 a {
	background:#41a9dc;
}
#events li.type5 .icon:before,
#events li.type12 .icon:before {
	color:#41a9dc;
}


/*
————————————————————————
Event Page
————————————————————————
*/
#event-wrapper {
	background:#fff;
	padding:2em;
	border-radius:8px;
	overflow:hidden;
}
.event-hero-wrapper {
	display:block;
	width:0;
	height:0;
	position:relative;
	padding:30% 50%;
	margin-bottom:0.75em;
}
.event-hero-wrapper:last-child {
	margin-bottom:0;
}
.event-hero-wrapper img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	border-radius:5px;
}
#event-heading-wrapper {
	color:#fff;
	background:#244a6f;
	padding:2em;
	margin:-2em -2em 2em -2em;
	text-align:center;
	position:relative;
}
#event-heading-wrapper h1 {
	color:#fff;
	margin:0 0 0.2em 0;
	padding:0 2em;
}
#event-heading-wrapper h3 {
	margin:0;
}
#event-heading-wrapper .arrow {
	position:absolute;
	top:calc(50% - 2.5rem);
	font-size:2.5rem;
	line-height:2;
	width:3rem;
	height:2em;
	text-align:center;
	color:#fff;
}
#event-heading-wrapper .arrow span {
	display:none;
}
#event-heading-wrapper .arrow:before {
	font-family:fa-solid;
}
#event-heading-wrapper .arrow-prev {
	left:1.8rem;
}
#event-heading-wrapper .arrow-prev:before {
	content:'\f053';
}
#event-heading-wrapper .arrow-next {
	right:1.8rem;
}
#event-heading-wrapper .arrow-next:before {
	content:'\f054';
}

/*
—————————————————————
Event Details
—————————————————————
*/
#event-wrapper dl {
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
}
#event-wrapper dt, #event-wrapper dd {
	float:left;
	padding:0.3em;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
#event-wrapper dt {
	clear:left;
	width:5em;
	font-weight:bold;
}
#event-wrapper dd {
	width:calc(100% - 5em);
}
#event-wrapper dd a {
	border:0;
}
#event-wrapper a.more {
	display:inline-block;
	color:#fff;
	padding:0.25em 1.1em;
	text-transform:uppercase;
	font-size:0.85em;
	position:relative;
	font-weight:700;
	letter-spacing:0.07em;
	z-index:1;
	margin-top:2em;
}
#event-wrapper a.more:after {
	content:'';
	background:#ccc;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	transform:skew(-15deg);
	z-index:-1;
}






/*
——————————————————————
Inline Images
——————————————————————
*/
.inline-images {
	width:calc(100% + 1em);
	margin:2em -1em 2em 0;
	clear:both;
}
p + .inline-images {
	margin-top:3em;
}
.inline-images a {
	float:left;
	margin-right:1em;
	outline:0;
	position:relative;
	border:0 !important;
}
.inline-images a:after {
	content:'\f002';
	font-family:fa-solid;
	width:2.5em;
	height:2.5em;
	position:absolute;
	top:1em; right:1em;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
	font-size:1.2em;
	line-height:2.5em;
	text-align:center;
	opacity:0;
	transition:opacity 150ms linear;
}
.inline-images a:hover:after {
	opacity:0.9;
}
.inline-1up a {
	width:calc(100% - 1em);
}
.inline-2up a {
	width:calc(50% - 1em);
}
.inline-3up a {
	width:calc(33.333% - 1em);
}
.inline-4up a {
	width:calc(25% - 1em);
}
.inline-5up a {
	width:calc(20% - 1em);
}
.inline-images img {
	display:block;
	width:100%;
	border-radius:0.4em;
	background:#f2f2f1;
}
.inline-images .caption {
	display:block;
	font-size:0.9em;
	margin-top:0.5em;
	line-height:1.2;
	color:#222;
	padding-right:1em;
}



/*
——————————————————————
Gallery
——————————————————————
*/
.gallery {
	margin:2em 0;
}
.gallery:last-child {
	margin-bottom:0;
}
.gallery-row  {
	width:calc(100% + 1em);
	margin-right:-1em;
}
.gallery-row li {
	float:left;
	margin:0 1em 1em 0;
}
.gallery-row:last-child li {
	margin-bottom:0;
}
.gallery-row1 li {
	width:calc(100% - 1em);
	margin:auto;
}
.gallery-row2 li {
	width:calc(50% - 1em);
}
.gallery-row3 li {
	width:calc(33.3333% - 1em);
}
.gallery-row4 li {
	width:calc(25% - 1em);
}
.gallery-row a {
	display:block;
	width:0;
	height:0;
	outline:0;
	padding:33.3333% 50%;
	position:relative;
	overflow:hidden;
	background:#eee;
	border-radius:5px;
}
.gallery-row img {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.gallery-row img.vertical {
	height:auto;
	top:-30%;
}



/*
——————————————————————
FAQs
——————————————————————
*/
#faq-topics {
	width:32em;
}
#faq-topics li {
	float:left;
	width:calc(50% - 0.3em);
	cursor:pointer;
	background:#ddd;
	margin:0 0.3em 0.3em 0;
	padding:0.4em 1em;
	border-radius:3em;
}
#faq-topics li:hover {
	background-color:#e9e9e9;
}
#faq-topics li:active {
	background-color:#e2e2e2;
}
#faq-topics li.active {
	color:#fff;
	background-color:#527344;
	font-weight:500;
}

#questions {
	border-bottom:1px solid #cac7bb;
	margin:0 auto 3em auto;
}
#questions li.top {
	border-top:1px solid #cac7bb;
}
.faqs .question {
	font-weight:bold;
	cursor:pointer;
	margin:0;
	user-select:none;
	padding:0.5em 2em 0.5em 0;
	position:relative;
	transition:color 150ms linear;
}
.faqs .question:after {
	content:'\f067';
	font-family:fa-solid;
	font-weight:normal;
	position:absolute;
	top:0; right:0;
	padding:0.5em;
}
.faqs .question:hover {
	color:#e14419;
}
.faqs .question-active:after {
	content:'\f068';
	color:#e14419;
}
.faqs .answer {
	display:none;
	background:#fff;
	padding:1em;
	border-radius:4px;
	margin-bottom:1em;
}
.faqs .answer img {
	display:block;
	width:100%;
	max-width:600px;
}
.faqs .answer-active {
	display:block;
}
.faqs .answer p:last-child {
	margin:0;
}
.faqs .answer iframe {
	display:block;
	width:400px;
	height:224px;
	margin-bottom:4px;
}




/*
——————————————————————
Forms
——————————————————————
*/
.form h3 {
	margin-top:2em;
}
.total + h3 {
	margin-top:0;
}
.form h3:first-child {
	margin-top:0;
}
.form p {
	margin-bottom:0.8em;
}
.form p.checkboxes input {
	margin-right:4px;
	position:relative;
	top:1px;
}
.form label {
	display:block;
	font-size:13px;
	margin-bottom:1px;
	color:#777;
}
.form .checkboxes label {
	display:inline;
	color:inherit;
	margin:0;
	font-size:inherit;
}
.form input.text,
.form textarea,
.form select {
	display:block;
	padding:5px 6px;
	border-radius:4px;
	border:1px solid #ccc;
	width:100%;
	box-sizing:border-box;
	max-width:400px;
	box-shadow:2px 2px #ccc;
}
.form select {
	display:inline-block;
	width:auto;
}
.form select.full {
	width:100%;
}
.form input.text:focus,
.form textarea:focus,
.form select:focus {
	outline:none;
	border-color:#ffc627;
	box-shadow:2px 2px #ffc627;
}
.form input.postcode {
	display:inline-block;
	width:80px;
}
.form textarea {
	height:120px;
}
.validation-container {
	color:#e00;
	margin-bottom:1em;
}
.confirm {
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	background:#02c9dd;
	border-radius:10px;
	padding:6px 15px;
}
.confirm:before {
	content:'✓ ';
}
.form .total {
	display:inline-block;
	padding:4px 0;
	border-top:1px solid #aaa;
	border-bottom:4px double #aaa;
	margin-bottom:2.2em;
}
.total span {
	margin-left:5px;
}
.form p.error {
	color:#fff;
	background:red;
	position:relative;
	top:18px;
	line-height:1.1;
	display:inline-block;
	padding:4px 9px;
	border-radius:4px;
	font-weight:bold;
}
.form .question {
	display:block;
	margin:1.5em 0 0.4em 0;
}


/*
——————————————————————
Enrolment Form
——————————————————————
*/
#enrolment {
	padding:0;
	border-radius:0;
}
#enrolment a {
	font-weight:bold;
	border-bottom:1px solid #7b3;
}
#enrolment h2 {
	background:#3971a6;
	color:#fff;
	padding:0.4em 1.2rem;
	margin:-1.2rem -1.2rem 1em -1.2rem;
	font-size:1.2em;
}
#enrolment h3 {
	font-size:1.1em;
}
#enrolment h2 small {
	font-size:0.7em;
}
#enrolment .formPanel {
	margin-bottom:1.5em;
	padding:1.2em;
	background:#f7f7f7;
	border-radius:0.5em;
	overflow:hidden;
}
#enrolment .formSection {
	margin-bottom:12px;
}
#enrolment p.intro {
	padding-right:15px;
}
#enrolment p.wide,
#enrolment h3.wide {
	padding-left:50px;
}
#enrolment .affiliations strong,
#enrolment .attachments strong,
#enrolment .income strong,
#enrolment p.checkboxes strong {
	display:block;
	margin-bottom:4px;
}
#enrolment p.input-list strong {
	display:block;
	margin:16px 0 8px 0;
}
#enrolment .affiliations strong {
	margin-top:12px;
}
#enrolment p.total span {
	display:inline-block;
	background:#ccc;
	padding:7px 7px 7px 12px;
	border-radius:5px;
}
#enrolment p.total strong {
	display:inline;
	margin-right:10px;
}
#enrolment #visaPanel,
#enrolment #accountPanel {
	display:none;
}
#enrolment input.button {
	background:#4a932b;
	color:#fff;
	padding:0.5em;
	font-size:1.2em;
	border-radius:0.5rem;
	width:8em;
	text-align:center;
	margin-top:2em;
	border:0;
	outline:0;
	cursor:pointer;
}
#enrolment input.button:focus {
	background:#7b3;
}
#enrolment input.button:hover {
	background:#6a2;
}
#enrolment input.button:active {
	background:#591;
}


/*
——————————————————————
Tables
——————————————————————
*/
.markdown table {
	width:100%;
	margin:1.5em 0;
	font-size:0.9em;
}
.markdown th,
.markdown td {
	padding:0.4em 0.7em;
	vertical-align:top;
	border:0.05em solid #ffc627;
	width:11em;
	text-align:center;
}
.markdown th {
	background:#ffc627;
	font-weight:bold;
	line-height:1.3;
	padding:0.6em 0.7em;
}
.markdown th:nth-child(even) {
	background:#ffd86c;
}
.markdown th:first-child,
.markdown td:first-child {
	width:auto;
	text-align:left;
}
.markdown td {
	background:#ffc6271a;
}
.markdown td:first-child {
	background:none;
}


.presentation th.label,
.presentation td {
	border:1px solid #fed534;
}
.presentation th.center,
.presentation td.center {
	text-align:center;
}
.presentation td.tint {
	background:#fffce2;
	font-weight:bold;
}
.presentation td.tint span {
	font-weight:normal;
}
.fees {
	width:100%;
	font-size:14px;
}


/*
—————————————————
Staff
—————————————————
*/
.staff {
	width:100%;
	border-bottom:0.05em solid #ddd;
	font-size:0.875em;
	margin:3em 0 1.5em 0;
}
.staff th {
	font-weight:500;
	color:#fff;
	background:#3971a6;
	padding:0.4em 0;
}
.staff th:first-child,
.staff td:first-child {
	padding-left:0.6em;
}
.staff td {
	border-top:0.05em solid #ddd;
	padding:0.4em 1em 0.4em 0;
	vertical-align:top;
}
.staff td:last-child {
	width:10%;
}
h2.learning {
	margin-top:2.8em;
}
.learning-icon {
	font-family:fa-light;
	font-size:1.2em;
	display:inline-block;
	width:1.3em;
	margin-right:0.3em;
	text-align:center;
	color:#527344;
}
h4.learning {
	color:#527344;
	font-size:1.1em;
	font-weight:500;
	margin-bottom:0.2em;
}


/*
———————————————————
Staff
———————————————————
*/
.leadership  {
	width:102%;
	margin:4em -2% 0 0;
}
.leadership li {
	float:left;
	width:23%;
	margin:0 2% 2.8em 0;
	padding-top:1.5em;
	position:relative;
}
.leadership li:nth-child(6n+1) {
	clear:left;
}
.leadership .dept { 
	position:absolute;
	top:0; left:0;
	font-size:0.93em;
}
.leadership a {
	display:inline-block;
	line-height:1.8;
	color:#527344;
	outline:0;
	border:0 !important;
	font-size:0.93em;
	margin-top:0.4em;
}
.leadership a:after  {
	float:left;
	content:'\f0a9';
	font-family:fa-solid;
	font-size:1.8em;
	margin-right:0.2em;
	line-height:1;
	color:#527344;
}
.leadership img {
	display:block;
	width:100%;
	margin-bottom:0.5em;
	border-radius:0.5em;
}
.leadership h3 {
	font-size:1.2em;
	margin-bottom:0.2em;
}
.leadership h4 {
	font-size:0.93em;
	line-height:1.2;
	border-top:1px solid #ddd;
	padding-top:0.2em;
	color:#999;
	margin-bottom:0.3em;
}
.profile {
	max-width:960px;
	min-height:300px;
	position:relative;
}
.profile img {
	position:absolute;
	top:1em; left:1em;
	width:240px;
	border-radius:5px;
}
.profile h3 {
	font-style:italic;
	font-size:1.2em;
	margin-top:-0.5em;
}
.profile p.position {
	margin:0 0 1.5em 0;
	font-weight:500;
}
.profile p.position + p.position {
	margin:-1.2em 0 1.5em 0;
}
.staff-profile .profile {
	width:auto;
	height:auto;
	padding:1.5em 0 0 6.5em;
	min-height:10em;
	margin-bottom:1.5em;
	border-top:1px solid #ddd;
}
.staff-profile .profile:before {
	content:'';
	position:absolute;
	top:1.7em; left:0;
	border-radius:0.3em;
	background:#456fa3 url(/Images/icon-man.png) center no-repeat;
	background-size:contain;
	width:4.8em;
	height:6.4em;
}
.staff-profile li.gender-f .profile:before {
	background-image:url(/Images/icon-woman.png);
	background-color:#4a932b;
}
.staff-profile .profile img {
	top:1em; left:0;
	width:11em;
	border-radius:5px;
}


/*
—————————————————
Staff
—————————————————
*/
#staff {
	width:calc(100% + 1.5em);
	margin-right:-1.5em;
}
#staff li.person {
	float:left;
	width:calc(50% - 1.5em);
	height:8.6em;
	background:#f2f2f2;
	margin:0 1.5em 1.5em 0;
	border-radius:0.5em;
	padding:1em 1em 1em 6em;
	position:relative;
	overflow:hidden;
}
#staff li.person:before {
	content:'';
	position:absolute;
	top:0.3em; left:0.3em;
	border-radius:0.3em;
	background:#456fa3 url(/Images/icon-man.png) center no-repeat;
	background-size:contain;
	width:4.8em;
	height:8em;
}
#staff li.gender-f:before {
	background-image:url(/Images/icon-woman.png);
	background-color:#4a932b;
}
#staff strong {
	display:block;
	font-weight:500;
	margin-bottom:0.4em;
	line-height:1.1;
}
#staff span {
	display:block;
	font-size:0.8em;
	line-height:1.2;
}
#staff img {
	position:absolute;
	top:10px; left:10px;
	width:80px;
	height:100px;
}
#staff a.email, .staff-profile a.email {
	border-bottom:1px solid #456fa3;
	font-size:0.8em;
	color:#456fa3;
}
#staff li.gender-f a.email, .staff-profile li.gender-f a.email {
	color:#4a932b;
	border-color:#4a932b;
}
.staff-profile a.email {
	font-size:1rem;
}
#staff a.more {
	position:absolute;
	bottom:0; right:0;
	border-radius:0.5em 0 0 0;
	color:#fff;
	background:#bbb;
	xbackground:#456fa3;
	line-height:1.9;
	padding:0 1em;
	font-size:0.85em;
	font-weight:500;
	outline:0;
}
#staff a.more:hover {
	background:#aaa;
}
#staff a.more:active {
	background:#a2a2a2;
}
#staff li.gender-f a.more {
	xbackground:#4a932b;
}


/*
—————————————————
Fee Calculator
—————————————————
*/

#fee-wrapper {
	display:none;
}
#fee-table-wrapper {
	overflow-x:auto;
}
.how-many {
	display:inline-block;
	padding:0.7em;
	border-radius:0.5em;
	background:#f2f2f2;
	padding:0.6em 0.9em 0.8em 0.9em;
	margin-right:0.5em;
	font-size:0.9em;
}
.how-many label {
	display:block;
	font-weight:bold;
	margin-bottom:0.4em;
	line-height:1.3;
}
.how-many label span {
	font-weight:normal;
	font-size:0.875em;
}
.how-many select {
	padding:0.3em 0.4em;
	outline:none;
}



.xfee-field {
	float:left;
	border-radius:7px;
	background:#f3f2ee;
	padding:9px 12px 11px 12px;
	margin-bottom:0.3em;
	margin-top:0!important;
	font-size;0.9em;
}
.xfee-field label {
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}
.xfee-field label span {
	font-weight:normal;
}
.xfee-field input.text,
.xfee-field select {
	display:block;
	padding:5px;
	outline:none;
	width:16em;
	box-sizing:border-box;
}
.opening-balance {
	float:right;
}





/*
==========================
Grids
==========================
*/
.grid {
	width:100%;
	border-bottom:1px solid #ddd;
	margin:1.5em 0;
	font-size:0.9em;
}
.grid tr:hover td {
	background-color:#eee;
}
.grid th {
	padding:0.3em;
	font-weight:500;
}
.grid th strong {
	font-size:16px;
}
.grid td {
	line-height:16px;
	padding:6px;
	background:#f9f9f9;
	border-top:1px solid #ddd;
	cursor:pointer;
}
.grid tr.completed td {
	background-color:#fbf5dc;
	border-color:#eedead;
}
.grid tr.completed:hover td {
	background-color:#f7eec9;
}
.grid td a {
	color:#333;
}
.grid td a:hover {
	text-decoration:none;
}



.quoted-word {
	color:#4a932b;
}
.search-results h3 {
	margin-top:1em;
	margin-bottom:0.3em;
}
.search-results td {
	padding:0.6em 0.8em;
}
.search-results .parent {
	color:#999;
}
.search-results .divider:after {
	content:'\f105';
	font-family:fa-solid;
	color:#4a932b;
	width:1.2em;
	display:inline-block;
	text-align:center;
}







#fees {
	margin:2em 0;
	font-size:0.9em;
}
#fees th {
	line-height:1.2;
	color:#3971a6;
	vertical-align:bottom;
	padding:0.36rem 0.54rem;
	font-size:0.8rem;
	font-weight:500;
}
#fees th span {
	font-weight:normal;
}
#fees td {
	background:#f2f2f2;
	line-height:1.2em;
	padding:0.5em 0.6em;
}
#fees th.money,
#fees td.money {
	text-align:right;
	padding-left:1em;
}
#fees th.comp,
#fees td.comp,
#fees td.total-comp,
#fees th.resources,
#fees td.resources,
#fees td.total-resources {
	padding-right:2.5rem;
}
#fees.mickleham th.resources,
#fees.mickleham td.resources,
#fees.mickleham td.total-resources {
	padding-right:0.6em;
}
#fees.mickleham th.tech,
#fees.mickleham td.tech,
#fees.mickleham td.total-tech {
	padding-right:2.5rem;
}

#fees th.highlighted {
	color:#000;
	background:#f7c944;
}
#fees td.highlighted {
	background:#fff;
}
#fees th.highlighted,
#fees td.highlighted {
	border-left:1px solid #f7c944;
	border-right:1px solid #f7c944;
	padding-right:0.8em;
}
#fees tr.notClickable td {
	cursor:inherit;
}
#fees tr.totals td {
	color:#fff;
	background:#3971a6;
	font-weight:500;
}
#fees tr.totals em {
	font-weight:normal;
	font-style:normal;
	font-size:0.85em;
	vertical-align:top;
	margin-left:0.3em;
}
#fees tr.totals td.highlighted {
	color:#000;
	background:#f7c944;
}
#fees select {
	padding:2px;
	border-color:#ddd;
	border-radius:5px;
	outline:0;
}
#discounts {
	font-size:0.9em;
	margin-bottom:1.8em;
}
#discounts p {
	position:relative;
}
#discounts p input {
	position:absolute;
	top:0.3em; left:0;
	cursor:pointer;
}
#discounts b {
	font-weight:500;
}
#discounts label {
	display:block;
	user-select:none;
	cursor:pointer;
	padding:0 0 0 1.5em;
}
.enter-balance {
	font-size:0.9em;
}
.enter-balance input {
	display:inline-block;
	width:5em;
	border:1px solid #ccc;
	padding:0.3em;
	border-radius:5px;
	outline:0;
}
.enter-balance select {
	display:inline-block;
	border:1px solid #ccc;
	padding:0.3em;
	border-radius:5px;
	outline:0;
}

/*
—————————————————
Canteen
—————————————————
*/
.canteen-header {
	padding:2em;
	color:#fff;
	background:#3971a6;
	border-radius:0.5em;
	margin-bottom:1em;
}
.canteen-header h2 {
	color:#fff;
}
.canteen-header p {
	margin-top:0 !important;
	margin-bottom:0;
}
.canteen-header div p {
	float:left;
	margin-right:1em;
}
.canteen-header div p:last-child {
	margin-right:0;
}
.canteen-header label {
	display:block;
}
.canteen-header input.text,
.canteen-header select {
	padding:0.4em;
	border:0;
	border-radius:4px;
	width:16em;
	outline:0;
	box-sizing:border-box;
}
.canteen-header select.class {
	width:7em;
}
.canteen-header select.date {
	zwidth:28em;
}
.menu-picker {
	padding:2em;
	background:#eee;
	border-radius:12px 12px 0 0;
}
.menu-picker div {
	float:left;
	background:#fff;
	padding:1.5em;
	border-radius:8px;
	margin-right:2em;
	width:calc(33.333% - 1.34em);
	box-sizing:border-box;
}
.menu-picker div:last-child {
	margin-right:0;
}
.menu-picker input {
	float:left;
	opacity:0;
}
.menu-picker br {
	display:none;
}
.menu-picker label {
	display:block;
	border-radius:5px;
	padding:0.6em 1.2em 0.6em 2.4em;
	margin-bottom:0.3em;
	height:2.2em;
	line-height:1;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
	background:#eee;
	font-size:0.8em;
	font-family:'Roboto Condensed';
}
.menu-picker label:hover {
	background:#e2e2e2;
}
.menu-picker label:active {
	background:#ddd;
}
.menu-picker label strong {
	float:left;
	font-weight:normal;
}
.menu-picker label span {
	float:right;
	text-align:right;
}
.menu-picker input:checked + label {
	background:#4a932b;
	color:#fff;
}
.menu-picker input:checked + label:before {
	position:absolute;
	top:0.6em; left:1em;
	line-height:1;
	content:'\f00c';
	font-family:fa-solid;
}
.menu-picker-notes {
	background:#eee;
	padding:0 2em 2em 2em;
}
.menu-picker-notes textarea {
	display:block;
	border-radius:8px;
	border:0;
	background:#fff;
	padding:0.6em;
	width:100%;
	box-sizing:border-box;
	width:25.5em;
	max-width:100%;
	height:5em;
}
.canteen-footer {
	padding:2em;
	color:#fff;
	background:#ddd;
	border-radius:0 0 12px 12px;
}
.canteen-footer input {
	display:inline-block;
	margin-right:0.5em;
	width:10em;
	padding:0.7em;
	border-radius:3em;
	border:0;
	background:#3971a6;
	color:#fff;
	cursor:pointer;
	transition:background-color 150ms linear;
	font-size:1.2em;
}
.canteen-footer input:hover {
	background:#32628f;
}


#review-orders {
	width:calc(100% + 2em);
	margin-top:2em;
	margin-right:-2em;
	margin-bottom:1em;
}
#review-orders div {
	float:left;
	background:#eee;
	padding:1.5em;
	border-radius:8px;
	margin-right:2em;
	margin-bottom:2em;
	width:calc(33.333% - 2em);
	box-sizing:border-box;
	position:relative;
}
#review-orders div:nth-child(3n + 1) {
	clear:left;
}
#review-orders h3 {
	font-size:18px;
}
#review-orders h4 {
	margin:-0.8em 0 1em 0;
	font-style:italic;
	font-size:1.1em;
}
#review-orders li {
	margin-bottom:0.4em;
}
#review-orders li strong {
	float:left;
	font-weight:normal;
}
#review-orders li span {
	float:right;
}
#review-orders li.total {
	border-top:1px solid #aaa;
	font-weight:bold;
	padding-top:0.5em;
	margin:0;
}
#review-orders input.delete {
	position:absolute;
	top:0.5em; right:0.5em;
	padding:0 0.3em;
}
#review-orders p.order-notes {
	background:#fff;
	border-radius:6px;
	padding:0.6em 0.8em;
	font-size:0.9em;
	margin:1em 0 0 0;
}
.canteen-buttons input {
	display:inline-block;
	margin-right:0.5em;
	width:10em;
	padding:0.7em;
	border-radius:3em;
	border:0;
	background:#3971a6;
	color:#fff;
	cursor:pointer;
	transition:background-color 150ms linear;
	font-size:1.2em;
}
.canteen-buttons input.add-another {
	background:#fff;
	border:1px solid #3971a6;
	color:#3971a6;
}
.canteen-buttons input.pay-now:hover {
	background:#32628f;
}





/*
——————————————————————
Documents
——————————————————————
*/
#documents li {
	float:left;
	width:calc(33.33% - 1em);
	margin:0 1em 1em 0;
}
#content-right #documents li {
	float:none;
	width:100%;
	margin:0 0 1em 0;
}
#documents a {
	display:flex;
	align-items:center;
	height:5em;
	background:#f2f2f2;
	padding:1em;
	font-size:0.875em;
	line-height:1.2;
	padding-left:5.2em;
	transition:background-color 150ms;
	border-radius:0.6em;
	position:relative;
	overflow:hidden;
}
#documents a strong,
#documents a span {
	display:block;
	font-weight:normal;
	font-size:0.8rem;
}
#documents a:hover {
	background:#eaeaea;
}
#documents a:hover {
	background-color:#e9e9e9;
}
#documents a:active {
	background-color:#e2e2e2;
}
#documents a:before {
	content:'\f15b';
	font-family:fa-solid;
	font-size:2em;
	position:absolute;
	top:0; left:0;
	width:2.1em;
	text-align:center;
	height:100%;
	line-height:2.5em;
	background:#456fa3;
	color:#fff;
}
#documents li.pdf a:before {
	content:'\f1c1';
}
#documents li.word a:before {
	content:'\f1c2';
}
#documents li.excel a:before {
	content:'\f1c3';
}
#documents li.powerpoint a:before {
	content:'\f1c4';
}
#documents li.image a:before {
	content:'\f1c5';
}
#documents li.zip a:before {
	content:'\f1c6';
}
#page-sidebar #documents li {
	float:none;
	width:auto;
	margin:0 0 1em 0;
	font-size:0.9em;
}

/*
——————————————————————
Document Thumbs
——————————————————————
*/
#document-thumbs h2 {
	margin-bottom:20px;
}
#document-thumbs {
	padding-top:2em;
	text-align:center;
}
#content-right #document-thumbs {
	padding-top:0;
}
#document-thumbs li {
	display:inline-block;
	width:198px;
	height:285px;
	font-size:0.8rem;
	vertical-align:top;
}
#document-thumbs li img {
	width:138px; height:195px;
	display:block;
	margin:0 auto 0.8em auto;
	box-shadow:0 0 7px #ccc;
	border:4px solid #fff;
}
#document-thumbs li a:hover img {
	opacity:.93;
}
#document-thumbs li strong,
#document-thumbs li span {
	display:block;
	text-align:center;
	padding:0 10px;
	line-height:15px;
	margin-bottom:2px;
}
#document-thumbs li strong {
	font-weight:500;
}


/*
———————————————————
Products
———————————————————
*/
#products {
	width:calc(100% + 1.5em);
	margin:4em -1.5em 0 0;
}
#products li {
	float:left;
	width:calc(33.333% - 1.5em);
	margin:0 1.5em 1.5em 0;
	position:relative;
}
#products a.product {
	display:block;
	width:0;
	height:0;
	padding:70% 50%;
	position:relative;
}
#products a.product img {
	position:absolute;
	top:0; left:0;
	width:100%;
	border-radius:0.5em;
	box-shadow:0 0 0.7em #ddd;
	padding:0.5em;
	transition:box-shadow 200ms;
	background:#fff;
}
#products a.product:hover img {
	box-shadow:0 0 1em #ccc;
}
#products a.product div {
	position:absolute;
	top:71.43%; left:0;
	width:100%;
	font-size:0.9em;
	padding:0.6em 2.8em 0.6em 0.6em;
}
#products a.product div strong {
	display:block;
	font-weight:500;
	line-height:1.2;
}
#products a.product div span {
	color:#999;
}
#products a.zoom {
	width:2em;
	height:2em;
	border-radius:50%;
	background:#eee;
	position:absolute;
	top:calc(71.43% + 0.6em); right:0;
	text-align:center;
	line-height:2em;
	color:#999;
}
#products a.zoom:after {
	font-family:fa-solid;
	content:'\f002';
}
#products a.zoom:hover {
	background:#e9e9e9;
}
#products a.zoom:active {
	background:#e2e2e2;
}
#products.categories {
	width:auto;
	margin:0;
	text-align:center;
}
#products.categories li {
	float:none;
	display:inline-block;
	width:calc(33.333% - 1.7em);
	margin:0 0.75em;
}
#products.categories a.product div strong {
	font-size:1.4em;
}


/*
—————————————————
Jobs
—————————————————
*/
.job-subtitle {
	background:#eee;
	border-radius:0.5em;
	padding:0.9em 1.4em;
	margin-bottom:2em;
}
.job-subtitle ul.bullet {
	font-size:1.2em;
	margin:0;
}
.job-subtitle ul.bullet li {
	margin:0;
}
#vacancies li {
	margin-bottom:1em;
}
#vacancies h3 {
	margin-bottom:0.5rem;
}
#vacancies a {
	display:block;
	background:#eee;
	border-radius:0.5em;
	padding:1em 1.3em;
	position:relative;
	overflow:hidden;
}
#vacancies a:after {
	content:'Read more';
	width:7.5em;
	line-height:2em;
	text-align:center;
	font-size:0.9375em;
	font-weight:500;
	color:#fff;
	background:#4a932b;
	position:absolute;
	bottom:0; right:0;
	border-radius:0.6em 0 0 0;
}
#vacancies span {
	display:block;
}
#vacancies span.subtitle:before,
#vacancies span.location:before {
	content:'\2022';
	color:#4a932b;
	font-family:sans-serif;
	display:inline-block;
	xposition:relative;
	xtop:-0.2em;
	line-height:inherit;
	transform:scale(1.5);
	width:1em;
	margin:0 0 0 0.4em;
}
#vacancies span.closing {
	font-style:italic;
	margin-top:0.5em;
}


/*
—————————————————
Contact Page
—————————————————
*/
#contact-left {
	float:left;
	width:calc(50% - 2em);
}
#contact-right {
	float:right;
	width:calc(50% - 2em);
	background:#f2f2f2;
	padding:1.2em;
	border-radius:0.5em;
}
#contact-right select {
	float:left;
	width:calc(100% - 7rem);
	border:1px solid #bbb;
	padding:0.4em;
	border-radius:4px;
	outline:0;
	font-size:0.9em;
}
#contact-right .button {
	float:right;
	width:6rem;
	outline:0;
	border:0;
	cursor:pointer;
	font-size:0.9em;
}
#contact-right #staff {
	width:auto;
	margin:0;
}
#contact-right #staff li {
	float:none;
	width:auto;
	margin:0;
	background:#fff;
}
#contact dl {
	border-bottom:1px solid #ddd;
	margin-bottom:2em;
}
#contact div:last-child dl {
	margin-bottom:0;
}
#contact dt,
#contact dd {
	float:left;
	padding:0.7em 0;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
#contact dt {
	clear:left;
	width:9em;
}
#contact dd {
	width:calc(100% - 9em);
}
#contact dd a {
	border-bottom:2px solid #fc0;
}
#contact dt span {
	font-size:0.9em;
}
#contact dt:before {
	font-family:fa-light;
	font-size:1.2em;
	line-height:1.5rem;
	width:1.5em;
	display:inline-block;
	text-align:center;
	position:relative;
	top:0.1em;
	margin-right:0.4em;
	color:#5f85c0;
}
#contact dt.calendar:before {
	content:'\f133';
}
#contact dt.clock:before {
	content:'\f017';
}
#contact dt.location:before {
	content:'\f3c5';
}
#contact dt.attachment:before {
	content:'\f0c6';
}
#contact dt.person:before {
	content:'\f007';
}
#contact dt.phone:before {
	content:'\f095';
}
#contact dt.fax:before {
	content:'\f1ac';
}
#contact dt.mobile:before {
	content:'\f3cd';
}
#contact dt.email:before {
	content:'\f0e0';
}
#contact dt.website:before {
	content:'\f245';
}
#contact dt.facebook:before {
	font-family:fa-brands;
	content:'\f39e';
}
#contact dt.linkedin:before {
	font-family:fa-brands;
	content:'\f0e1';
}
#contact dt.twitter:before {
	font-family:fa-brands;
	content:'\f099';
}
#contact dt.instagram:before {
	font-family:fa-brands;
	content:'\f16d';
}
#contact dt.youtube:before {
	font-family:fa-brands;
	content:'\f167';
}
#contact dt.pinterest:before {
	font-family:fa-brands;
	content:'\f0d2';
}
#contact dl + p {
	margin-top:2em;
	margin-bottom:0;	
}
#contact address {
	display:inline-block;
	background:#eee;
	padding:1em 1.5em;
	border-radius:7px;
	margin-top:2em;
}
#contact address span,
#contact address strong {
	display:block;
}
#google-map {
	background:#eee;
	height:30em;
	border-radius:0.5em;
}

/*
———————————————————
Footer
———————————————————
*/
#footer {
	color:#fff;
	background:#082247;
	padding:2.5rem 3rem;
	text-align:center;
	font-size:0.875em;
	line-height:1.7;
	position:relative;
}
.footer-panel {
	float:left;
	width:33.333%;
}
#footer .logo-panel img {
	display:block;
	width:6.5em;
	margin:0.5em auto 0 auto;
}
#footer address span,
#footer #contact span {
	display:block;
	opacity:0.85;
}
#footer address span span,
#footer #contact span span {
	display:inline;
}
#footer-social {
	margin-top:0.7em;
}
#footer-social a {
	display:inline-block;
	font-size:0;
	border:2px solid #fff;
	border-radius:50%;
	width:2.2rem;
	height:2.2rem;
	text-align:center;
	margin:0 3px;
}
#footer-social a:before {
	font-size:1rem;
	font-family:fa-brands;
	line-height:calc(2.2rem - 4px);
}
#footer-social .facebook:before  { content:'\f39e' }
#footer-social .instagram:before { content:'\f16d' }
#footer-social .twitter:before   { content:'\f099' }
#footer-social .linkedin:before  { content:'\f0e1' }
#footer-social .youtube:before   { content:'\f167' }

#social a:hover {
	background:#fff;
}
#footer #copyright {
	margin:3em 0 0 0;
	opacity:0.85;
}
#footer #copyright a {
	display:inline-block;
	margin-left:1em;
	border-bottom:1px solid #777;
}









/*
—————————————————
Responsive
—————————————————
*/

@media (min-width: 1830px) {
	.wide h1 {
		max-width:75rem;
	}
	#content.wide #content-main {
		max-width:75em;
	}
	#content.wide #content-left {
		width:calc((100% - 75em) / 2);
	}
	#newsfeed a {
		padding:75% 50%;
	}
	#newsfeed img {
		height:44.4%;
	}
	#newsfeed .text {
		top:44.3%;
		height:55.6%;
		padding:1.2em 1em;
	}
	#newsfeed h3 {
		font-size:1.2em;
		margin-bottom:0.7em;
	}
	#newsfeed .teaser {
		font-size:0.85em;
	}
	#albums li {
		width:calc(25% - 1em);
	}
	#videos a {
		padding:37% 50%;
	}
	#videos span.thumb-wrapper {
		height:76%;
	}
	#videos span.play {
		top:calc(38% - 2em);
	}
	#videos span.title {
		top:76%;
		height:24%;
	}
	#events li {
		width:calc(25% - 1.5em);
	}
	#events .event-tile {
		padding:47% 50%;
	}
}


@media (min-width: 1024px) {
	#newsfeed.news-home li {
		width:calc(25% - 1.5em);
	}
	#newsfeed.news-home a {
		padding:75% 50%;
	}
	#newsfeed.news-home img {
		height:44.4%;
	}
	#newsfeed.news-home .text {
		top:44.3%;
		height:55.6%;
		padding:1.2em 1em;
	}
	#newsfeed.news-home h3 {
		font-size:1.2em;
		margin-bottom:0.7em;
	}
	#newsfeed.news-home .teaser {
		font-size:0.85em;
	}
}


@media (max-width: 1840px) {
	.menu-picker div {
		float:none;
		width:100%;
		margin:0 0 2em 0 !important;
	}
	.menu-picker div:last-child {
		margin:0 !important;
	}
	.menu-picker label {
		font-size:1em;
	}
	.menu-picker label strong,
	.menu-picker label span {
		user-select:none;
		pointer-events:none;
	}
}


@media (max-width: 1610px) {
	#showcase .text {
	    font-size: 0.9vw;
	}
}

@media (max-width: 1500px) {
	html {
		font-size:1.0666vw;
	}
}

@media (max-width: 1023px) {
	html {
		font-size:14px;
	}
	#content-left {
		display:none;
	}
	#content-main {
		float:none;
		width:auto;
		padding:0;
		max-width:100%;
	}
	#content-right {
		float:none;
		clear:both;
		margin-top:3em;
	}
	.header-wrapper {
		padding:20% 50%;
		margin-bottom:-4em;
	}
	#content {
		margin-top:7em;
	}
	h1 {
		font-size:2.6em;
		padding:0;
	}
	h1 small {
		display:none;
	}
	.header-wrapper h1 {
		font-size:3em;
		bottom:3rem;
		left:3rem;
		width:calc(100% - 6rem);
	}
	.menu-button span,
	#quicklinks-button span {
		display:none;
	}
	.menu-button,
	#quicklinks-button {
		width:5em;
	}
	.menu-button:before {
		margin:0;
		font-size:1.4em;
	}
	#quicklinks-button {
		right:10em;
	}
	#quicklinks-button:after {
		content:'\f0c1';
		margin:0;
		font-size:1.4em;
	}
	#nav {
		font-size:1rem;
	}
	.nav-primary li.top {
		float:none;
		text-align:center;
		border-bottom:1px solid #ffffff55;
		margin:0;
	}
	html.mickleham .nav-primary li.top {
		border-color:#bacadd;
	}
	.nav-primary li.top:last-child {
		border:0;
	}
	.nav-primary a.top,
	.nav-primary span.top {
		padding:0.3em;
	}
	.nav-primary .rollover {
		position:static;
	}
	.nav-primary .rollover-center {
		display:none;
	}
	.nav-primary .rollover-contents ul {
		padding-bottom:1em;
	}
	#carousel {
		padding:33.333% 50%;
	}
	#carousel p {
		margin-right:0;
		font-size:1.25em;
	}
	#carousel .panel:nth-child(odd) {
		background-position:top left;
		background-size:auto 115%;
	}
	#carousel .panel:nth-child(even) {
		background-position:center;
		background-size:auto 130%;
	}
	#carousel .arrow {
		display:none;
	}
	@keyframes showItem1 {
		from {
			background-position:top left;
		}
		to {
			background-position:center;
		}
	}
	@keyframes showItem2 {
		from {
			background-size:auto 100%;
		}
		to {
			background-size:auto 150%;
		}
	}
	.logo-panel h3 {
		margin:auto;
		width:9em;
	}
	#newsfeed .text {
		font-size:1.8vw;
	}
	#section-contents {
		display:block;
		border-bottom:1px solid #bacadd;
		padding-bottom:1em;
		margin-bottom:2em;
	}
	a.related {
	
	}

	/* Home Page */
	.home {
		padding:4em;
	}
	#welcome-text {
		float:none;
		width:auto;
		padding:0;
		margin-bottom:2em;
	}
	#welcome-image {
		float:none;
		width:auto;
	}
	.explore-left {
		float:none;
		width:auto;
		padding:0;
		margin-bottom:3em;
	}
	.explore-left p {
		font-size:1.2em;
	}
	.explore-right {
		float:none;
		width:auto;
	}
	.explore-right ul {
		margin:0;
	}
	#showcase-wrapper {
		margin-bottom:4em;
	}
	.showcase-left {
		float:none;
		width:auto;
		margin-bottom:2em;
	}
	.showcase-right {
		float:none;
		width:auto;
		padding:0;
	}
	#showcase {
		padding:33% 50%;
	}
	#showcase .text {
		font-size:1.3vw;
	}
	.dots {
		display:none;
	}
	#newsfeed.news-home li:nth-child(4) {
		display:none;
	}

	/* Calendar */
	#content-left.sidebar-visible {
		position:static;
		display:block;
		float:none;
		width:auto;
		margin-bottom:2em;
	}
	#sidebar {
		text-align:left;
		padding:0;
		border:0;
		width:auto;
	}

}

@media (max-width: 767px) {
	html {
		font-size:13px;
	}
	h1, #welcome h2 {
		font-size:2.2em;
	}
	.header-wrapper h1 {
		font-size:2.4em;
		bottom:2rem;
		left:2rem;
		width:calc(100% - 4rem);
	}
	#header {
		font-size:0.9em;
		position:relative;
		margin-bottom:3.5rem;
	}
	#menu-close {
		font-size:0.9rem;
	}
	#logo {
		left:0.7em;
	}
	#switcher-button {
		left:auto;
		right:15em;
		width:5em;
	}
	#switcher-button span {
		display:none;
	}
	#switcher-button:after {
		content:'\f3c5';
		margin:0;
		font-size:1.5em;
	}
	#switcher, #quicklinks {
		left:0;
		width:100%;
		padding:1.5em 0;
	}
	#switcher li, #quicklinks li {
		font-size:1.4em;
	}
	.header-wrapper {
		margin-bottom:2em;
		margin-top:-3.5rem;
		padding:30% 50%;
	}
	.home {
		padding:2.5em 2em;
	}
	#content {
		padding-left:2em;
		padding-right:2em;
		margin:0 0 3em 0;
	}
	#carousel {
		margin-top:-3.5rem;
	}
	#carousel-message {
		width:calc(50% - 2em);
	}
	#newsfeed li {
		width:calc(50% - 1.5em);
	}
	#newsfeed.news-home li:nth-child(4) {
		display:block;
	}
	#newsfeed h3 {
		font-size:1.4em;
	}
	#newsfeed .teaser {
		font-size:0.9em;
	}
	#newsfeed a {
		padding:65% 50%;
	}
	#newsfeed img {
		height:51.28%;
	}
	#newsfeed .text {
		top:51.28%;
		height:48.72%;
	}
	#showcase {
		padding:37% 50%;
	}
	#showcase .text {
		font-size:1.8vw;
	}
	#albums li {
		margin-bottom:1em;
	}
	#videos li {
		width:calc(50% - 1.5em);
	}
	#videos a {
		padding:37% 50%;
	}
	#videos span.thumb-wrapper {
		height:76%;
	}
	#videos span.play {
		top:calc(38% - 2em);
	}
	#videos span.title {
		top:76%;
		height:24%;
	}
	#staff,
	#staff li.person,
	#documents,
	#documents li {
		float:none;
		width:auto;
		margin-right:0;
	}
	#contact-left {
		width:auto;
		float:none;
		margin-bottom:3em;
	}
	#contact-right {
		width:auto;
		float:none;
	}
	#footer #copyright a {
		display:none;
	}



	/* Canteen */
	#review-orders {
		width:100%;
		margin-right:0;
	}
	#review-orders div {
		width:100%;
		margin-right:0;
	}
	.canteen-buttons {
		text-align:center;
	}
	.canteen-buttons input {
		width:8em;
		margin:0 0.2em;
	}
	.canteen-header div {
		margin:0 !important;
	}
	.canteen-header div p {
		float:none;
		margin:0 0 0.5em 0;
	}
	.canteen-header input.text, .canteen-header select {
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}
}


@media (max-width: 700px) {
	#events li {
		width:calc(50% - 1.5em);
	}
	#welcome .cta {
		width:calc(100% - 14em);
	}
	.logo-motto {
		width:12em;
		height:10.91em;
		margin-right:0;
	}
}


@media (max-width: 575px) {
	#content-right {
		width:auto;
		max-width:18em;
		margin:3em auto 0 auto;
	}	
	#header  {
		font-size:0.8em;
	}
	.header-wrapper {
		margin-bottom:2em;
		padding:30% 50%;
	}
	#logo {
		font-size:0.9em;
		top:0.4em;
	}
	#menu-close {
		font-size:0.8rem;
	}
	#nav {
		padding:5em 2em;
	}
	#carousel {
		margin-bottom:13em;
	}
	#carousel-message {
		left:0;
		max-width:100%;
		width:100%;
		height:13em;
		border-radius:0;
		bottom:auto;
		top:100%;
		background:#082247;
	}
	#welcome .cta {
		float:none;
		width:auto;
	}
	.logo-motto {
		float:none;
		display:block;
		width:14em;
		height:12.73em;
		margin:auto;
	}
	.explore-right div {
		float:none;
		width:auto;
	}
	.explore-right div:first-child {
		margin:0 0 3em 0;
	}
	.showcase-right ul {
		max-width:100%;
	}
	#showcase {
		padding:53% 50%;
	}
	#showcase .text {
		font-size:3vw;
	}
	#showcase .arrow {
		top:22%;
	}
	#newsfeed {
		width:auto;
		margin-right:0;
	}
	#newsfeed li {
		float:none;
		width:auto;
		margin:0 0 2em 0;
	}
	#newsfeed a {
		width:auto;
		height:auto;
		padding:0 0 2em 0;
	}
	#newsfeed .image-wrapper {
		position:relative;
		width:0;
		height:0;
		padding:33.333% 50%;
	}
	#newsfeed img {
		height:100%;
	}
	#newsfeed .text {
		position:static;
		width:auto;
		height:auto;
		font-size:1rem;
	}
	#albums, #albums li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#albums li a {
		padding:40% 50%;
	}
	#albums img {
		height:83.333%;
	}
	#albums li .text {
		top:calc(83.333% + 0.7em);
	}
	#videos ul, #videos li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#products, #products li  {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#products.categories li {
		width:70%;
	}
	#products a.product {
		padding:60% 50%;
	}
	#products a.product div {
		top:83.33%;
	}
	#products a.zoom {
		top:calc(83.33% + 0.6em);
	}

	#events {
		width:auto;
		margin:0;
	}
	#events li {
		float:none;
		width:auto;
		margin:0 0 1.2em 0;
	}
	#events .event-tile {
		width:auto;
		height:auto;
		padding:0;
	}
	#events .date-wrapper {
		position:relative;
	}
	#events .text {
		position:static;
		min-height:8em;
	}


	#vacancies a {
		padding-bottom:2.8em;
	}

	#footer {
		padding-top:14.5em;
	}
	.footer-panel {
		float:none;
		width:auto;
		margin-bottom:2.5em;
	}
	.footer-panel h3 {
		font-size:1.1em;
		margin-bottom:0.5em;
	}
	.logo-panel {
		position:absolute;
		top:2.5em; left:0;
		width:100%;
	}
	.logo-panel h3 {
		font-size:1.3em;
		width:auto;
	}
	#footer #copyright {
		margin-top:1em;
	}
	.tabs {
		font-size:0.85em;
	}

	.menu-button, #quicklinks-button, #search-start, #switcher-button {
		width:4.2em;
	}
	#search-start {
		right:4.2em;
	}
	#quicklinks-button {
		right:8.4em;
	}
	#switcher-button {
		right:12.6em;
	}

}


@media (max-width: 370px) {
	#logo {
		font-size:0.8em;
		top:0.65em;
	}
}