html {
	scroll-behavior: smooth;
}

h2.h2_bar {
	text-align:left;
	color:#fff;
	background:#26575C;
	padding:18px;
	margin-bottom:24px;
	font-weight:300;
}

section#menu {
	background-color:#fff;
	font-size:22px;
	top:0;
	z-index:999;
	padding-top:8px;
}
	section#menu>div.inner {
		padding-left:0;
		padding-right:0;
	}
	section#menu ul {

	}
	section#menu div#sn {
		display:none;
	}

section#page_strapline {
	text-align:center;
	background:#26575c;
	color:#fff;
	font-size:18px;
	font-weight:100;
	padding:26px 0 20px 0;
	border-top:1px solid #fff;
}

section#banner_image {
		background-size:cover;
		background-position:center center;
}
	section#banner_image div.inner {
		height:430px;
		min-height:30vw;
		background-size:cover;
		background-position:center center;
	}
		#welcome_message {
			background:rgba(130,130,130,.8);
			color:#fff;
			padding:20px 24px;
			position:absolute;
			bottom:5%;
			left:5%;
			right:5%;
			font-weight:100;
			font-size:16px;
		}
			#welcome_message h1 {
				font-size:20px;
			}
			#welcome_message a {
				color:cyan;
			}


section#countdown {
	text-align:center;
	background:#B8352B;
	color:white;
}


section#latest_news,
section#sub_menu_boxes,
section#directory,
section#directory_search,
section#market {
	background:#5d5f90;
}

	section#latest_news div.inner,
	section#directory_search div.inner {
		color:#fff;
	}

#archive_index {
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	margin-bottom:10px;
}
	#archive_index>a {
		text-decoration:none;
		padding:4px;
		background:#26575C;
		color:#fff;
	}
		#archive_index>a.on,
		#archive_index>a:hover {
			background:#704765;
		}

#news_archive_button,
.archive_button {
	display:block;
	background:#26575C;
	color:#fff;
	padding:1rem;
}
#news_archive_button {
	margin-top:1rem;
}



section#whats_on {}

	section#whats_on div.inner {
	}

section#trust_projects,
section#trust_staff,
section#project_sections {
	background:#95655b;
}

	section#trust_projects div.inner,
	section#trust_staff div.inner {
		color:#fff;
	}

section#trust_funders,
section.directory {
	background:#5d5f90;
}
	section#trust_funders div.inner,
	section#trust_funders h2 a,
	section.directory div.inner {
		color:#fff;
	}
	section.directory:nth-child(odd) {
		background:#95655b;
	}


section#good_to_know {}

	section#whats_on div.inner {
	}




section#page_content_1 {}

	section#page_content_1>div.inner :first-child {
		margin-top:0;
	}



section#page_content_2 {}
	section#page_content_2>div.inner :first-child {
		margin-top:0;
	}

section#box_links .box {
	position:relative;
	background-size:cover;
	background-position:center center;
	min-height:380px;
	color:#ffffff;
}

	section#box_links .box .overlay {
		position:absolute;
		left:0;
		bottom:0;
		right:0;
		background-color:rgba(0, 0, 0, 0.6);
		padding:20px 12px;
		font-size:20px;
		line-height:24px;
	}
	section#box_links .box h4 {
		font-size:26px;
		font-family: 'Cinzel Decorative', cursive;
		padding-bottom:12px;
		margin:0 20px;
		color:#fff;
		background:#333;
		padding:30px;
	}
	section#box_links a:hover {
		text-decoration:none !important;
	}

section#location_map {
	height:590px;
	max-height:80vw;
	background:#cce7a2;
}

section#videos {

}

.video_block {
	padding:1rem;
}

.video_block:nth-child(odd) {
	background:#eee;
}
.video_block iframe {
	aspect-ratio: 16 / 9;
	width:100%;
}

@media only screen and (min-width: 800px) {
	.video_block {
		display:grid;
		gap:1rem;
		grid-template-columns:1fr 1fr;
	}
}

section#testimonials div.inner>div {
	margin-bottom:10px;
}

section#testimonials div.inner div q {
	display:block;
	background:#F6F1EB;
	padding:20px;
	font-style:italic;
}

section#testimonials div.inner div span {
	display:block;
	text-align:right;
	padding:5px 20px 20px 0;
}

section#faq dl dt {
	background: #26585C;
	color: #fff;
	padding: 1rem;
	margin-top: 9px;
	cursor: pointer;
}
	section#faq dl dd {
		display:none;
		padding: .5rem 1rem;
		font-size: .9em;
		background:#eee;
	}
		@media only screen and (max-width: 600px) {
			section#faq dl dd {
				margin:0 0 2px 0;
			}
		}

