/* 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-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;
	--light-grey: #F0F2F5;
	--dark-green: #013823;
	--green: #028653;
	--charcoal: #221F20;
	--dark-grey: #3E3F40;
	--black: #000000;
	--mint: #55D4A3;
	--mobileMenuBars: #000000;
	--mobileMenuColorBackground: #ffffff;
	--mobileMenuColourHover: #221F20;
	--mobileMenuColorText: #000000;
	--mobileMenuColourTextHover: #ffffff;
	--main-font: 'Work Sans', sans-serif;
	--heading-font: 'Work Sans', sans-serif;
}

body {
	font-size: 1.125em;
	margin: 0px auto;
	font-family: var(--main-font);
	color: var(--dark-grey);
}
p,li {line-height:140%;}

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


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

.header {
	position:fixed;
	background-color:#fff;
	width:100%;
	z-index: 10;
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.16);
	-webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.16);
}
.banner {
	width:1200px;
	margin:auto;
}
.main {padding-top:100px;}

.logo	{
	width:207px;
	float:left;
	margin:8px 0;
	transition: margin 1s ease;
}
.menuCont {
	width: calc(100% - 339px);
	float: right;
	padding: 14px 0 0;
	transition: padding 0s ease;
	text-align: right;
	max-width: 760px;
}
.topRight {
	text-align:right;
	transition: all 1s ease;
	font-size: 1rem;
	color: #fff;
	font-weight: 700;
	margin-bottom: 4px;
}
.topRight a {}
.topRight a:hover {}
.topmenu{
	text-align:right;
	transition: padding 1s ease;
}

.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight .linkButton {padding: 9px 19px;}
.topRight .linkButton:hover {}

.shrink .logo {margin-top:6px;margin-bottom:5px;}
.shrink .logo img {max-width:70%;}
.shrink .menuCont {padding-top:28px;}

@media (min-width:1001px) {
	.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:50px;
}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 0 2px;
		line-height: 40px;
		color: #000;
		border-bottom: 3px solid transparent;
		font-size: 1.000rem;
}
.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-bottom: 3px solid var(--dark-grey);}


/* drop down list */
	.mlddm ul {margin-top:0!important;background-color:var(--dark-grey);padding: 16px 16px 0 !important;}
	.mlddm ul li a {	
		line-height: 16px;
		padding: 0 48px 0 0;
		text-align:left;
		background-color: var(--dark-grey);	
		color:var(--white);
		border-bottom:none;	
		margin-bottom: 16px;		
	}
	.mlddm ul li a:hover,
	.mlddm ul li a.selected,
	.mlddm ul li a:hover.selected,
	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: var(--white);background-color:var(--dark-grey);border-left:1px solid var(--white);padding-left:6px;}

/**************** 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: var(--charcoal);color: var(--white);border-top:1px solid var(--black);}
.footerInfo		{
	width:1200px;
	margin:auto;
	padding:20px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 75px;
	row-gap:40px;
}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:0;line-height:160%;font-size: 1.000rem;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;font-size: 1.000rem;}
.footerInfo a:hover {color:var(--white);text-decoration:underline;}

.socialMedia {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-top:30px;
}

.footerSitemap {display: grid;gap: 14px;}

.footerLogo img {
  margin-bottom: 8px;
}

.footerBase				{width:1200px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;border-top: 1px solid var(--dark-green);}
.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;text-decoration: none;}
.footerBase a:hover	{color:#dedede;text-decoration: underline;}

/**************** Slideshow *****************************/

    

/**************** 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:0.875rem;color:var(--dark-grey);}
.crumb a    {color:var(--dark-grey);font-size:0.875rem;text-decoration:none;}
.crumb a:hover {color:var(--dark-grey);text-decoration:underline;}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}
.bgCenter {background-position: bottom center;background-repeat: no-repeat;}
.bgCover {background-size: cover;}
.heroImage {min-height:660px;display:flex;background-position: center;}

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

.whiteBox .columns2 .wobject, .whiteBox .columns3 .wobject, .whiteBox .columns4 .wobject {
	background-color: var(--white);
	color: var(--charcoal);
	border: 2px solid var(--green);
	border-radius: 10px;
	padding: 35px 35px 43px;
}
.whiteText.whiteBox h3, .whiteText.whiteBox h4, .whiteText.whiteBox p {color:var(--charcoal);}

.whiteText a {color:var(--mint);}
.whiteText a:hover {color:var(--white);}

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

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

.globeBG .halfContent > div {
	background: url('50-50-cta-panel-bg.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* general */
