/*<meta />*/

/*This stylesheet is for custom changes to the standard Flare navigation stylesheet*/

:target:before
{
	content: "";
	display: block;
	height: 175px;
	margin-top: -175px;
	width: 1px;
	visibility: hidden;
	pointer-events: none;
}

.skip-to-content
{
	display: none;
}

ul.navigation
{
	background: transparent;
}

ul.navigation a
{
	background-color: var(--surface);
}

ul.navigation ul,
ul.navigation ul ul,
ul.navigation ul ul ul
{
	background-color: var(--background);
}

ul.navigation ul > li:hover,
ul.navigation ul ul > li:hover,
ul.navigation ul ul ul > li:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.off-canvas-list ul > li:hover ul.off-canvas-list ul ul > li:hover,
ul.off-canvas-list ul ul ul > li:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.off-canvas-list ul > li > a.selected,
ul.off-canvas-list ul > li > a:hover
{
	background-color: var(--primary-variant);
	color: var(--on-primary-variant);
}

ul.navigation ul > li > a
{
	background-color: var(--transparent);
}

ul.navigation ul
{
	box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	-webkit-box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	-moz-box-shadow: 4px 4px 8px 0px rgba(93, 92, 92, 0.3);
	width: auto;
	min-width: 160px;
}

ul.navigation > li.has-children:after
{
	color: var(--background);
}

ul.navigation ul > li.has-children > a:after
{
	content: "\3009";
	top: 12px;
	margin-right: -10px;
}

nav.title-bar
{
	background: var(--surface);
}

div.navigation-wrapper.nocontent
{
	padding-top: 1px;
}

/* Adds an entry for "display none" in the Top Nav TOC. To use this style, select the item
   in the Flare TOC and pick "NoDisplay" as the TOC Entry style. Note along 
   with this change we needed to add the NoDisplay entry to the Flare skin using the text editor*/

ul.navigation li.NoDisplay
{
	display: none;
}

ul.menu li.NoDisplay
{
	display: none;
}

/*allows wrapping in menus*/

ul.navigation ul > li > a
{
	white-space: normal;
}

._Skins_HTML5searchresults.mc-component #resultList h3.title a
{
	font-size: 20pt !important;
	color: var(--info) !important;
}

._Skins_HTML5searchresults.mc-component #resultList .url cite
{
	color: var(--success);
}

/* ------ TABLET STARTS HERE ------ */

@media only screen and (max-width: 1300px)
{
	:target:before
	{
		content: "";
		display: block;
		height: 125px;
		margin-top: -125px;
		width: 1px;
		visibility: hidden;
		pointer-events: none;
	}

	.title-bar-layout
	{
		align-items: stretch;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-top: 10px;
	}

	.off-canvas
	{
		background-color: var(--surface);
		color: var(--on-surface);
	}

	ul.off-canvas-list li a
	{
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 3px;
	}

	ul.off-canvas-list li li a
	{
		border-bottom: none;
		padding-top: 5px;
		padding-bottom: 0px;
	}

	ul.off-canvas-list ul > li > a
	{
		border-bottom: none !important;
		text-transform: none;
	}

	/*ul.off-canvas-list ul:last-child {
		padding-bottom: 35px;
	}*/

	/*ul.vertical.menu.is-accordion-submenu.nested.is-active > li.tree-node.tree-node-leaf:first-of-type{
display:none;}
/*glory of glories! this gets rid of the duplicated topics in side nav that has haunted me for all my days! HOWEVER, this causes issues when the top node is selected -- needs further QA.*/
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	:target:before
	{
		content: "";
		display: block;
		height: 80px;
		margin-top: -80px;
		width: 1px;
		visibility: hidden;
		pointer-events: none;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		padding-top: 5px;
	}
}

