.story-nav__nav {
	max-height: calc(100vh - 80px);
	overflow: auto;
	position: sticky;
	top: 40px;
	border-left: 0 none;
	border-right: 4px solid var(--gray-lighter);
	display: none;
}

@media (min-width: 992px) {
	.story-nav__nav {
		display: block;
	}
	
	.story-nav-innerwrap {
		display: flex;
		gap: 50px
	}

	.story-nav__nav {
		flex: 1 1 300px
	}

	.story-nav__items {
		flex: 1 1 calc(100% - 350px)
	}
}

.story-nav__nav ul {
    padding: 10px 0;
    list-style-type: none;
    overflow: auto
}

.story-nav__nav::-webkit-scrollbar {
    width: 4px
}

.story-nav__nav::-webkit-scrollbar-track {
    background: var(--gray-lighter);
}

.story-nav__nav::-webkit-scrollbar-thumb {
    background: rgba(1,86,150,0.5)
}

.story-nav__nav li a {
    color: var(--gray);
    border-left: 1px solid transparent;
    transition: all 200ms ease;
    padding: 8px 15px;
    display: block
}

.story-nav__nav li a:hover {
    background: transparent;
    color: var(--brand-primary);
    border-left: 1px solid var(--brand-primary);
    transition: all 200ms ease
}

.story-nav__nav .active>a,.story-nav__nav .current>a {
    color: var(--brand-primary);
    border-left: 2px solid var(--brand-primary);
    font-weight: 700
}

.story-nav__nav .active>a:hover,.story-nav__nav .current>a:hover {
    border-left: 2px solid var(--brand-primary)
}

.story-nav__nav li>a {
    color: var(--text-color);
    font-weight: 700;
    margin-bottom: 10px;
    border: 0 none
}

.story-nav__nav li>a:hover {
    border: 0 none;
    color: var(--brand-primary)
}

.story-nav__nav li.active>a,.story-nav__nav li.current>a {
    border: 0 none;
    color: var(--brand-primary)
}

.story-nav__nav li.active>a:hover,.story-nav__nav li.current>a:hover {
    border: 0 none;
    color: var(--brand-primary)
}

.story-nav__nav .sub-nav {
    font-size: 16px;
    margin-top: 5px
}

.story-nav__nav .sub-nav li>a {
    padding: 6px 10px 6px 25px
}

.story-nav__nav .sub-nav .sub-nav {
    margin-left: 0
}

.story-nav__nav .sub-nav .sub-nav>li>a {
    padding: 6px 10px 6px 50px
}

.story-nav__nav li.active>a {
    background: var(--gray-lighter);
    font-weight: 700
}

.story-nav__item-heading {
    background-color: var(--gray-lighter);
    padding: 10px 30px 14px;
    margin-top: 60px;
    margin-bottom: 40px
}

.story-nav__item:first-child .story-nav__item-heading {
    margin-top: 0!important
}

.story-nav__item-title {
    margin: 0
}