@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');

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

/* #Font-Families */ 
:where(:root),
.wa-theme-default,
.wa-light,
.wa-dark,
.wa-invert {
    --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: 200;
	--wa-content-spacing: var(--wa-space-l);
}

/* #Colors */ 
/* #Orange */ 
:where(:root),
:host,
.wa-palette-default {
	--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 */ 
:where(:root),
:host,
.wa-palette-default {
	--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 */ 
:where(:root),
:host,
.wa-light,
.wa-dark .wa-invert {
	--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;
}

wa-page {
}


header {	
}

#main-menu a:not(.mm-item) {
	display: inherit;
	text-decoration: none;
}

a.mm-item {
	display: inherit;
	color: var(--wa-color-indigo);
	font-family: var(--wa-font-family-heading);
	font-weight: 600;
	text-decoration: underline solid white 3px;
}

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

wa-divider.mm-div {
	--color: var(--wa-color-indigo-95);
	--width: 4px;
}

[slot="footer"] a {
	font-family: var(--wa-font-family-heading);
	color: var(--wa-color-indigo);
	text-decoration: underline solid white 3px;
	font-weight: 500;
}

[slot="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;
}

#brand-name {
	font-family: var(--wa-font-family-heading);
	font-size: var(--wa-font-size-xl);
	font-weight: 600;
	color: var(--wa-color-orange);
}

footer[slot="footer"] {
	border-top: 5px var(--wa-color-indigo-95) solid;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0px;
}
		
footer[slot="footer"]>div {
	flex: 1;
	padding: var(--wa-space-m);
	text-align: center;
}
		
nav[slot="navigation-header"] {
	padding-top: var(--wa-space-2xl);
}

nav[slot="navigation-footer"] {
	padding-bottom: var(--wa-space-2xl);
}

nav[slot='subheader'] {
	border-bottom: 5px var(--wa-color-brand-fill-normal) solid;
}
		
[slot="main-footer"] {
	padding: 0px var(--wa-space-2xl) var(--wa-space-2xl) var(--wa-space-3xl);
}

[slot='main-footer'] h4 {
	margin: 0px;
	font-size: var(--wa-font-size-xl);
}

/* #Text */

h2 {
	margin-top: var(--wa-space-xl);
}

p {
	margin-block-end: var(--wa-content-spacing);
	font-size: var(--wa-font-size-xl);
}

p:last-of-type {
/*	margin-block-end: var(--wa-space-m);*/
}

ul, ol {
	padding-left: var(--wa-space-m);
	font-size: var(--wa-font-size-xl);
}

ul li::marker {
	font-size: var(--wa-font-size-l);
	color: #4d4d4d;
}
		
ol li::marker {
	font-size: var(--wa-font-size-xl);
	font-weight: 400;
}

li {			
	margin-block-end: 0px;
}

li:last-of-type {
	margin-block-end: var(--wa-content-spacing);
}

p:has(+ ul), p:has(+ ol) {
	margin-block-end: 0px;
}

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

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

.main-content {
	padding: var(--wa-space-2xl) var(--wa-space-2xl) var(--wa-space-2xl) var(--wa-space-3xl);
	max-width: 1000px;
}

.main-content {
	p, h1, h2, h3, h4, h5, h6, ul, ol, li {
/*		max-width: 750px;*/
	}
}

.main-content {
	p, ul, ol, li {
	text-align: justify;
	}
}

.main-content-home {
	h1, h2, h3, h4, h5, h6 {
		font-size: var(--wa-font-size-4xl); 
		font-weight: 700; 
		margin: var(--wa-space-xl) auto; 
		text-align: center;
		max-width: 750px;
	}
}

.main-content-home h4 {
	font-size: var(--wa-font-size-2xl); 
	font-weight: 600; 
	text-align: center; 
	font-family: var(--wa-font-family-heading); 
	margin: auto; 
	color: var(--wa-color-indigo);
}

.main-content-home p {
	font-size: var(--wa-font-size-xl); 
	font-weight: 200; 
	text-align: left; 
	font-family: var(--wa-font-family-heading); 
	margin: var(--wa-content-spacing) auto;
}

