:root {

	/* Theme Colors */
	--offwhite:#EEE;
	--offwhite2:#E8E8E8;
	--lightyellow:#ffe6cc;
	--lightorange:#ffbf80;
	--transparentwhite:#FFF1;
	--translucentwhite:#FFF4;
	/* --transparentwhite:#FFFFFF08; */

	/* Gradient Image */
	--leftgradient:linear-gradient( to right , var(--bodybackcolor) , transparent );
	--rightgradient:linear-gradient( to left , var(--bodybackcolor) , transparent );

	/* Numbers */
	--pagewidth:125rem;
	--pagewidth:100rem;
}

body {

	/* Selected Theme Colors */
	--headbackcolor:var(--offwhite);
	--headforecolor:var(--searchthemecolor);
	--bodybackcolor:var(--searchthemecolor);
	--resultsbackcolor:var(--transparentwhite);
	--resultsetheadforecolor:var(--lightyellow);
	--resultsetbodyforecolor:var(--lightorange);
	--loadspinnercolor:var(--offwhite2);
}



/* Body: Page Scroller */
body.freeze {overflow:hidden;}




/* Search Overlay */
div#container div#searchoverlay {background-color:var(--bodybackcolor);}
div#container div#searchoverlay {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100 /* overflow:auto; */;}
div#container div#searchoverlay {opacity:0; visibility:hidden; transform:scale(1.05); transition:.25s;}
div#container div#searchoverlay.open {opacity:.988; visibility:visible; transform:none;}
/* Search Overlay */
div#container div#searchoverlay {display:flex; flex-direction:column; align-items:stretch;}
div#container div#searchoverlay {font-size:1.25rem;}
/* Search Overlay: Section */
div#container div#searchoverlay section {--sectionspace:3rem; padding:0; margin:0;}
/* div#container div#searchoverlay section div.grid {background-color:var(--resultsbackcolor); background-color:var(--limeglass); --limeglass:#0f08;} */
div#container div#searchoverlay section div.grid {max-width:var(--pagewidth); /* padding:var(--sectionspace) 0; */ margin:0 auto;}
/* Search Overlay: Head Section */
div#container div#searchoverlay section.head {flex-grow:0; flex-shrink:0;}
/* Search Overlay: Neck Section */
/* div#container div#searchoverlay section.neck {} */
/* Search Overlay: Body Section */
div#container div#searchoverlay section.body {flex-grow:1; flex-shrink:1;}



/* Search Overlay: Head Section */
div#container div#searchoverlay section.head {background-color:var(--headbackcolor); color:var(--headforecolor); font-size:1.25em;}
div#container div#searchoverlay section.head div.grid {border-bottom:1px solid #0002;}
/* div#container div#searchoverlay section.head div.grid {max-width:calc(var(--pagewidth)*.6);} */
/* Search Overlay: Head Section: Query Box */
div#container div#searchoverlay section.head div.querybox {position:relative;}
div#container div#searchoverlay section.head div.querybox div.closebtn,
div#container div#searchoverlay section.head div.querybox label.searchlabel {position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; user-select:none;}
div#container div#searchoverlay section.head div.querybox div.closebtn {background-color:var(--headforecolor); color:white; right:0; padding:0 .375em; border-radius:.25rem; margin:0 .375em; box-shadow:var(--boxshadowx);}
div#container div#searchoverlay section.head div.querybox label.searchlabel {font-size:.875em; /* font-size:1.5rem; */ left:0; margin:0 1em;}
div#container div#searchoverlay section.head div.querybox label.searchlabel svg.icon {display:block;}
/* Search Overlay: Head Section: Query Box: Query Field */
div#container div#searchoverlay section.head div.querybox input#searchquery {display:block; width:100%; height:100%; padding:.625em 2.25em; border:0 none; outline:none;}
div#container div#searchoverlay section.head div.querybox input#searchquery {background-color:/* white */transparent; color:inherit; font-family:inherit; font-size:1em;}



