﻿/* edited on 12/06/22 to use position:sticky instead of fixed because of footer issues */

/* need this for position:sticky */

.off-canvas-content, .inner-wrap {
	overflow:visible !important;
}
.foundation-wrap, .off-canvas-wrapper {
	overflow:visible !important;
}
body {
	overflow:visible !important;
}
.main-section {
	overflow:visible !important;
}

/* styles for table of contents */
#tocAnchors {
	position:sticky;
	top:170px;
	padding-right:20px;
	border-right:1px solid #003C46;
	list-style:none;
	width:250px !important;
	align-self:flex-start;
}
#mc-main-content {
	margin-left:30px;
}
#flexNav {
	display:flex;
	max-width:80%;
}

/* adds offset for the top nav */
h2 {
margin-top: -20px !important;
padding-top: 20px !important;
}
#tocAnchors {
list-style:none;
width:250px !important;
}
#tocAnchors a {
color:#003C46;
}
#tocAnchors li {
padding-bottom:10px;
}

@media only screen and (max-width: 1680px) {
	#flexNav {
		max-width:100%;
		width:100%;
	}
}
@media only screen and (max-width: 1050px) {
	#tocAnchors {
		 margin-left:-60px;
	}
}
@media only screen and (max-width: 600px) {
	#flexNav {
		flex-wrap:wrap;
	}
	#tocAnchors {
		position:relative;
		margin-left:-15px;
		top:0;
	}
	#mc-main-content {
		margin-left:20px;
    }
			}
			