dl.faq::before {
	content: 'FAQ';
	display:block;
	background: #714866;
	color: #fff;
	font-size:21px;
	padding:17px;
}
	dl.faq dt {
		border-top:1px solid #ccc;
		background:#ededed;
		padding:.5rem 1rem;
		cursor:pointer;
	}
		dl.faq dt:first-child {
			border-top:0;
		}
	dl.faq dd {
		font-size:0.9em;
		background:#f7f7f7;
		margin:0;
		padding:.5rem 1rem;
	}

section#links div.inner > div {
	background:#F6F1EB;
	padding:20px;
	margin-bottom:10px;
}
	section#links div.inner a {
		text-decoration:underline;
		text-decoration-style: dashed;
	}
	section#links div.inner a:hover {
		text-decoration-style: solid;
	}
	
div#latest_magazines_holder,
div#latest_newsletters_holder {
	gap:23px;
}
	
	div#latest_magazines_holder .digest_image {
		min-height:220px;
	}
	div#latest_newsletters_holder .digest_image {
		min-height:85px;
	}
	div#latest_magazines_holder .digest_summary,
	div#latest_newsletters_holder .digest_summary{
		text-align:left;
	}
	
section#photo_strip {
	width:2240px;
	height:320px;
	display:flex;
	justify-content:center;
	position:relative;
	left: calc((2240px - 100%) / 2 * -1);
}
	section#photo_strip .photo {
		display:block;
		width:320px;
		height:320px;
		background-color:#eee;
		background-size:cover;
		background-position:center center;
		float:left;
		outline:0;
	}
	section#photo_strip.photo_strip_of_1 .photo {
		min-width:100vw;
	}
	section#photo_strip.photo_strip_of_2 .photo {
		min-width:50vw;
	}
	section#photo_strip.photo_strip_of_3 .photo {
		min-width:340vw;
	}
	section#photo_strip.photo_strip_of_4 .photo {
		min-width:25vw;
	}
	section#photo_strip.photo_strip_of_5 .photo {
		min-width:20vw;
	}
	section#photo_strip.photo_strip_of_6 .photo {
		min-width:18vw;
	}

section#contact_details {
	background:#333333;
	color:#ffffff;
	font-size:20px;
	font-weight:300;
	line-height:34px;
}
	section#contact_details span {
		display:inline-block;
		margin:0 8px;
	}
	section#contact_details a {
		color:#ffffff;
	}

section#sitemap li {
	font-size:15px;
	padding:2px 0;
}

section#footer {
	color:#fff;
	background:#26575c;
	padding:57px 0 45px 0;
}
	section#footer .inner {
		text-align:left;
	}
	#footer_logo {
		display:block;
		margin-bottom:15px;
	}
	section#footer a {
		color:#ddd;
	}
		section#footer a:hover {
			color:#fff;
		}
	#footer_menu {
		margin:1rem 0;
	}
		#footer_menu li {
			padding:0;
			font-size:.9rem;
		}
	#footer_mission_statement {
		font-size:14px;
		padding:0;
	}

section#credits {
	background:#fff;
	font-size:13px;
	color:#666;
	text-align:center;
	padding:38px 0;
}

	section#credits .inner>* {
		display:block;
		padding:4px 0;
	}




/*
Slots
*/

.slots .blocklink {
	display:block;
	padding:17px 10px;
	background:#ff9000;
	margin-bottom:20px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:22px;
}
	.slots .blocklink:hover {
		text-decoration:none;
	}
	.slots .blocklink::after {
		content: '\25b6';
		color:#000000;
		padding-left:25px;
	}
	.slots .blocklink:hover::after {
		color:#ffffff;
	}


.digest {
	display:grid;
	grid-gap:1rem;
	grid-template-columns: 1fr;
	grid-template-areas:
			"d1"
			"d2"
			"d3"
			"d4"
			"d5"
			"d6"
			"d7"
			"d8"
				;
}
	.digest a.digest_item:hover {
		text-decoration:none;
	}
	.digest a:nth-child(1) {
		grid-area: d1;
	}
	.digest a:nth-child(2) {
		grid-area: d2;
	}
	.digest a:nth-child(3) {
		grid-area: d3;
	}
	.digest a:nth-child(4) {
		grid-area: d4;
	}
	.digest a:nth-child(5) {
		grid-area: d5;
	}
	.digest a:nth-child(6) {
		grid-area: d6;
	}
	.digest a:nth-child(7) {
		grid-area: d7;
	}
	.digest a:nth-child(8) {
		grid-area: d8;
	}
	.digest_image {
		display:block;
		background-size:cover;
		background-position:center center;
		background-image:url(/userfiles/design/banners/1.jpg);
		padding-top:55%;
	}
	.digest_summary {
		display:block;
	}


