/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url(' /extras/etc/fonts/work-sans-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url(' /extras/etc/fonts/work-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url(' /extras/etc/fonts/work-sans-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url(' /extras/etc/fonts/work-sans-v5-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url(' /extras/etc/fonts/work-sans-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Medium'), local('WorkSans-Medium'),
       url(' /extras/etc/fonts/work-sans-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url(' /extras/etc/fonts/work-sans-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url(' /extras/etc/fonts/work-sans-v5-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url(' /extras/etc/fonts/work-sans-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'),
       url(' /extras/etc/fonts/work-sans-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url(' /extras/etc/fonts/work-sans-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url(' /extras/etc/fonts/work-sans-v5-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url(' /extras/etc/fonts/work-sans-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Bold'), local('WorkSans-Bold'),
       url(' /extras/etc/fonts/work-sans-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url(' /extras/etc/fonts/work-sans-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url(' /extras/etc/fonts/work-sans-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url(' /extras/etc/fonts/work-sans-v5-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Work Sans', sans-serif;
*/

:root {
	--white: #FFFFFF;
	--charcoal: #231F20;
	--almost-black: #080808;
	--light-green: #48CC58;
	--grey: #B6BCB7;
	--black: #000000;
	--mid-grey: #666666;
	--bright-orange: #F44703;
	--dark-orange: #B83700;
	--light-orange: #FF733B;
	--bright-green: #3BB54A;
	--dark-green: #10641A;
	
	--header-width: 1632px;
	--header-padding: 16px;
	
	--mobileMenuBars: #ffffff;
	--mobileMenuColorBackground: #000000;
	--mobileMenuColourHover: #F44703;
	--mobileMenuColorText: #ffffff;
	--mobileMenuColourTextHover: #ffffff;
	--main-font: 'Work Sans', sans-serif;
	--heading-font: 'Work Sans', sans-serif;
}

body {
	font-size: 1.188rem;
	margin: 0px auto;
	font-family: var(--main-font);
	color: #000000;
}
p,li {line-height:140%;}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}


/**************** header *****************************/

.header {
	position:fixed;
	background-color:var(--black);
	width:100%;
	z-index: 10;
}
.banner {
	width:1200px;
	margin:auto;
}
.main {padding-top:112px;}

.logo	{
	width:339px;
	float:left;
	margin:20px 0;
	transition: margin 1s ease;
}
.menuCont {
	width: calc(100% - 339px);
	float: right;
	padding: 0;
	transition: padding 1s ease;
	text-align: right;
	max-width: 840px;
}
.topRight {
	text-align:right;
	transition: all 1s ease;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
}
.topRight a {
	color:#ffffff;
	text-decoration:none;
	transition: 
    font-size 1s ease,
    padding 1s ease,
    margin 1s ease;
}
.topRight a:hover {color:#ffffff;}
.topmenu{
	text-align:right;
	transition: all 1s ease;
	padding-top: 14px;
}

.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight .linkButton {
	background-color: var(--light-orange);
	color: var(--black);
	border: none;
	padding: 12px 18px;
	font-size: 1.375rem;
	font-weight: 600;
}
.topRight .linkButton:hover {background-color:#ffffff;color:#512c3f;border:1px solid #000;border:none;}

.shrink .logo {margin-top:6px;margin-bottom:5px;}
.shrink .logo img {max-width:70%;}
.shrink .topmenu {padding-top:18px;}
.shrink .mlddm ul {margin-top: 24px !important;}

@media (min-width:842px) {
	.shrink .topRight {font-size:0;margin:0;}
	.shrink .topRight a {font-size:0;margin:0;padding:0;border:none;}
}
:target::before {
  content: "";
  display: block;
  height: 62px; /* fixed header height*/
  margin: -62px 0 0; /* negative fixed header height */
}

/**************** nav - topnav *************************/


html .mlddm {
	display:flex;
	justify-content:flex-end;
	gap:30px;
}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 3px;
		line-height: 40px;
		color: var(--white);
		border-bottom: 2px solid transparent;
		font-size: 1.125rem;
}
.mlddm li a:hover, .mlddm li a#buttonhover,
.mlddm li a.selected, .mlddm li a.selected#buttonnohover,
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{border-color:var(--bright-green);}


/* drop down list */
	.mlddm ul {margin-top: 10px !important;border-top: 1px solid var(--charcoal);background-color: var(--almost-black);padding: 18px 0 !important;transition: margin 1s ease;}
	.mlddm ul li a {	
		line-height: 40px;
		padding: 0 25px 0 20px;
		border-bottom:none;
		text-align:left;
		background-color: var(--almost-black);	
		color:var(--white); 
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{background-color: var(--almost-black);color:var(--white);text-decoration:underline;}

/**************** nav - mobile header *************************/

/* hamburger menu positioning & style */

.slicknav_btn {right:16px;}

.slicknav_icon-bar {background-color:var(--mobileMenuBars);}
.slicknav_icon-bar:nth-child(1) {width:18px;}
.slicknav_icon-bar:nth-child(2) {width:23px;}
.slicknav_icon-bar:nth-child(3) {width:18px;}

.slicknav_menutxt {display: none;}

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;width: 100%;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:var(--mobileMenuColorText);}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:var(--mobileMenuColourTextHover);}
li.slicknav_collapsed.slicknav_parent:hover > a .slicknav_arrow {color:var(--mobileMenuColourTextHover);}

.slicknav_nav > li:nth-of-type(1)	{border-top:none;}
.slicknav_nav > li:not(:last-child) {}
.slicknav_nav > li 						{background-color:var(--mobileMenuColorBackground);}
.slicknav_nav a 							{color: var(--mobileMenuColorText);background-color: var(--mobileMenuColorBackground);}
.slicknav_nav a:hover					{background-color: var(--mobileMenuColourHover);color: var(--mobileMenuColourTextHover);}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color: var(--mobileMenuColourHover);color: var(--mobileMenuColourTextHover);}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color: var(--mobileMenuColourHover);color: var(--mobileMenuColourTextHover);border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{}

.slicknav_nav ul li 						{border-bottom: 1px solid #333333;}
.slicknav_nav ul li a 					{color:var(--mobileMenuColorText);}	
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:var(--mobileMenuColorBackground);}
.slicknav_nav ul li ul li a 				{color:var(--mobileMenuColorText);}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{}
.slicknav_nav ul li:nth-child(even) {}
.slicknav_nav ul li ul li:nth-child(even) {}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 12px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {
		background-color: var(--mobileMenuColourHover);
		color: var(--mobileMenuColourTextHover);
	}



/**************** footer *****************************/

footer			{background-color:#000000;color:#ffffff;}
.footerInfo		{width:1200px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}
.footerInfo	a:hover {color:var(--white);text-decoration:underline;}

.footerRow img {margin-top: 20px;}

.footerText {
	font-size: 1.750rem;
	font-weight: 700;
	margin-top: 24px;
}
.footerText a {color:var(--light-green);}
.footerText a:hover {color:var(--light-green);text-decoration:none;}

.footerCol {text-align:center;}
.footerMultiCol {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 60px;
	row-gap:18px;
}

.footerInfo li {list-style: none;margin-bottom: 12px;}

.footerBaseContain {background-color: var(--charcoal);}
.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.563em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:#ffffff;}
.footerBase a:hover	{color:#dedede;}

/**************** Hero Image *****************************/

.heroImage {
	padding: 110px 0 88px;
}

.heroImageText {
	background: rgba(35, 31, 32, 0.8);
	padding: 30px;
	max-width: 1200px;
    margin: auto;
}

.heroImageText h1 {
	max-width: 800px;
	margin: 0 auto 40px;
}

/**************** content *****************************/

/* layout */

.middleHome	{padding:28px 0;width:1200px;margin:auto;}
.middle		{padding: 0 0 32px 0; width:1200px;margin:auto;}
.crumb		{padding: 16px 0 16px 3px;font-size:1.063rem;color:var(--mid-grey);}
.crumb a    {color:var(--mid-grey);font-size:1em;text-decoration:none;}
.crumb a:hover {color:var(--dark-green);}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}
.center .linkButton_Cont {justify-content: center;}
.bgCenter {background-position: center;}
.bgCover {background-size: cover;}

.bordBot {
	border-bottom: 1px solid var(--grey);
	padding-bottom: 30px;
}

.darkBox {
	background-color: var(--charcoal);
	border: 1px solid var(--bright-orange);
	border-radius: 25px;
	padding: 25px 24px 50px;
}

.darkBox h2 {color:var(--white);}
.darkBox p.introText, .whiteText p.introText {color:var(--light-green);font-weight:700;margin-bottom: 40px;}



.roundImage img {clip-path: inset(0px round 50px);}

.leftAlignImageArticle ul {position: relative;left: 40px;}

.whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText li, .whiteText p {color:var(--white);}
.whiteLink a {color:var(--white);}

.whiteBox .columns2 .wobject, .whiteContentBox {
	background-color: var(--white);
	border:1px solid var(--grey);
	padding: 25px 25px;
	position: relative;
}
.whiteBox .columns2 .wobject p {margin-bottom:0;}
.whiteBox .columns2 .wobject {padding: 30px 25px 75px;}
.whiteContentBox h2, .whiteBox .columns2 .wobject h2, .whiteBox .columns2 .wobject h3 {margin-top:0;}
.whiteBox .columns2 .wobject .highlightBox h2 {margin-top:30px;}
.highlightBox .whiteboxLink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
	padding:13px 28px;
	background-color: var(--dark-orange);
	color:var(--white);
	text-decoration:none;
}
.highlightBox .whiteboxLink:hover {
	text-decoration:underline;
	background-color:var(--black);
	color:var(--light-orange);
}

/* general */
a 			{color: var(--dark-orange);font-size:1em;}
a:hover	{color: var(--dark-green);text-decoration:none;}
a img		{border:0;}

h1, h2, h3, h4, h5 {}
h1 {font-size: clamp(2.25rem, 1.604rem + 1.36vw, 2.625rem);color:var(--charcoal);font-weight:600;}
h2 {font-size: clamp(2rem, 1.5678rem + 0.91vw, 2.25rem);color:var(--charcoal);font-weight:600;}
h3 {font-size: clamp(1.625rem, 1.1928rem + 0.91vw, 1.875rem);color:var(--black);font-weight:600;}
h4 {font-size: 1.500rem;color:var(--black);font-weight:700;}
h5 {font-size: 1.250rem;color:#ffffff;font-weight:700;margin-top:0;border-bottom: 1px solid var(--light-green);padding-bottom:9px;margin-bottom:24px;}

.submissionInList h2 a {color:#000000;text-decoration:none;}
.submissionInList h2 a:hover {color:#cc0000;}

.introText {font-size:1.75rem;color:var(--dark-orange);font-weight:500;}
.heroText {font-size: clamp(2.5rem, -0.7395rem + 6.82vw, 4.375rem);}

.tickList ul {
	list-style: none; /* Remove default bullets */
	padding-left: 0;
	margin: 30px 0;
	display: grid;
	row-gap: 20px;
}
.threeListCols ul {grid-template-columns: repeat(3, 1fr);font-weight:700;text-align:left;column-gap: 20px;}
.twoListCols ul {grid-template-columns: repeat(2, 1fr);font-weight:700;text-align:left;column-gap: 20px;}

@media (max-width:611px) {
	.threeListCols ul {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:400px) {
	.twoListCols ul {grid-template-columns: repeat(1, 1fr);}
}

.tickList ul li {
	background: url('dot-point-tick.png') no-repeat left 2px;
	background-size: 25px 25px;
	padding-left: 37px;
	line-height: 27px;
}

p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton_Cont {
	gap: 16px;
	display: flex;
	flex-wrap: wrap;
}

.linkButton, .dataForm .button {
	display:inline-block;
	padding:13px 28px;
	background-color: var(--light-orange);
	color:var(--black);
	border:2px solid var(--bright-orange);
	font-size:1.063rem;
	text-decoration: none;
	text-align:center;
	transition: ease 0.3s;
	-webkit-appearance: none;
}
.linkButton:hover, .dataForm .button:hover {
	background-color: var(--black);
	color:var(--white);
	border:2px solid var(--bright-orange);
}

.linkButton_Cont .linkButton:nth-child(2) {
	background-color: var(--white);
	color:var(--black);
	border:2px solid var(--bright-orange);
}
.linkButton_Cont .linkButton:nth-child(2):hover {
	background-color: var(--black);
	color:var(--white);
	border:2px solid var(--bright-orange);
}

/**************** home *****************************/

.highlightBox {}

#map {height: 460px;}

.leafPanel {
	background-image: url('large-leaf-panel-background.png'),linear-gradient(rgb(35, 31, 32) 0%, rgb(8, 8, 8) 100%);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.treeBackground {
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom:74px;
}

.bgWide {
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 75px;
}

.linkRow {padding-top: 125px;}

/**************** Slideshow / Uses Variables ****************/

.slideshowContainer {position:relative;}
.slideshow {height:600px;}
.galleria-image-nav {display:none;}
.slideOverlay {
	position: absolute;
	opacity: 0.85;
	top: calc(50% - 162px);
	width: 100%;
	z-index: 4;
}    
.slideOverlay .wobject {max-width: var(--header-width);width: 100%;text-align: center;margin:auto;overflow: hidden;}
.slideOverlay .wobject .wobjectArticle {padding: 0 var(--header-padding);}
.slideOverlay h1,
.slideOverlay .introText {
	color:#fff;
	margin:auto;
	text-align:center;
}
.slideOverlay h1 {
	font-size: clamp(2rem, -0.284rem + 5.71vw, 4rem);
	margin-top:45px;
	margin-bottom:25px;
	border:none;
}
.slideOverlay .introText {
	color:#fff;
	font-size: clamp(1.44em, 1.0556em + 1.75vw, 2.22em);
	padding-bottom:41px;
}


@media (min-width:768px) and (max-width:1000px) {
	.slideshow {height:600px;}
}
@media (min-width:521px) and (max-width:767px) {
	.slideshow {height:600px;}
}



/******/

/********** Contact Form Rework ******************/

.dataForm input[type="text"], .dataForm textarea {
    padding: 10px 6px;
    border-radius: 6px;
    border: 1px solid #bbbcbd;
    -webkit-appearance: none;
}

.dataForm .button {
    display: inline-block;
    padding: 10px 24px;
    text-decoration: none;
    font-size: 0.750rem;
    transition: ease 0.3s;
    min-width: 125px;
}

.dataForm .button:hover {
    cursor:pointer;
}

input {
 padding:8px;
}
select {
 padding:8px;
}