:root,
html[data-theme='light']
{
	--background: #EBEBEB;
	--surface: #f8f8f8;
	--surface-variant: #fdfdfd;
	--primary: #0b7171;
	--primary-variant: #c9dddd;
	/*for selected tab backgrounds*/
	--secondary: #323232;
	--secondary-darken-1: #262626;
	--accent: #0e9797;
	--tertiary: #644fc1;
	--tertiary-darken: #5746AF;
	--border-color: #D1D1D1;
	--error: #B40000;
	--info: #0054B6;
	--success: #206300;
	--warning: #e46f00;
	/*banners*/
	--unclass: #4caf50;
	--unclasstext: #000000;
	/*docs-specific*/
	--footer: #262626;
	--on-footer: #ebebeb;
	--homepagedarkdiv: #323232;
	--on-homepagedarkdiv: #ebebeb;
	/*text*/
	--on-background: #1d1d1d;
	--on-surface: #262626;
	--on-primary: #fdfdfd;
	--on-primary-variant: #262626;
	--on-secondary: #ebebeb;
	--on-accent: #1d1d1d;
	--on-tertiary: #f8f8f8;
	--on-error: #fdfdfd;
	--on-info: #fdfdfd;
	--on-success: #fdfdfd;
	--on-warning: #1a1918;
	/*body*/
	--menuicon: url('../Images/company/webkit/kabob_lightmode.png') no-repeat center center;
	--searchicon: url('../Images/company/webkit/search/search-light-20.png') no-repeat center center;
	--bullet: url('../Images/company/webkit/bullet/bullet-16-light.png');
	--drop-down-open: url('../Images/company/webkit/down-chevron/down-16-light.png');
	--drop-down-closed: url('../Images/company/webkit/right-chevron/right-16-light.png');
}

html[data-theme='dark']
{
	--background: #1d1d1d;
	--surface: #262626;
	--surface-variant: #333231;
	--primary: #02d3cd;
	--primary-variant: #262626;
	--secondary: #b2b2b2;
	--secondary-darken-1: #909090;
	--accent: #81f3f3;
	--tertiary: #9E8CFC;
	--tertiary-darken: #7C66DC;
	--border-color: #545454;
	--error: #F65843;
	--info: #348FF4;
	--success: #85D460;
	--warning: #F4810C;
	/*banners*/
	--unclass: #4caf50;
	--unclasstext: #000000;
	/*docs-specific*/
	--footer: #1d1d1d;
	--on-footer: #B2B2B2;
	--homepagedarkdiv: #333231;
	--on-homepagedarkdiv: #D1D1D1;
	/*text*/
	--on-background: #B2B2B2;
	--on-surface: #D1D1D1;
	--on-primary: #262626;
	--on-primary-variant: #02d3cd;
	--on-secondary: #262626;
	--on-accent: #323232;
	--on-tertiary: #262626;
	--on-error: #262626;
	--on-info: #262626;
	--on-success: #262626;
	--on-warning: #262626;
	/*body*/
	--menuicon: url('../Images/company/webkit/kabob_darkmode.png') no-repeat center center;
	--searchicon: url('../Images/company/webkit/search/search-dark-20.png') no-repeat center center;
	--bullet: url('../Images/company/webkit/bullet/bullet-16-dark.png');
	--drop-down-open: url('../Images/company/webkit/down-chevron/down-16-dark.png');
	--drop-down-closed: url('../Images/company/webkit/right-chevron/right-16-dark.png');
}

div.banner
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	margin-top: -10px;
}

div.bannerbottom
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	position: fixed;
	bottom: 0;
}

div.banner p,
div.bannerbottom p
{
	font-size: 16.2px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
}

.internal
{
	background-color: var(--error);
}

.classified
{
	background-color: var(--unclass);
}

.internal p
{
	color: var(--on-error);
}

.classified p
{
	color: var(--unclasstext);
	font-size: 16px;
	font-family: 'Blender Bold', 'Blender-Bold', Arial, Helvetica, sans-serif;
}

/*current color variables*/

body
{
	background: var(--surface);
}

.body-container
{
	background: var(--footer);
}

html,
body
{
	height: 100%;
}

a.logo
{
	margin-left: 2em !important;
}

.site-container
{
	overflow: visible;
	min-height: 100%;
	min-width: 100%;
}

.select-language-drop-down
{
	position: absolute !important;
	z-index: 1000 !important;
}

div.home_herosection
{
	mc-grid-row: true;
	background: var(--surface);
}

div.home_herosection::before
{
	content: ' ';
	display: table;
}