.timeline {
	position:relative;
	height:100px;
	margin:100px 0;
}
	.timeline>span {
		position:absolute;
		display:block;
		top:0;
		left:0;
		bottom:50px;
		/*
		-webkit-border-radius: 0 30px 30px 0;
		border-radius: 0 30px 30px 0;
		*/
		text-align:right;
		background:rgba(10,72,28,.2);
	}
		.timeline>span:hover {
			z-index:9999 !important;
		}
			.timeline>span:hover>i {
				background:#c4d365;
			}
		.timeline>span:first-child {
			background:#b0d665;
		}
		.timeline>span>i {
			position:relative;
			display:inline-block;
			background:#b0d665;
			font-size:11px;
			font-style:normal;
			top:70px;
			padding:5px;
			text-align:center;
			-webkit-border-radius:2px;
			border-radius:2px;
			-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
			box-shadow: 0 0 2px 0 rgba(0,0,0,.4);
		}

			.timeline>span>i::after {
				content:'|';
				position:absolute;
				right:0;
				top:-20px;
			}
			.timeline>span>i>b {
				display:block;
			}
		.timeline>span:nth-child(even)>i {
			top:-62px;
		}
			.timeline>span:nth-child(even)>i::after {
				top:auto;
				bottom:-16px;
			}


.call_to_action {
	display:block;
	background-color:#26585c;
	background-image:url(/userfiles/design/logo.png);
	background-repeat:no-repeat;
	background-size:2rem;
	background-position: top 1rem center;
	color:#fff;
	padding:3rem 1rem 1rem 1rem;
	font-size:20px;
	text-align:center;
	text-decoration:none !important;
	font-weight:bold;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:1rem;
}
	.call_to_action span {
		display:block;
		font-size:13px;
		padding-top:5px;
		font-weight:normal;
	}
	.call_to_action:hover {
		background-color:#714865;
	}

.project_section {
	display:none;
	background:#fff;
	padding:1rem;
	margin-top:1rem;
}

.project_gallery img {
	width:94%;
	margin:0 3% .3rem 3%;
	-webkit-border-radius:10px;
	border-radius:10px;
}


@media (min-width: 600px) {
	#footer_menu {
		column-count: 2;
		column-gap: 10px;
	}
}



@media (min-width: 800px) {

	section#page_strapline {
		font-size:36px;
		text-align:left;
	}

	section#footer .inner {
		display:grid;
		grid-gap:25px;
		grid-template-columns: 1fr 1fr;
	}

	.digest {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"d1 d2"
			"d3 d4"
			"d5 d6"
			"d7 d8"
			;

	}

		#footer_contacts {
			grid-column: 1;
			grid-row: 1;
		}

		#footer_menu {
			grid-column: 2;
			grid-row: 1;
		}

		#footer_mission_statement {
			grid-column: 1 / 3;
			grid-row: 2;
		}

	#footer_menu {
		padding-left:0;
	}
		#footer_menu li {
			list-style-type:none;
			padding:5px 0;
		}

}

@media (min-width: 1024px) {


	#welcome_message {
		padding:40px 48px;
		position:absolute;
		bottom:5%;
		left:0;
		right:22%;
		font-size:22px;
	}
		#welcome_message h1 {
			font-size:30px;
		}



	section#banner_slideshow>div.inner,
	section#banner_slideshow>div.inner div.slide {
		height:450px;
	}


	section#banner_slideshow h1 {
	    font-size:90px;
	    letter-spacing:10px;
	}
	section#banner_slideshow h2 {
	    font-size:35px;
	    letter-spacing:4px;
	    font-weight:300;
	}

	section#menu ul {
		background:#fff;
	}

	section#footer .inner {
		grid-gap:25px;
		grid-template-columns: 4fr 7fr;
	}

		#footer_contacts {
			grid-column: 1;
			grid-row: 1 / 3;
		}
			#footer_logo {
				width:225px;
			}

		#footer_menu {
			column-count: 3;
			grid-column: 2;
			grid-row: 1;
		}
		#footer_mission_statement {
			grid-column: 2;
			grid-row: 2;
		}

	section#credits {}

		section#credits .inner>* {
			display:inline-block;
			padding:0 13px;
			border-right:1px solid #666;
		}
			section#credits .inner>*:last-child {
				border-right:0;
			}

	section#box_links .box h4 {
		margin:0 40px;
	}

	/*
	Page Overrides
	==============
	*/

	#page1 section#page_content_1 {
		font-size:23px;
		line-height:34px;
	}

	#page1 section#page_content_2 {
		font-size:23px;
		line-height:34px;
	}

	.digest {
		grid-gap:23px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			"d1 d1 d2"
			"d3 d4 d5"
			"d6 d7 d8"
			;

	}

}

@media (min-width: 1202px) {

	section#menu div#sn {
		display:block;
		float:right;
	}
		section#menu #tel::before,
		section#menu #email {
			content: '';
			display:inline-block;
			width:32px;
			height:32px;
			box-sizing:border-box;
			border:1px solid #fff;
			position:relative;
			top:10px;
			background-image:url(/userfiles/design/socnets.png);
			background-repeat:none;
		}
		section#menu #tel::before {
			background-position:223px -1px;
			margin-right:16px;
		}
		section#menu #email {
			background-position:254px -1px;
			margin-left:16px;
		}

}