:root
{
	--foreground: rgb(22, 22, 22);
	--background: rgb(255, 255, 255);
	--color-text: rgb(33,33,33); 
	--theme-main: rgb(255, 255, 255);
	--color-near-white: rgb(245, 245, 245);
	--color-sf-main: rgb(240, 155, 91); 
	--color-sf-hover: rgb(217, 217, 217);
	--color-sf-active: var(--color-sf-hover);
	--color-link: rgb(58, 79, 156);
	--color-link-visited: rgb(58, 79, 156);
	--color-link-hover: rgb(48, 69, 146);
	--color-table-head: rgba(56, 108, 146, 1);
	--color-alertbox: var(--color-red);
	--color-button-primary-cta: rgba(188, 73, 45,1);
	--color-button-primary-cta-hover: rgb(189, 51, 49,.8);
	--color-button-secondary-cta: rgb(235, 236, 236);
	--color-button-secondary-cta-hover: rgba(235, 236, 236,.8);
	--color-ck-accordion: rgb(230,230,230);
	--color-ck-accordion-hover: var(220,220,220);
}

footer { background-color: var(--color-sf-main); }

footer .sub-container h2, footer .sub-container h3, footer .sub-container h4, footer p, footer li, footer .sub-container a, footer .sub-container a:visited { color: #000; }
.ckeditor-accordion-container > dl dt > a 					{ background-color: var(--color-ck-accordion); }
nav#top-nav, nav#top-nav ul.sf-menu									{ background-color: var(--color-sf-main); }

.header_nav_search #vtopnav li:after, .vtopnav a, .header_nav_search .vtopnav li:after,
.header_nav_search #vtopnav, .header_nav_search .vtopnav, .header_nav_search #vtopnav a, .header_nav_search .vtopnav a,
#vtopnav a	{ color: #161616; }

.header-link { fill: currentColor; color: #191919; }

/* superfish styles */
/* top nav style for when navigation items wrap to two lines. not needed if the items don't wrap to two lines */
/* nav .sf-depth-1 a {  display: inline-block; vertical-align: middle; line-height: 40px; } */
/* colors for superfish are defined here */ 

.sf-menu a,.sf-menu a:link,.sf-menu li ul li a,footer h3		{ color: var(--color-near-white); }
/* dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
ul.sf-menu .sf-sub-indicator { color:#000!important; }
/* colors for superfish are defined here */ 
nav#top-nav, nav#top-nav ul.sf-menu					{ background-color: var(--color-sf-main); }
a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4,a.sf-depth-5,a.sf-depth-6 { background-color: var(--color-sf-main); color: var(--color-near-white); }
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover, a.sf-depth-5:hover, a.sf-depth-6:hover { background-color: var(--color-sf-hover); color: var(--color-near-white); }
a.is-active.sf-depth-1.menuparent.sf-with-ul 		{ background-color: var(--color-sf-hover); color:#000; }
	@media (min-width: 819px) {
				 a.sf-depth-4,a.sf-depth-5,a.sf-depth-6 { display: hidden; } /* hide the 4th, 5th, 6th level dropdown pull-outs */
	}
/* 
li.active-trail.sf-depth-1.menuparent 				{ background-color: rgba(33,33,33,1); }
 */
	@media only screen and (max-width: 818px) {
		a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 																	{ background-color: var(--color-sf-main);}
		a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover 					{ background-color: var(--color-sf-hover)}
		a.sf-depth-1:visited, a.sf-depth-2:visited, a.sf-depth-3:visited, a.sf-depth-4:visited 	{ background-color: var(--color-sf-main);}
	}
	@media (min-width: 819px) {
				 a.sf-depth-4,a.sf-depth-5,a.sf-depth-6 { display: hidden; } /* hide the 4th and 5th level dropdown pull-outs */
	}
@media only screen and (max-width: 1120px) {
	a#superfish-main-toggle span 					{ color: #000; }
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink { color:#000; }
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover { background-color:rgb(217, 217, 217);}

div.sf-accordion-toggle.sf-style-default a, div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded { background-color:var(--color-sf-main); color:#000; }

h2 { color:#D86433; }

.tbstriped tr th, .datatable th { background-color:#F09B5B; color:#000; border:1px solid #999; }
.tbstriped tbody td { border-left: 1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; }
.tbstriped tr th a, .tbstriped tr th a:visited, .tbstriped tr th a:hover { color:#000; }