@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

* {
	box-sizing: border-box;
}

html, body {
	min-height: 100%;
	padding: 0;
    margin: 0;
}

/* #Font-Families and #Weights */ 
:root {
    --wa-font-family-body: 'Source Sans 3', ui-sans-serif, system-ui, sans-serif;
    --wa-font-family-heading: 'Inter', ui-sans-serif, system-ui, sans-serif;
	--wa-font-weight-heading: var(--wa-font-weight-bold);
	--wa-font-weight-body: 300;
	--wa-content-spacing: var(--wa-space-l);
	--sg-med-wt: 600;
}


/* #Colors */ 
/* #Orange */ 
:root {
	--wa-color-orange-95: #fff5e6;
	--wa-color-orange-90: #ffebcc;
	--wa-color-orange-80: #ffd699;
	--wa-color-orange-70: #ffc266;
	--wa-color-orange-60: #ffad33;
	--wa-color-orange-50: #ff9900;
	--wa-color-orange-40: #cc7a00;
	--wa-color-orange-30: #995c00;
	--wa-color-orange-20: #663d00;
	--wa-color-orange-10: #331f00;
	--wa-color-orange-05: #1a0f00;
	--wa-color-orange: #ff9900;
	--wa-color-orange-key: 50;
}

/* #Indigo */ 
:root {
	--wa-color-indigo-95: #efeff6;
	--wa-color-indigo-90: #dedeed;
	--wa-color-indigo-80: #bdbddb;
	--wa-color-indigo-70: #9c9cc9;
	--wa-color-indigo-60: #7b7bb7;
	--wa-color-indigo-50: #5b5ba4;
	--wa-color-indigo-40: #484884;
	--wa-color-indigo-30: #363663;
	--wa-color-indigo-20: #242442;
	--wa-color-indigo-10: #121221;
	--wa-color-indigo-05: #090910;
	--wa-color-indigo: #3c3f6c;
	--wa-color-indigo-key: 50;
}

/* #Brand Colors */ 
:root {
	--wa-color-brand-fill-quiet: var(--wa-color-orange-95);
	--wa-color-brand-fill-normal: var(--wa-color-orange-90);
	--wa-color-brand-fill-loud: var(--wa-color-orange-50);
	--wa-color-brand-border-quiet: var(--wa-color-orange-90);
	--wa-color-brand-border-normal: var(--wa-color-orange-80);
	--wa-color-brand-border-loud: var(--wa-color-orange-60);
	--wa-color-brand-on-quiet: var(--wa-color-orange-40);
	--wa-color-brand-on-normal: var(--wa-color-orange-30);
	--wa-color-brand-on-loud: white;
}
/* _Colors */

/* #Search Styles */
#pageSearch {
	margin: 0 0 var(--wa-content-spacing) 0;
}

.search-hidden {
	display: none !important;
}

.search-gap {
	color: #808080;
	background-color: #f2f2f2;
	border-radius: 10px;
	margin: inherit;
	padding: 5px 7px;
	user-select: none;
}
/* _Search Styles */

/* #Page-Specifics */
/* wa-page {} */
/* #Header {} */
[slot="header"] a {
    color: var(--wa-color-indigo);
    font-family: var(--wa-font-family-heading);
    font-weight: 600;
    /* text-decoration: none; */
    text-decoration: underline solid white 3px;
}

[slot="header"] a:hover {
    text-decoration: underline solid var(--wa-color-indigo-80) 3px;
	transition-duration: 1.0s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
}



/* #Navigation #Trees */
.nav-tree {
	/* color: pink; */
	/* ^ Does not seem to work */
	--indent-guide-width: 4px;
	--indent-guide-color: var(--wa-color-orange-95);
	--indent-guide-style: solid;
	--indent-guide-offset: 0px;
	--indent-size: 1em;
	font-weight: 400;
}

 .nav-tree wa-tree-item {
	color: var(--wa-color-text-normal); 
	/* ^ Does seem to work */
	/* text-indent: -20px; */
	/* background-color: salmon; */
	/* margin-left: -20px; */
} 

.nav-tree ::part(expand-button) {
	/*background-color: purple; */
	/* ^ Does seem to work */
	color: #b3b3b3;
	font-size: var(--wa-font-size-2xs);
	width: 2em;
}

