/* installed file=/web/css/tocMenu.css
 *
 *	Copyright © 2025 by L5 Software Developmnt.  All rights reserved.
 *
 *	$Id: /web/css/tocMenu.css,v $
 */
/**
*	CSS rulesets for supporting the tocMenu accordion menu system
*
*	Author:			Fred Koschara
*	Creation Date:	December fifth, 2017
*	Last Modified:	August 23, 2025 @ 10:07 am
*
*	Revision History:
*	   Date		  by		Description
*	2025/08/23	wfredk	move GoFundMe rulesets to RaceToSpace styles.css
*	2025/08/20	wfredk	remove obsolete rulesets
*	2025/08/17	wfredk	original development, derive from existing code
*/
#floatMenu
{	top:0px;
}

#menuRoot *
{	min-width:0;/* peek-a-boo bug fix for IE7 */
	position:relative;/* peek-a-boo bug fix for IE6 */
}
#menuRoot p
{	margin-top:6px;
}
#menuRoot img
{	padding:3px;
}

#sf_page_contents,
#ssp_page_contents
{	float:left;
}

#toc
{	position:absolute;
}

.tocMenuContainer
{	background:none;
	color:#ffff66;
	padding:0 7px;
	position:relative;
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
}
.tocBackground
{	background:none repeat scroll 0 50% #001100;
	vertical-align:top;
}

.tocRoot
{	padding:0;
}
.tocLevel1
{	font-size:120%;
	font-weight:bold;
	margin-top:9px;
}
.tocLevel2
{	font-size:110%;
	font-weight:bold;
	margin-top:6px;
}
.tocLevel3
{	font-size:100%;
	font-weight:bold;
	margin-top:3px;
}
.tocLevel4
{	font-size:90%;
	margin-left:-10px;
	margin-top:2px;
}
/*.tocLevel5
{	normal text
	margin-top:2px;
}* /
.tocLevel6
{	font-size:90%;
}*/
.tocDetail
{	font-size:90%;
	font-style:italic;
	font-weight:bold;
	margin-left:20px;
}
td.toc, p.toc
{	color:#ffff66;
}
.tdetail
{	font-size:10px;
}
.tocImage
{	margin:2em 0;
	text-align:center;
}
.tocTitle, td.tocTitle,		.toctitle, td.toctitle
{	background:none;
	color:#6699ff;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	padding:20px 0 20px 40px;
}
.tocBtn, .tocBtnNot
{	display:inline-block;
	text-align:left;
	vertical-align:text-top;
	width:14px;
}
.tocMenu, td.tocMenu
{	background:#001100;
	color:#555555;
/*	display:none; */
	list-style:none;
	text-align:left;
	vertical-align:top;
}
.tocMenuOpen
{	background:#001100;
	color:#555555;
	list-style:none;
}
.tocMenu1
{	padding-left:25px;
}
.tocMenu2
{	padding-left:25px;
}
.tocMenu3
{	padding-left:25px;
}
.tocMenu4
{	padding-left:25px;
}
.tocMenu5
{	padding-left:25px;
}
.tocMenu6
{	padding-left:25px;
}

.tocLink, td tocLink, a.tocLink	/* watch out for toclink */
{	color:#99ff99;
	text-decoration:none;
}
.tocLink:link, .tocLink:visited
{	color:#99ff99;
	text-decoration:none;
}
.tocLink:link:hover
{	color:#9999ff;
	text-decoration:underline;
}
.tocLink:visited:hover
{	color:red;
	text-decoration:underline;
}
.notLink, td notLink
{	color:#555555;
}
.stubLink:link, .stubLink:visited
{	color:#339933;
	text-decoration:none;
}

:link
{	color:#9999ff;
	text-decoration:none;
}
:visited
{	color:#ff66ff;
	text-decoration:none;
}
a:focus,a:active
{	outline:0;
}
a:active
{	color:white;
	text-decoration:none;
}
:link:hover, :visited:hover
{	color:red;
	text-decoration:underline;
}
:link:hover.toclink
{	color:#9999ff;
	text-decoration:underline;
}

/* ++++++++++++++++++++++ Mobile menu support +++++++++++++++++++++++++++++++ */
/* Baseline (desktop/laptop) */
/* Mobile drawer */
@media (max-width:820px)
{	/* Free the sidebar slot on mobile */
	#ssp_toc,
	.tocBackground
	{	height:auto;
		position:static;
		width:auto;
	}

	/* Toggle button (visible on mobile) */
	.tocToggleBtn
	{	background:#ffffff;
		border:1px solid #cccccc;
		border-radius:6px;
		display:inline-block;
/*		padding:0.5rem 0.75rem; */
		position:fixed;
		right:0.75rem;
		top:0;
		z-index:10002;
	}

	/* Overlay panel */
	#mobileTocPanel
	{	background:#001100;
		bottom:0;
		box-shadow:0 0 20px rgba(0,0,0,.6);
		color:#eee;
		max-width:85vw;
		overflow:auto;
		padding:16px;
		position:fixed;
		right:0;
		top:0;
		transform:translateX(100%);
		transition:transform .2s ease-out;
		width:320px;
		z-index:9999;
	}

	/* Slide in when open */
	html.mobile-toc-open #mobileTocPanel
	{	transform:translateX(0);
	}

	/* Prevent page scroll while open */
	html.mobile-toc-open, html.mobile-toc-open body
	{	height:100%;
		overflow:hidden;
	}

	/* Simple backdrop using :before on html */
	html.mobile-toc-open:before
	{	background:rgba(0,0,0,.4);
		content:"";
		height:100%;
		left:0;
		position:fixed;
		top:0;
		width:100%;
		z-index:9998;
	}

	/* Larger tap targets */
	#toc .tocLevel1,
	#toc .tocLevel2,
	#toc .tocLevel3,
	#toc .tocLink
	{	display:inline-block;
		line-height:1.25;
		padding:0.45rem 0.25rem;
	}

	/* Readable nesting in the drawer */
	#toc .tocMenuOpen
	{	margin-left:0.5rem;
	}

	#toc .tocMenu1
	{	margin-left:0.25rem;
	}

	#toc .tocMenu2
	{	margin-left:0.5rem;
	}

	#toc .tocMenu3
	{	margin-left:0.75rem;
	}

	.pageIcon
	{	align-self:end;
	}
	.mainBlurb
	{	text-align:justify;
	}
}
/* EOF: tocMenu.css */