/* #Spans #HL */

.orng {
	color: var(--wa-color-orange);
}

strong {
	font-weight: 400;
}

.defn {
	color: var(--wa-color-orange);
	font-weight: 600;
}

.hl-orng {
	font-weight: 600; 
	color: var(--wa-color-orange); 
	background-color: var(--wa-color-orange-95);
}

.ht {
	color: #e6e6e6;
	font-weight: 600;
}

.fn {
	font-size: 0.5em;
	color: #ccc;
	vertical-align: top; 
	font-weight: 800;
}

.fn a {
	text-decoration: none;
}

.cite {
	font-weight: 400; 
	color: #f2f2f2;
}

.cite a {
	text-decoration: underline 1px #f2f2f2 solid;
}

.cl {
	border: 3px var(--wa-color-indigo-80) solid; 
	background-color: #fcfcfd;
	border-radius: 35px; 
	padding: var(--wa-space-m) var(--wa-space-xl);
	max-width: 750px;
	margin-bottom: var(--wa-content-spacing);
}

.cl p:last-child {
	margin-bottom: 0px;
}

.sec-name {
	font-weight: 400; 
	text-decoration: underline;
}

.fld {
	font-weight: 400; 
	background-color: var(--wa-color-indigo-90);
}

.if-ind {
	font-family: 'Source Code Pro', sans-serif;
	font-weight: 600;
	font-size: var(--wa-font-size-l);
	color: var(--wa-color-indigo);
	background-color: var(--wa-color-indigo-90);
}

.if-gray {
	font-family: 'Source Code Pro', sans-serif;
	font-weight: 600;
	font-size: var(--wa-font-size-l);
	background-color: #f2f2f2;
}

.if-orng {
	font-family: 'Source Code Pro', sans-serif;
	font-weight: 600;
	font-size: var(--wa-font-size-l);
	color: var(--wa-color-orange);
	background-color: var(--wa-color-orange-95);
}

/* _Spans _HL */

wa-breadcrumb-item {
	color: var(--wa-color-indigo);
}

wa-breadcrumb-item:last-of-type {
	color: var(--wa-color-brand-fill-loud);
}

button a {
	text-decoration: none;
}

.cl wa-copy-button {
	font-size: var(--wa-font-size-m); 
	color: #d9d9d9;
}

.also {
	color: #4d4d4d; 
	background-color: #fafafa;
	border: 2px #d9d9d9 solid; 
	border-radius: 20px; 
	max-width: 750px; 
	padding: var(--wa-space-s) var(--wa-space-xl); 
	font-weight: 500; 
	margin-bottom: var(--wa-content-spacing); 
	font-size: var(--wa-font-size-m);
}

/* #Layouts */ 

/* A standard flex container */

.flex-cont {
	display: flex; 
	flex-wrap: wrap;
	justify-content: center; 
	align-content: center; 
}

/* 2 blocks that go to 100% when the screen gets smaller */
.even-to-100 {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
}
		
.even-to-100>div {
	flex: 1;
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	align-items: center; 
}

@media (max-width: 1000px) {
	.even-to-100 {
		display: block;
	}

	.even-to-100>div {
		flex: 100%;
	}
}

/* 
<div id="___gcse_0">
<div class="gsc-control-searchbox-only gsc-control-searchbox-only-en"> 
<form class="gsc-search-box gsc-search-box-tools">
<table 1 class="gsc-search-box">
<tbody>, <tr>
<td class="gsc-input">
<div class="gsc-input-box" id="gsc-iw-id1">
<table 2 class="gstl_50 gsc-input"> 
<tbody>, <tr>
<td id="gs_tti50" class="gsib_a">
<input class="gsc-input" name="search" id="gsc-i-id1"> 
<td class="gsib_b"> 
<div class="gsst_b" id="gs_st50"><a class="gsst_a" href="javascript:void(0)" style="display: none;" title="Clear search box" role="button"><span class="gscb_a" id="gs_cb50" aria-hidden="true">√ó</span></a></div>
close a bunch
<td class="gsc-search-button">
<button class="gsc-search-button gsc-search-button-v2"><svg><title><path>
close a bunch
<td class="gsc-clear-button">
<div class="gsc-clear-button">
Close all
*/