div.home_herosection::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home_herosection > div
{
	/*float: left;*/
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home_herosection > div:nth-child(1)
{
	width: auto;
	margin-left: 3.5em;
	margin-right: 3.5em;
	margin-bottom: 2.5em;
	display: block;
	padding: 0 0px 0px 56px;
	border-left: 2px solid var(--primary);
}

/* div.home_herosection>div:nth-child(2)*/
/*This is the div class used for the hero section text*/

/*	{
	float: left;
	margin-left: 802px;
	margin-bottom: 2.5em;
	max-width: calc(100vw - 880px);
	margin-right: 0;
	display: flex;
	overflow: hidden;
	flex: 1;
	box-sizing: content-box;
	position: relative;
}


img.HeroImage {
	object-fit: cover;
	margin-right: 0px;
	max-height: 325px;
} */

/*styles for divs on homepage*/

div.homediv
{
	mc-grid-row: true;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

div.homediv::before
{
	content: ' ';
	display: table;
}

div.homediv::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.homediv > div:nth-child(1)
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.homediv > div:nth-child(2)
{
	mc-grid-row: true;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 3.5em;
	margin-right: 3.5em;
}

div.homediv > div:nth-child(3)
{
	mc-grid-row: true;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 3.5em;
	margin-right: 3.5em;
}

div.darkgray
{
	background-color: var(--homepagedarkdiv);
	color: var(--on-homepagedarkdiv) !important;
	flex: 1;
	padding-left: 7em;
	padding-right: 7em;
}

div.darkgray p
{
	color: var(--on-homepagedarkdiv) !important;
}

/*slideshow updates*/

.mc-wrapper
{
	max-width: 1200px !important;
}

.mc-wrapper .mc-viewport
{
	box-shadow: none;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.mc-wrapper .mc-prev
{
	left: -50px !important;
}

.mc-wrapper .mc-next
{
	right: -50px !important;
}

.mc-wrapper .mc-prev a:hover,
.mc-wrapper .mc-next a:hover
{
	color: var(--primary);
	position: 0;
}

div.MCSlide
{
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 40px;
	min-width: 250px;
	max-width: 300px;
}

div.MCSlide p:first-of-type
{
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	height: 45px;
}

div.MCSlide p
{
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-family: 'PF DinDisplay Pro Light', 'PFDINDisplayPro-Light', Arial, Helvetica, sans-serif;
	line-height: 1.3;
	height: 85px;
}

p.boxesheading
{
	height: 15px;
	font-family: 'Blender Heavy', 'Blender-Heavy', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

p.boxestext
{
	height: 85px;
}

div.MCSlide a.button
{
	margin-left: auto;
	margin-right: auto;
	font-weight: 700;
	font-size: 18px;
	font-family: 'Blender Bold', 'Blender-Bold', Arial, Helvetica, sans-serif;
}

.title-bar-layout a.logo
{
	background: var(--logolarge);
	width: 250px;
	height: 100px;
}

/* ------ TABLET STARTS HERE ------ */

@media only screen and (max-width: 1300px)
{
	div.home_herosection
	{
		margin-left: 0;
	}

	div.home_herosection > div
	{
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 2.5em;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.home_herosection > div:nth-child(1)
	{
		width: auto;
		margin-right: 3.5em;
		padding: 0 56px 0px 56px;
	}

	div.home_herosection > div:nth-child(2)
	{
		float: left;
		margin-left: 0;
		margin-bottom: 2.5em;
		max-width: 100%;
		margin-right: 0;
		display: flex;
		overflow: hidden;
		flex: 1;
		box-sizing: content-box;
		position: relative;
		display: block;
		max-height: 150px;
	}

	.mc-wrapper
	{
		max-width: 600px !important;
	}

	div.MCSlider
	{
		data-mc-slide-width: 600px;
	}

	.mc-wrapper .mc-prev
	{
		left: -50px !important;
	}

	.mc-wrapper .mc-next
	{
		right: -50px !important;
	}

	div.darkgray
	{
		padding-left: 3.5em;
		padding-right: 3.5em;
	}
}

/* ------ MOBILE STARTS HERE ------ */

@media only screen and (max-width: 767px)
{
	.title-bar-layout a.logo
	{
		background: var(--logosmall);
		width: 125px;
		height: 50px;
	}

	body
	{
		margin-left: 24px;
		margin-right: 24px;
		min-width: 350px;
	}

	a.logo
	{
		margin-left: 1em !important;
	}

	div.home_herosection > div:nth-child(1)
	{
		margin-left: 24px;
		margin-right: 24px;
		padding: 0 24px 0px 24px;
		margin-bottom: 24px;
	}

	div.homediv > div:nth-child(2),
	div.homediv > div:nth-child(3)
	{
		margin-left: 24px;
		margin-right: 24px;
	}

	.mc-wrapper
	{
		max-width: 300px !important;
	}

	div.MCSlider
	{
		data-mc-slide-width: 300px;
	}
}