.sf-menu ul {
	border-top: 1px solid var(--color-white);
}

.sf-menu ul li {
	border-bottom: 1px solid var(--color-white);
}

.sf-menu a,.sf-menu a:link,.sf-menu li ul li a {
	color: var(--color-white);
	text-decoration: none;
}

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after {
	/* do not change this -->*/
	border: 5px solid transparent;
	/* only change this -->*/
	border-top-color: var(--color-white);
}

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after {
	border-top-color: var(--color-white);
}

.sf-menu .sf-sub-indicator::after {
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
}

ul.sf-menu .sf-sub-indicator {
	color: var(--color-white);
	opacity: 1;
}

#top-nav, #top-nav .sf-menu {
	background-color: var(--color-sf-main);
}

a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4 {
	background-color: var(--color-sf-main);
	color: var(--color-white);
}

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

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

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,, a.sf-depth-5 {
		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, a.sf-depth-5: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, a.sf-depth-5:visited {
		background-color: var(--color-sf-main);
	}
}

@media only screen and (max-width: 1120px) {
	a#superfish-main-toggle span {
		color: var(--color-white);
	}
}

/* end superfish styles */
.sf-accordion-toggle a {
	color: var(--color-white);
}

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after {
	/* do not change this -->*/
	border: 5px solid transparent;
	/* only change this -->*/
	border-top-color: var(--color-white);
}

/* 
.sf-menu, .sf-menu * { margin:0; padding:0; }
 */

@media only screen and (max-width: 670px) {
	.sf-menu {
	}
	
	#top-nav {
		background-color: transparent;
	}
	
	#top-nav .sub-container {
		margin: 0 !important;
	}
	
	#sectionnav.subsection.nav {
		display: none !important;
	}
}

ul.sf-menu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	/*added \by ts */
	max-width: 80rem;
	margin-bottom: 1em;
	line-height: 1;
}

}
ul.sf-menu ul {
	width: 12em;
	/* change this? */
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em;
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	margin-top: 1.5rem;
}

ul.sf-menu .sf-depth-1 {
	text-align: center;
	display: grid;
	align-items: center;
	align-self: center;
	height: 100%;
	line-height: 1;
	block-size: 100%;
	flex-grow: 0;
	min-block-size: 4rem;
	/* Adjust this value as needed */
}

/* 
li.sf-depth-2,li.sf-depth-3,li.sf-depth-4 { margin-top: 1.5rem !important; }
 */

.sf-menu li ul li {
	text-align: left;
}

a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {
	transition: all .5s;
}

ul.sf-menu li {
	text-align: center;
	/* brought from at4 styles.css */
	position: relative;
	float: unset;
}

ul.sf-menu a,
ul.sf-menu span.nolink {
	padding: .75em;
	zoom: 1;
}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul {
	z-index: 499;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
	left: 0;
	top: 2.5em;
	display: block;
}

ul.sf-menu.menu ul {
	margin-top: 24px !important;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after {
	/* do not change this -->*/
	border: 5px solid transparent;
	/* only change this -->*/
	border-top-color: var(--color-white);
}

.sf-menu .sf-sub-indicator {
	opacity: 1;
}

.sf-accordion-toggle {
	padding: 8px 16px;
	text-align: center;
}

.sf-accordion-toggle a {
	font-weight: bold;
}

ul.sf-menu .sf-sub-indicator {
	right: 1.5rem;
}

@media only screen and (max-width: 1120px) {
	a#superfish-main-toggle span {
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
	}
	
	a#superfish-main-toggle {
		text-decoration: none;
		text-align: center;
	}
}

@media only screen and (max-width: 1120px) {
	a#superfish-main-toggle span {
		color: var(--color-white);
	}
}