:root
{
	--foreground: rgb(22, 22, 22);
	--background: rgb(255, 255, 255);
	--color-text: rgb(33,33,33); 
	--theme-main: rgb(255, 255, 255);
	--theme-secondary: #45655f;
	--color-near-white: rgb(245, 245, 245);
	--color-sf-main: #45655f;
	--color-sf-hover: #df6a43;
	--color-sf-active: var(--color-sf-hover);
	--color-link: #45655f;
	--color-link-visited: #31443c;
	--color-link-hover: #31443c;
	--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);
	--color-sectionnav-border-left: #35433d;
	--font-family-sans: "Crimson Text", serif;}

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: #efefef; }
.ckeditor-accordion-container > dl dt > a 					{ background-color: var(--color-ck-accordion); }
/*nav#top-nav, nav#top-nav ul.sf-menu									{ background-color: #4f674b; }*/

.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: #fff; }

.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::after 												{ color: var(--color-near-white); }
/* colors for superfish are defined here */ 
/*nav#top-nav, nav#top-nav ul.sf-menu					{ background-color: #223e1e; }*/
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: #45655f !important; 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: var(--color-near-white) }
	@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: #f5f5f5; }
}