/* Search Overlay: Neck Section */
/* div#container div#searchoverlay section.neck {background-color:var(--bodybackcolor);} */
div#container div#searchoverlay section.neck {opacity:0; visibility:hidden; max-height:0; transition:.375s;}
div#container div#searchoverlay.sleep section.neck {opacity:1; visibility:visible; max-height:8rem;}
/* div#container div#searchoverlay section.neck div.grid {} */
div#container div#searchoverlay section.neck div.suggest {overflow:hidden; max-width:40rem; padding:1rem /* 2rem */; margin:0 auto;}
div#container div#searchoverlay section.neck div.suggest {position:relative;}
div#container div#searchoverlay section.neck div.suggest:before,
div#container div#searchoverlay section.neck div.suggest::after {position:absolute; inset:0; width:3rem; content:''; z-index:10;/*  opacity:.875; */}
div#container div#searchoverlay section.neck div.suggest:before {background-image:var(--leftgradient); background-image:linear-gradient( to right , var(--bodybackcolor) , transparent ); right:auto;}
div#container div#searchoverlay section.neck div.suggest::after {background-image:var(--rightgradient); background-image:linear-gradient( to left , var(--bodybackcolor) , transparent ); left:auto;}
div#container div#searchoverlay section.neck div.suggest ul.querylist {list-style:none; padding:0; margin:0;}
div#container div#searchoverlay section.neck div.suggest ul.querylist {display:flex; flex-direction:row; align-items:center; /* gap:.5rem; */ /* padding:2rem; */}
div#container div#searchoverlay section.neck div.suggest ul.querylist {width:fit-content; transform:translateX(0);}
div#container div#searchoverlay section.neck div.suggest ul.querylist {animation:slidethru 15s linear infinite; animation-play-state:paused;}
div#container div#searchoverlay.sleep section.neck div.suggest ul.querylist {animation-play-state:running;}
div#container div#searchoverlay.sleep section.neck div.suggest ul.querylist:hover {animation-play-state:paused;}
@keyframes slidethru { 0% {transform:translateX(0);} 100% {transform:translateX(-50%);} }
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem {font-size:.875em; cursor:pointer; user-select:none; white-space:nowrap;}
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem {display:flex; flex-direction:row; align-items:center; gap:.75rem;}
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem {background-color:var(--transparentwhite); transition:.25s; padding:.5rem 1rem; border-radius:10em; margin-left:.5rem;}
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem:hover {background-color:var(--translucentwhite);}
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem svg.icon {color:white; font-size:.875em;}
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem span.caption {color:white; min-height:1.4em;}
/* div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem span.caption:empty {} */
div#container div#searchoverlay section.neck div.suggest ul.querylist li.queryitem span.caption:empty:after {content:'Hello world';}



/* Search Overlay: Body Section */
/* div#container div#searchoverlay section.body {background-color:var(--bodybackcolor);} */
div#container div#searchoverlay section.body {position:relative; overflow-x:hidden; overflow-y:auto; scrollbar-width:none;}
/* div#container div#searchoverlay section.body {font-size:1em; margin-top:var(--sectionspace);} */
/* div#container div#searchoverlay section.body div.grid {padding:var(--sectionspace) 0;} */

/* Search Overlay: Body Section: Results */
div#container div#searchoverlay section.body div#searchresults {background-color:var(--resultsbackcolor); color:white; width:100%; min-height:100%; overflow:visible; padding:3rem;}
div#container div#searchoverlay section.body div#searchresults {display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch;}
/* div#container div#searchoverlay section.body div#searchresults {flex-direction:column-reverse;} */
div#container div#searchoverlay section.body div#searchresults {opacity:1; transition:.375s;}
div#container div#searchoverlay.sleep section.body div#searchresults {opacity:0;}

/* Search Overlay: Body Section: Results Head */
div#container div#searchoverlay section.body div#searchresults h1.resultshead {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
div#container div#searchoverlay section.body div#searchresults h1.resultshead {font-size:1.25em; cursor:default; user-select:none;}
div#container div#searchoverlay section.body div#searchresults h1.resultshead {margin:0; margin-bottom:1rem;}
/* div#container div#searchoverlay section.body div#searchresults h1.resultshead span.resultcount {} */
div#container div#searchoverlay section.body div#searchresults h1.resultshead span.resultcount::after {content:' result(s) found';}
div#container div#searchoverlay section.body div#searchresults h1.resultshead.none span.resultcount {visibility:hidden;}
div#container div#searchoverlay section.body div#searchresults h1.resultshead span.searchquery {word-wrap:anywhere;}
div#container div#searchoverlay section.body div#searchresults h1.resultshead span.searchquery:before {content:'Here are your search results for \'';}
div#container div#searchoverlay section.body div#searchresults h1.resultshead span.searchquery::after {content:'\'';}
div#container div#searchoverlay section.body div#searchresults h1.resultshead.none span.searchquery:before {content:'No matches found for \'';}

