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

:root {
	--white: #FFFFFF;
	--charcoal: #1A1818;
	--orange: #F89223;
	--brown: #AD6314;
	--light-grey: #AEB1B3;
	--mid-grey: #5A5C5E;
	--sand: #B8A689;
	--mobileMenuBars: #000000;
	--mobileMenuColorBackground: #ffffff;
	--mobileMenuColourHover: #F89223;
	--mobileMenuColorText: #000000;
	--mobileMenuColourTextHover: #ffffff;
	--main-font: 'Roboto', sans-serif;
	--heading-font: 'Roboto', sans-serif;
}

body {
	font-size: 1.063em;
	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:#fff;
	width:100%;
	z-index: 10;
	transition: all 1s ease;
}
.banner {
	width:1200px;
	margin:auto;
}
.main {padding-top:185px;}

/** offset for targets to allow for header **/
:target::before {
  content: "";
  display: block;
  height: 152px; /* fixed header height*/
  margin: -152px 0 0; /* negative fixed header height */
}

.logo	{
	width:271px;
	float:left;
	margin:8px 0;
	transition: margin 1s ease;
}
.topRight {
	width:calc(100% - 271px);
	float:right;
	padding-top: 30px;
	text-align:right;
	transition: all 1s ease;
}

.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight img {vertical-align:middle}
.topRight a {text-decoration:none;color:#0c0c0c;font-size: 1.000rem;}
.topRight a:hover {color:#0c0c0c;}

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


	
/**************** nav - topnav *************************/
.topnav {
	background-color: var(--mid-grey);
}
.topmenu{
	width:1200px;
	margin:auto;
	background-color: transparent;
	height:45px;
}
html .mlddm {display:flex;justify-content:space-between;}

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

.mlddm>li:first-child>a {}
.mlddm>li:last-child>a {}

/* drop down list */
	.mlddm ul {margin-top: 0px !important;background-color: var(--mid-grey);}
	.mlddm ul li {margin: 10px 0;}
	.mlddm ul li a {	
		line-height: 20px;
		margin: 10px 0 10px 20px;
		padding: 0 56px 0 0;
		border-bottom: none;
		text-align:left;
		height:auto;
		background-color: var(--mid-grey);	
		color:#ffffff; 
		font-size:1.000rem;
	}
	.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(--mid-grey);
		border-bottom:none;
		border-left:3px solid var(--orange);
		padding-left:10px;
		}

/**************** 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;display: grid;grid-template-columns: 218px 1fr 212px;gap: 24px;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;}
.footerInfo	a.linkButton 	{color: var(--charcoal);text-decoration: none;width: 100%;max-width:212px;}

.socialMedia {padding-top:10px;}

.ranges {
	display: flex;
	justify-content: center;
	gap: 36px;
	flex-wrap: wrap;
}

.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;}

/**************** 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.813em;color:#999999;}
.crumb a    {color:#999999;font-size:1em;}
.crumb a:hover {color:#325678;}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}
.bgCenter {background-position: center;}
.bgLeft {background-position:left top;background-repeat:no-repeat;}
.bgCover {background-size: cover;}

.narrow .middle {max-width: 800px;}

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

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


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

h1, h2, h3, h4, h5 {}
h1 {font-size: clamp(1.875rem, 0.375rem + 6vw, 2.625rem);color:var(--charcoal);font-weight:700;margin-top:0;}
h2 {font-size: clamp(1.75rem, 0.75rem + 4vw, 2.25rem);color:var(--charcoal);font-weight:700;}
h3 {font-size: clamp(1.625rem, 1.125rem + 2vw, 1.875rem);color:var(--mid-grey);font-weight:700;}
h4 {font-size: 1.375rem;color:var(--mid-grey);font-weight:400;}
h5 {font-size: 1.000em;color:#ffffff;font-weight:400;margin-top:0;}

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

.introText {font-size: clamp(2.25rem, 1.25rem + 4vw, 2.75rem);font-weight: 700;}

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

.whiteText a:hover {color:var(--light-grey);}

.introText span {color: var(--orange);}

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

.faq__container {margin-bottom: 34px;}

.faq__List .faq__twisty {background-color: var(--orange);position: relative;top: 4px;margin-right: 40px;}
.faq__List .faq__question:hover .faq__twisty {background-color: var(--orange);}

.faq__List .faq__answer_container {padding-left: 62px;}

.faq__List .faq__question {padding-bottom:0;}
.faq__question p {
	font-size: 1.375rem;
	font-weight: 400;
	color: var(--mid-grey);
}

.faq__List .faq__QA {border-top: 1px solid var(--light-grey);padding: 20px 0;}
.faq__List .faq__QA:last-child {border-bottom: 1px solid var(--light-grey);}

.linkButton,
.dataForm .button {
	display:inline-block;
	padding:11px 40px;
	background-color: var(--orange);
	color:var(--charcoal);
	border:2px solid var(--orange);
	text-decoration: none;
	text-align:center;
	font-weight:400;
	transition: ease 0.3s;
}
.linkButton:hover,
.dataForm .button:hover {
	background-color: var(--white);
	color:var(--charcoal);
}

.topBanner .linkButton {background-color: #8e2836;}
.topBanner .linkButton:hover {background-color: #fff;color:#e3b43a;}

.dataForm input[type=text],
.dataForm select {
    padding:8px;
}

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

@media (max-width:660px){.highlightBox {width:100%;}}
@media (max-width:560px) {.highlightBox h2 span {display:block;}.supportRow {padding-top:35px;padding-bottom:30px;background-size:cover;}}

.highlightBox {}

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


@media (min-width:832px) {

	.slideMiddle {
			max-width: 545px;
			padding-top: clamp(16px, 10vw, 130px);
			position: absolute;
			z-index: 8;
			right: 55px;
			margin-left: 16px;
		}
		
	#rowContainer125 {position:relative}	
	#rowContainer125 .sideBySide-Col1 {width:50%;position: relative;}
	#rowContainer125 .sideBySide-Col2 {width:50%}
}

.galleria-image img {left:0 !important}
.galleria-image-nav {display:none;}

@media (min-width:1241px) {
	.slideshow {height:640px;}
}
@media (min-width:1025px) and (max-width:1240px){
	.slideshow {height:490px;}
}
@media (min-width:832px) and (max-width:1024px){
	.slideshow {height:340px;}
	.slideMiddle {padding-top: 24px;}
}
@media (min-width:0px) and (max-width:831px){
	#rowContainer125 .row {display: flex;flex-direction: column;}
	
	#rowContainer125 .sideBySide-Col1 {width:100%;order:2;}
	#rowContainer125 .sideBySide-Col2 {width:100%;order:1;}

	
	.slideMiddle {margin: 24px 16px;}
}

@media (min-width:641px) and (max-width:831px){
	.slideshow {height:560px;}
}
@media (min-width:451px) and (max-width:640px){
	.slideshow {height:430px;}
}
@media (min-width:0px) and (max-width:450px){
	.slideshow {height:330px;}
}


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

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


/**************** Image with Link Overlay *****************************/

@media (max-width:660px){.linkOverlayBox {width:100%;}}

.linkOverlayBox {text-align:left;position: relative;margin: auto;}

.linkOverlayBoxContent {
	position: absolute;
	bottom: 3px;
	width: 100%;
	background: rgba(174, 177, 179, 0.8);
	color: var(--charcoal);
	padding: 13px 16px;
	transition:all ease 0.5s;
}
.linkOverlayBox a:hover .linkOverlayBoxContent {background: rgba(174, 177, 179, 0.95);}
.linkOverlayBox a:hover .linkOverlayBoxContent:before {content: url('hover-arrow.png');padding-right:8px;}


/******/