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

ul.sf-menu.sf-style-default {
margin-bottom: 0;
}

ul.sf-menu .sf-sub-indicator {
	right: .25rem !important;
}

ul.sf-menu .sf-sub-indicator {
	right: .75rem !important;
}

.sf-menu a,.sf-menu a:link,.sf-menu li ul li a,footer h3 {
	color: var(--color-near-white) !important;
}

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

/* colors for superfish are defined here */
nav#top-nav, nav#top-nav ul.sf-menu {
	background-color: var(--color-sf-main) !important;
}

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

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) !important;
	color: var(--color-near-white) !important;
}

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) !important;
	color: var(--color-near-white) !important;
}

a.sf-depth-1.is-active {
	background-color: var(--color-sf-hover) !important;
}

a.is-active.sf-depth-1.menuparent.sf-with-ul {
	background-color: var(--color-sf-hover) !important;
	color: var(--color-near-white) !important;
}

@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) !important;
	}
	
	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) !important;
	}
	
	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) !important;
	}
}

@media only screen and (max-width: 1120px) {
	a#superfish-main-toggle span {
		color: #f5f5f5; !important
	}
div.sf-accordion-toggle.sf-style-default a {
  background: transparent;
  color: var(--color-white);
}
	
}