/* Search Overlay: Body Section: Results Body */
/* div#container div#searchoverlay section.body div#searchresults div.resultsbody {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start;} */
div#container div#searchoverlay section.body div#searchresults div.resultsbody {display:grid; grid-template-columns:repeat( var(--gridcolumns) ,1fr); --gridcolumns:4;}
/* Search Overlay: Body Section: Results Body Block */
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {/* padding:2rem 1.5rem; */ /* border:1px solid #FFF3; */ /* border-radius:.5rem; */ margin:0 2rem; /* text-align:center; */}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead {color:var(--resultsetheadforecolor); font-size:1.125em; padding:.75rem 0; border-bottom:1px solid #FFF3; margin:0; margin-top:1rem;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead span.count {font-size:.875em;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead a.archivelink {color:inherit; text-decoration:none;}
/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead a.archivelink span.caption {} */
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist {list-style:none; padding:0; margin:0; margin-top:.75rem;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual {display:flex; flex-direction:row; flex-wrap:wrap;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem {margin-top:.25rem; margin-top:.125rem;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem {margin:0; margin-right:.375rem; margin-bottom:.375rem;}
/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem span.caption {} */
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem a.archivelink,
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem a.authorlink,
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem a.resultlink {color:inherit; text-decoration:none; color:var(--resultsetbodyforecolor);}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem a.archivelink {display:block; /* text-decoration:underline; */}
/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist li.resultitem a.archivelink span.caption {} */
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink {background-color:var(--translucentwhite); overflow:hidden; border-radius:.25rem;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink {position:relative; display:block; /* height:8rem; */ width:6rem; aspect-ratio:1;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink img.photo {object-fit:cover; height:100%; width:100%; z-index:10; padding:.25em;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink span.caption {position:absolute; right:0; bottom:0; left:0; width:100%; padding:.25rem 0; z-index:20;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink span.caption {background-color:var(--resultsetbodyforecolor); /* display:none; */ opacity:.875; padding:.125rem .375rem;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink span.caption {color:white; font-size:.625em; font-size:.75em; text-align:center;}
div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries ul.resultlist.visual li.resultitem a.resultlink span.caption {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/* Search Overlay: Body Section: Loader */
div#container div#searchoverlay section.body::after {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2.5rem; height:2.5rem; border-radius:50%;}
div#container div#searchoverlay section.body::after {background-color:transparent; content:''; border:.5rem solid var(--loadspinnercolor); border-top-color:transparent;}
div#container div#searchoverlay section.body::after {visibility:hidden; opacity:0; transition:.25s;}
div#container div#searchoverlay.load section.body::after {visibility:visible; opacity:1; animation:loadingspin 1s linear infinite;}





@keyframes loadingspin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}





/* Laptop Screen */
@media screen and (max-width:88rem) {


	/* Search Overlay */
	/* div#container div#searchoverlay {} */

	/* Search Overlay: Section */
	/* div#container div#searchoverlay section {} */

	/* Search Overlay: Head Section */
	/* div#container div#searchoverlay section.head {} */

	/* Search Overlay: Neck Section */
	/* div#container div#searchoverlay section.neck {} */

	/* Search Overlay: Body Section */
	/* div#container div#searchoverlay section.body {} */
	/* Search Overlay: Body Section: Results */
	/* div#container div#searchoverlay section.body div#searchresults {} */
	/* Search Overlay: Body Section: Results Head */
	/* div#container div#searchoverlay section.body div#searchresults h1.resultshead {} */
	/* Search Overlay: Body Section: Results Body */
	div#container div#searchoverlay section.body div#searchresults div.resultsbody {--gridcolumns:3;}
	/* Search Overlay: Body Section: Results Body Block */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {} */
}


/* Tablet Screen */
@media screen and (max-width:72rem) {


	/* Search Overlay */
	div#container div#searchoverlay {font-size:1.125rem;}

	/* Search Overlay: Section */
	div#container div#searchoverlay section {--sectionspace:2rem;}

	/* Search Overlay: Head Section */
	/* div#container div#searchoverlay section.head {} */

	/* Search Overlay: Neck Section */
	/* div#container div#searchoverlay section.neck {} */

	/* Search Overlay: Body Section */
	/* div#container div#searchoverlay section.body {} */
	/* Search Overlay: Body Section: Results */
	/* div#container div#searchoverlay section.body div#searchresults {} */
	/* Search Overlay: Body Section: Results Head */
	/* div#container div#searchoverlay section.body div#searchresults h1.resultshead {} */
	/* Search Overlay: Body Section: Results Body */
	div#container div#searchoverlay section.body div#searchresults div.resultsbody {--gridcolumns:2;}
	/* Search Overlay: Body Section: Results Body Block */
	div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {margin:1rem 1rem 0 0;}
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead {} */
}


/* Big Smartphone Screen */
@media screen and (max-width:48rem) {


	/* Search Overlay */
	/* div#container div#searchoverlay {} */

	/* Search Overlay: Section */
	/* div#container div#searchoverlay section {} */

	/* Search Overlay: Head Section */
	/* div#container div#searchoverlay section.head {} */

	/* Search Overlay: Neck Section */
	/* div#container div#searchoverlay section.neck {} */

	/* Search Overlay: Body Section */
	/* div#container div#searchoverlay section.body {} */
	/* Search Overlay: Body Section: Results */
	/* div#container div#searchoverlay section.body div#searchresults {} */
	/* Search Overlay: Body Section: Results Head */
	/* div#container div#searchoverlay section.body div#searchresults h1.resultshead {} */
	/* Search Overlay: Body Section: Results Body */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody {--gridcolumns:1;} */
	/* Search Overlay: Body Section: Results Body Block */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {} */
}


/* Small Smartphone Screen */
@media screen and (max-width:36rem) {


	/* Search Overlay */
	div#container div#searchoverlay {font-size:1rem;}

	/* Search Overlay: Section */
	div#container div#searchoverlay section {--sectionspace:1rem;}

	/* Search Overlay: Head Section */
	/* div#container div#searchoverlay section.head {} */

	/* Search Overlay: Neck Section */
	/* div#container div#searchoverlay section.neck {} */

	/* Search Overlay: Body Section */
	/* div#container div#searchoverlay section.body {} */
	/* Search Overlay: Body Section: Results */
	/* div#container div#searchoverlay section.body div#searchresults {} */
	/* Search Overlay: Body Section: Results Head */
	/* div#container div#searchoverlay section.body div#searchresults h1.resultshead {} */
	/* Search Overlay: Body Section: Results Body */
	div#container div#searchoverlay section.body div#searchresults div.resultsbody {--gridcolumns:1;}
	/* Search Overlay: Body Section: Results Body Block */
	div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {margin:0; margin-top:1.5rem;}
	div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead {font-size:1.125rem; /* display:block; */}
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead span.count {} */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead span.count:before {content:' (';} */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries h2.blockhead span.count::after {content:')';} */
}


/* Tiny Smartphone Screen */
@media screen and (max-width:24rem) {


	/* Search Overlay */
	/* div#container div#searchoverlay {font-size:1rem;} */

	/* Search Overlay: Section */
	/* div#container div#searchoverlay section {} */

	/* Search Overlay: Head Section */
	/* div#container div#searchoverlay section.head {} */

	/* Search Overlay: Neck Section */
	/* div#container div#searchoverlay section.neck {} */

	/* Search Overlay: Body Section */
	/* div#container div#searchoverlay section.body {} */
	/* Search Overlay: Body Section: Results */
	/* div#container div#searchoverlay section.body div#searchresults {} */
	/* Search Overlay: Body Section: Results Head */
	/* div#container div#searchoverlay section.body div#searchresults h1.resultshead {} */
	/* Search Overlay: Body Section: Results Body */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody {} */
	/* Search Overlay: Body Section: Results Body Block */
	/* div#container div#searchoverlay section.body div#searchresults div.resultsbody div.resultseries {} */
}