:root {
	--background-nav_toc_main_list: hsla(0, 98%, 8%, 1);
	--padding-left-nav_toc_main_list: 8px;
	--padding-right-nav_toc_main_list: 8px;
	--fs-nav_toc_main_list: 1.2rem;
	--text-align-nav_toc_main_list: left;
	--line-height-nav_toc_main_list: 1.5rem;
	--letter-spacing-nav_toc_main_list: 0.02rem;
	--color-nav_toc_main_list: hsla(100, 100%, 100%, 1);

	--padding-top-nav_toc_main_list_item: 10px;

	--background-nav_toc_section_list: hsla(0, 98%, 8%, 1);
	--padding-left-nav_toc_section_list: 18px;
	--padding-right-nav_toc_section_list: 8px;
	--fs-nav_toc_section_list: 1.1rem;
	--text-align-nav_toc_section_list: left;
	--line-height-nav_toc_section_list: 1.3rem;
	--letter-spacing-nav_toc_section_list: 0.02rem;
	--color-nav_toc_section_list: hsla(37, 100%, 50%, 1);

}


.nav_toc_main_list {
		background: var(--background-nav_toc_main_list);
		padding: var(--padding-nav_toc_main_list);
		list-style-type: none;
		font-size: var(--fs-nav_toc_main_list);
		padding-left: var(--padding-left-nav_toc_main_list);
		padding-right: var(--padding-right-nav_toc_main_list);
		font-size: var(--fs-nav_toc_main_list);
		text-align: var(--text-align-nav_toc_main_list);
		line-height: var(--line-height-nav_toc_main_list);
		letter-spacing: var(--letter-spacing-nav_toc_main_list);
		color: var(--color-nav_toc_main_list);
}

.nav_toc_main_list_item {
	padding-top: var(--padding-top-nav_toc_main_list_item);
	text-transform: uppercase;

}

.nav_toc_section_list {
		background: var(--background-nav_toc_section_list);
		padding: var(--padding-nav_toc_section_list);
		list-style-type: none;
		font-size: var(--fs-nav_toc_section_list);
		padding-left: var(--padding-left-nav_toc_section_list);
		padding-right: var(--padding-right-nav_toc_section_list);
		font-size: var(--fs-nav_toc_section_list);
		text-align: var(--text-align-nav_toc_section_list);
		line-height: var(--line-height-nav_toc_section_list);
		letter-spacing: var(--letter-spacing-nav_toc_section_list);
		color: var(--color-nav_toc_section_list);
		text-transform: capitalize;
}

.nav_toc_section_list_item {

}

.nav_toc_section_list_item-section {
	color: hsla(100, 100%, 100%, 1);
}
/*START MEDIA QUERY*/

@media only screen and (max-width: 600px) {

/*.nav_toc_main_list {*/
/*font-size: 1.0rem;*/
/*}*/

.nav_toc_main_list_item {
	padding-top: var(--padding-top-nav_toc_main_list_item);
	font-size: 1.0rem;
	font-weight: 800;
	text-transform: uppercase;

}

.nav_toc_section_list_item {
	font-size: 0.9rem;
	font-weight: 600;

}



}

/*END MEDIA QUERY*/