/* About this style sheet */

/* Style sheet type: SIDECAR */

/* Author/source: Martin Post / 9to5 Media Services – https://9to5.services/ */

/* How and where to use: This is a sidecar style sheet for placing a table of contents (with ID #TOC) in the sidebar of HTML templates with wide margins (especially the generic brand template. */

/* THE TABLE OF CONTENTS WILL BE CREATED IN LOOPS.sh, BUT NOT BE DISPLAYED AT ALL WHEN THE “NAVIGATION-TABLE-OF-CONTENTS-HIDE” VARIABLE IN A PROJECT OR FOR A PAGE HAS BEEN SET TO “TRUE”; THIS WILL APPLY THE CLASS ”hide” (DISPLAY:NONE). THE TABLE OF CONTENTS WILL STILL BE THERE, JUST NOT VISIBLE. */

/* Used at: Most 9to5 and Specs and Docs sites / web manuals. */

/* Last edit date: 2025-05-28 12-44-24 */

/* Last edit: #TOC padding */

@media screen	{
	#TOC	{
		margin-top:	1rem;	/* To avoid glueing to the main header */
		}
	}

@media screen and (min-width:1440px)	{
	#title	{
		padding-left:	20%;	/* Pad the title in the unified template full-width title so the ToC can pass safely. This belongs here as it’s only relevant for the ToC. */
		padding-right:	20%;
		}
	#TOC	{
		background-color:	#ffffff;	/* white */
		/* border:	1px solid blue; */	/* DEBUG */
		font-size:	0.9rem;	/* Just a tad smaller than main text */
		height:	30vh;	/* 30% of viewport height so full size illustrations and poster-background headings can shine. */
		left:	0px;	/* Flush left */
		width:	19%;	/* Clamp? */
		opacity:	0.8;	/* Sexy! */
		overflow-y:	scroll;	/* Gives us a scrollbar */
		padding:	10px 20px 0px 10px;	/* Adjust as necessary */
		position:	fixed;	/* Anchors it */
		top:	100px;	/* Required distance from top for position: fixed */
		}
	#TOC ul	{
		margin:	0px 0px 0px 0px;
		padding:	0px 0px 0px 15px;
		}
	#TOC ul li	{
		list-style-type:	square;
		}
	#TOC li	{
		line-height:	1.2rem;
		margin:	0px 0px 0px 0px;
		padding-bottom:	0px;
		}
	#TOC a	{
		text-decoration:	none;
		border-bottom:	0px solid transparent;
		}
	#TOC a,
	#TOC li	{
		/* color:	var(--color-grey); */	/* Link coloring is problematic, as the ToC is used on many sites. Stick with defauls. */
		}
	}