@charset "UTF-8";

/*/ List Tag /*/

	/* Base */
		expl-l {
			display: flex; flex-direction: column;
			min-width: 100%; width: 100%;
			
			border-top: 2px solid #000;
			border-bottom: 2px solid #000;
		}

	/* Padding */
		/* First Level */
			expl-l {
				padding-top: .5em;
				padding-bottom: .5em;
				gap: .5em;
			}
			
		/* Second Level */
			expl-l expl-l {
				padding-top: .25em;
				padding-bottom: .25em;
				gap: .125em;
			}

/*/ END List Tag /*/
		
/*/ Group Tag /*/

	/* Base */
		expl-g {
			display: flex; flex-direction: column;
			min-width: 100%; width: 100%;
		}
	
	/* First Level */
		
	
	/* Second Level */
		/* Not Last */
			expl-g expl-g:not(:nth-last-child(1)) {
				border-bottom: 2px solid #bbb;
				padding-bottom: .125em;
			}
			
/*/ END Group Tag /*/
		

/*/ Title Tag /*/

	/* Base */
		expl-t{
			position: relative;
			display: flex; flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start; align-items: center;

			font-family: var(--font-type-sans-serif);
			word-spacing: 0.07em;
			font-weight: bold;
			
			background-repeat: no-repeat;
			background-position: calc(100% - .5em) 50%;
			
			cursor: default;
		}
		
			/* Active */
				expl-t:active { top: 1px; left: 1px; }
		
	/* All Children */
		expl-t > * {pointer-events: none;}
		
	/* First Level */
		expl-g expl-t {
			font-size: 1.25em; letter-spacing: 0.02em;

			background-color: #888; color: #fff;
			
			padding-top: .25em;
			padding-bottom: .25em;
			padding-right: calc( 24px + ( .5em * 2 ) );
			padding-left: .5em;
		}
			/* Hover */
				expl-g expl-t:hover { background-color: #aaa; }
				
			/* Active */
				expl-g expl-t:active { background-color: #777; }		
				
			/* Expansion */
				/* Not */
					expl-g:not([data-expanded="true"]) > expl-t 
					{ background-image: url('/images/widgets/ALD/expandable-list/plus-lg-white.png'); }		

				/* Is */
					expl-g[data-expanded="true"] > expl-t 
					{ background-image: url('/images/widgets/ALD/expandable-list/minus-lg-white.png'); }					
				
	/* Second Level */
		
		
/* Content */
	/* Base */
		expl-c {
			display: none; flex-direction: column;
			justify-content: flex-start; align-items: flex-start;
			padding-top: .5em;
			padding-right: 0;
			padding-left: var(--nav-height); /* Child Indentation */
			padding-bottom: .75em;
		}
		
	/* Display */
		expl-g[data-expanded="true"] > expl-c 
		{ display: flex; }
		
		
/* Text */
	/* Small Title Margin */
		main h1.expl-margin,
		main h2.expl-margin,
		main h3.expl-margin,
		main h4.expl-margin,
		main h5.expl-margin,
		main h6.expl-margin
		{ margin-bottom: .25em; }
		
	/* List Paragraph */
		expl-l p,
		expl-l ul li
		{ font-size: .8125em; }
		
/*/ END Title Tag /*/	
		
/* Title */
	/* First Level */


	/* Second Level */
		expl-l expl-l expl-t {
			background-color: transparent;
			font-size: 1em;
			color: #000;
			padding-bottom: .125em; padding-top: .125em;
			letter-spacing: -.001em;
		}
			/* Hover */
				expl-g expl-g expl-t:hover 
				{ background-color: #ddd; }

			/* Active */
				expl-g expl-g expl-t:active 
				{ background-color: #bbb; }
		
		/* Expanded */
			/* Not */
				expl-l expl-l expl-g:not([data-expanded="true"]) > expl-t 
				{ background-image: url('/images/widgets/ALD/expandable-list/plus-sm-black.png'); }
			/* Is */
				expl-l expl-l expl-g[data-expanded="true"] > expl-t 
				{ background-image: url('/images/widgets/ALD/expandable-list/minus-sm-black.png'); }
		
/* Content */

/*/ Icon Version /*/

	/* Title */
		expl-l.icon > expl-g > expl-t {
			border: 2px solid var(--color-gray);
			background-color: #ededed; color: #000;
		}
		
			/* Hover */
				expl-l.icon > expl-g > expl-t:hover {
					background-color: #e0e0e0;
				}
				
			/* Active */
				expl-l.icon > expl-g > expl-t:active {
					background-color: #cacaca;
				}
		
			/* Expansion */
				/* Not */
					expl-l.icon > expl-g:not([data-expanded="true"]) > expl-t 
					{ background-image: url('/images/widgets/ALD/expandable-list/plus-lg-black.png'); }		

				/* Is */
					expl-l.icon > expl-g[data-expanded="true"] > expl-t 
					{ background-image: url('/images/widgets/ALD/expandable-list/minus-lg-black.png'); }
	
/*/ END Icon Version /*/

/*
expl-c > :not(expl-g) {
	margin-right:  calc( 24px + ( .5em * 2 ) );
}
*/

/* Remove Stairstep Bordering */
expl-l > expl-g > expl-c > expl-l  > expl-g:nth-last-child(1) expl-l
{ border-bottom: 0px solid #000; }

expl-l expl-l:nth-last-child(1)
{ border-bottom: 0px solid #000; }


/* Redundant Space Deletion (Not Absolute Last) */
expl-l > expl-g:not(:nth-last-child(1)) > expl-c > expl-l > expl-g > expl-c expl-l:nth-last-child(1) > expl-g:nth-last-child(1) > expl-c
{ padding-bottom: 0; }

/* Redundant Space Deletion (Absolute Last) */
expl-l > expl-g:nth-last-child(1) > expl-c > expl-l > expl-g:nth-last-child(1) > expl-c
{ padding-bottom: 0; }

/* Right Margin */
	expl-l > expl-g > expl-c 
	{ padding-right: var(--nav-height); }
	
	expl-l expl-l > expl-g > expl-c 
	{ padding-right: 0em; }