/* Leaf items (no children) get a dash where the chevron would be. */
.nav-tree wa-tree-item.leaf::part(expand-button)::before {
	content: '—';
	font-weight: 900;
}

.nav-tree wa-tree-item.leaf::part(expand-button) {
	rotate: none;
}
/* _Trees */

/* Other Navigation */
#mobile-site-menu a {
    color: var(--wa-color-indigo);
    font-family: var(--wa-font-family-heading);
    font-weight: 600;
    /* text-decoration: none; */
    text-decoration: underline solid white 3px;
}

#mobile-site-menu a:hover {
    text-decoration: underline solid var(--wa-color-indigo-80) 3px;
	transition-duration: 1.0s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
}
/* _Navigation */

main {
    padding: var(--wa-space-2xl) var(--wa-space-2xl) var(--wa-space-2xl) var(--wa-space-3xl);
}

/* #Menu */
wa-page::part(menu) {
    border-right: 1px var(--wa-color-orange-95) solid;
}

/* #Footer(s) */
/* A lot of footer attributes are also defined on the individual layout. E.g., see layout-SG.njk and the <style> addressing slot="footer." */
footer a {
    font-family: var(--wa-font-family-heading);
    color: var(--wa-color-indigo);
    text-decoration: underline solid white 3px;
    font-weight: 500;
}

footer a:hover {
    text-decoration: underline solid var(--wa-color-indigo-80) 3px;
    transition-duration: 1.0s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

[slot="footer"] {
    border-top: 5px var(--wa-color-indigo-95) solid;
}
/* _Page-Specifics */


/* #Headings */
h1 {
    color: var(--wa-color-indigo);
}

h2 {
	margin-block-end: 0px;
}
/* _Headings */


/* #p Body Text */
p {
    font-size: var(--wa-font-size-xl);
}

main p {
    text-align: justify;
}

main a {
	color: inherit;
	text-decoration: underline solid var(--wa-color-indigo-90) 0.15em;
}

main a:hover {
	text-decoration: underline solid var(--wa-color-indigo) 0.15em;
	transition-duration: 1.0s;
	transition-timing-function: ease-in-out;
	cursor: pointer;
}

/* #Spans (Highlights Below) */
.orng {
	color: var(--wa-color-orange);
}
/* _Spans */

/* #Highlights #HLs */
.hl-orng {
	color: var(--wa-color-orange);
	background-color: var(--wa-color-orange-95);
	font-weight: var(--sg-med-wt);
}

.hl-yellow {
    color: goldenrod;
    background-color: lightgoldenrodyellow;
	font-weight: var(--sg-med-wt);
}

.hl-red {
    color: red;
    background-color: lightpink;
	font-weight: var(--sg-med-wt);
}

.hl-green {
    color: forestgreen;
    background-color: lightgreen;
	font-weight: var(--sg-med-wt);
}

.hl-blue {
    color: blue;
    background-color: lightblue;
	font-weight: var(--sg-med-wt);
}

.hl-keyword {
    font-family: Consolas, monospace;
    background-color: transparent;
	font-weight: var(--sg-med-wt);
}
/* _Highlights */

div.ll-item {
    padding-left: var(--ll-icon-width);;
    /* background-color: pink; */
}

/* #Layouts and Layout #Components */
.eq {
	display: flex;
	flex-wrap: wrap;
}

.eq > * {
	flex: 1;
}

@media (max-width: 800px) {
	.eq {
		flex-direction: column;
	}
}

/* #Legal-List Stuff */
:root {
    --ll-icon-width: 1.25rem;
}

.legal-list {
	color: var(--wa-color-text-normal);
}

wa-details.ll-item {
    --spacing: var(--wa-space-3xs) 0px;
}

wa-details.ll-item::part(icon) {
    color: #a6a6a6;
    width: var(--ll-icon-width);
    font-size: var(--wa-font-size-2xs);
    justify-content: center;
    align-items: center;
}

.ll-children {
    margin-left: 2rem;
}

.ll-ancestor {
    color: gray;
}
/* _Legal-List */

/* #Expand-Buttons for wa-details */
.exp-butt::part(base) {
	background: var(--wa-color-indigo-95);
	color: var(--wa-color-indigo-30);
}