@media (max-width: 1150px) {
	#google-box-1 {
	display: none;
	}
}

/* #Search #Google */

[id*="gcse"] {
	border: 2px #9194a2 solid !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0px !important;
	padding: 0px !important;
	border-radius: 12px !important;
	width: 125px !important;
}

[id*="gcse"] * {
	border: none !important;
	display: flex !important; 
	align-items: center !important;
	justify-content: center !important;
	margin: 0px !important;
	padding: 0px !important;
	height: 40px !important;
}

.gsc-control-searchbox-only {
}

.gsc-search-box {
}

.gsc-input {
}

.gsc-input-box {
}

.gstl_50 {
}

.gsib_a {
}

#gs_tti50 {
}

[id*="gsc-i-id"] {
	border: none !important;
	border-radius: none !important;
	font-size: 100% !important;
	font-size: var(--wa-font-size-m) !important;
	width: 85px !important;
	font-family: 'Source Sans 3', ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 400 !important;
	color: black !important;
}

.gsib_b {
}

.gsst_b {
}

[id*="gs_st"] {
	display: none !important;
}

.gsc-search-button {
	display: none !important;
}

.gsc-search-button-v2 {
}

div.gsc-clear-button {
}

table.gsc-input {
	height: 42px !important;
	vertical-align: middle !important;
}

/* _Google _Search */

/* #Components */

.TOC {
	font-weight: 400;
	--indent-guide-width: 3px; 
	--indent-size: 19px; 
	--indent-guide-color: var(--wa-color-brand-fill-loud); 
	--indent-guide-style: solid;
	--indent-guide-offset: 0px;
}

.TOC wa-tree-item::part(expand-button) {
	color: black;
	font-size: var(--wa-font-size-2xs);
}

.TOC a {
	color: var(--wa-color-text-normal);
	text-decoration: none;
}

.TOC a:hover {
	color: var(--wa-color-orange);
	text-decoration: underline solid var(--wa-color-orange) 1px;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

span.no-subs {
	text-indent: -11px;
}

span.no-subs i {
	width: var(--wa-space-s); 
	text-align: center; 
	color: #ccc;
}

.exp-butt {
	width: auto; 
	color: var(--wa-color-indigo); 
	background-color: var(--wa-color-indigo-95); 
	border: none; 
	box-shadow: none; 
	border-radius: 9px; 
	font-size: var(--wa-font-size-2xs);
}

.exp-butt:hover {
	background-color: var(--wa-color-indigo-80);
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

.exp-butt:active {
	transform: translate(2px, 2px);
	transition-duration: 0.1s;
}

wa-badge {
	font-weight: bold;
	border-radius: 10px;
	font-size: var(--wa-font-size-s);
	vertical-align: middle;
}

.badge-ind {
	color: var(--wa-color-indigo-50);
	background-color: var(--wa-color-indigo-95);
}

/* _Components */

/* #Details */

wa-details.main {
}
		
wa-details.main wa-details {
}
		
wa-details.main p:last-of-type {
}

wa-details.main::part(base) {
	border: none;
}

wa-details.main::part(header) {
	gap: var(--wa-space-2xs);
	justify-content: flex-start;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: var(--wa-content-spacing);
	align-content: flex-start;
}

wa-details.main::part(summary) {
	font-family: var(--wa-font-family-heading);
	font-size: var(--wa-font-size-xl);
	font-weight: var(--wa-font-weight-semibold);
}
		
wa-details.main::part(icon) {
	order: -1;
	font-size: var(--wa-font-size-m);
	color: #e6e6e6;
}
		
wa-details.main::part(content) {
	border-left: 2px #f2f2f2 solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: var(--wa-space-2xl);
	margin-left: 7px;
}
		
wa-details.main span[slot="summary"] {
	display: flex;
	align-items: center;
}

wa-details.main span[slot="summary"] {
	i, wa-icon {
		color: #604E78;
		padding-right: var(--wa-space-s);
		width: 25px;
		vertical-align: center;
		text-align: center;
	}
}
	
/* _Details */