a 			{color: var(--green);font-size:1em;}
a:hover	{color:var(--black);}
a img		{border:0;}

h1, h2, h3, h4, h5 {}
h1 {font-size: clamp(2.25rem, 1.9128rem + 0.71vw, 2.625rem);color:#000000;font-weight:600;margin-top: 24px;margin-bottom: 16px;}
h2 {font-size: clamp(1.875rem, 1.5378rem + 0.71vw, 2.25rem);color:#000000;font-weight:600;}
h3 {font-size: clamp(1.25rem, 0.7988rem + 0.95vw, 1.75rem);color:#000000;font-weight:600;}
h4 {font-size: 1.375rem;color:#000000;font-weight:600;}
h5 {font-size: 1.125rem;color:#ffffff;font-weight:600;margin-top:0;margin-bottom: 14px;}

.home h1 {font-size: clamp(2.25rem, 1.4568rem + 1.67vw, 3.125rem);}
.home h2 {}
.home h3 {font-size: clamp(1.25rem, 1.136rem + 0.24vw, 1.375rem);}
.home h4 {}


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

.introText {font-size: clamp(1.25rem, 1.022rem + 0.48vw, 1.5rem);}
.heroImage p {font-size: clamp(2.5rem, 0.8043rem + 3.57vw, 4.375rem);font-weight:600;}

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

.linkButton, .dataForm .button {
	display:inline-block;
	padding:14px 20px;
	background-color: var(--charcoal);
	color:var(--white);
	border:1px solid var(--green);
	text-decoration: none;
	text-align:center;
	font-weight:400;
	font-size:1.000rem;
	transition: ease 0.3s;
	-webkit-appearance: none;
}
.linkButton:hover, .dataForm .button:hover {
	background-color: var(--light-grey);
	color:var(--charcoal);
}

.whiteText .linkButton {
	background-color:var(--light-grey);
	color:var(--charcoal);
}
.whiteText .linkButton:hover {
	background-color:var(--dark-grey);
	color:var(--white);
}

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

.highlightBox {text-align:center;}



/***** Half Images *****/


@media (min-width:801px){
	.halfContent {display:flex;justify-content:center;min-height: 440px;}
	.halfImageLeft > div {width:50%;}
	.halfImageRight > div {width:50%;}
	.halfContent .wobject, 
	.halfContent .wobjectArticle {
		height:100%;
	}
	.halfImage {
		height:100%;
		background-position:top center;
		background-repeat: no-repeat;
		background-size:cover;
	}
	.halfText .wobjectArticle {max-width:817px;}
	.halfText.htLeft .wobjectArticle {float:right;padding:0 56px 26px 0;}
	.halfText.htRight .wobjectArticle {float:left;padding:30px 0 30px 56px;}
}
@media (max-width:1672px){
	.halfText.htLeft .wobjectArticle {padding-left:16px;}
	.halfText.htRight .wobjectArticle {padding-right:16px;}
}
@media (max-width:1671px){
	.halfText.htLeft .wobjectArticle {padding-right:16px;}
	.halfText.htRight .wobjectArticle {padding-left:16px;}
}
@media (max-width:800px){
	.halfContent {display:flex;flex-wrap:wrap}
	.halfImageLeft > div:first-child {width:100%;order:1}
	.halfImageLeft > div:last-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:first-child {width:100%;order:2;padding-bottom:30px;}
	.halfImageRight > div:last-child {width:100%;order:1;}

	.halfText {padding:30px 0}
	.halfImage {
		height:260px;
		background-position:center center;
		background-repeat: no-repeat;
		background-size:cover;
	}
}

/********** 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;
}