@charset "utf-8";

/* Shaving my shoulders. I'm getting it all shaved off. */

/* just for bent */

body { background-image: url(https://omniscientwalnut.com/splash.jpg); background-position: center 3.5em; }

header .title,
header .subtitle { font-family: 'vag-rundschrift-d', sans-serif; line-height: 1.875em; padding-left: 0.55em; text-align: center; text-transform: lowercase; }
.title a .get { color: #375f1d; } /* atlantic moss */
.title a .bent { color: #cbd2e3; } /* pacific sky */
.subtitle a .get { color: #c3b5ad; } /* atlantic sand */
.subtitle a .bent { color: #5f5b59; } /* pacific sand */

aside, figure, table.data { border-radius: 0.25em; float: right; margin: 0em 0em 0.5em 0.875em; width: 33%; }
@media screen and (max-width:768px) {
aside, figure, table.data { width: auto; min-width: 30%; max-width: 48%; } }

aside ul { background-color: #e8e9ea; line-height: 1.75em; padding: 0.875em 1.0em; white-space: nowrap; }
aside ul li { display: block; margin: 0em; overflow: hidden; text-overflow: ellipsis; }
aside ul li ul { padding: 0em; }

figure { background-color: black; padding: 0.5em; }
figcaption { color: #5f5b59; line-height: 1.25em; margin: 0.5em 0em; }

.photatoes figure { margin-bottom: 0.5em; } /* fake pinterest made for bent */

/* data tables */
table.data { border-radius: 0.25em; float: left; margin: 0em 0.875em 0.5em 0em; width: 25%; max-width: 48%; }
table.data th { background-color: rgba(192,192,192,1.00); font-weight: bold; }
table.data td { background-color: rgba(255,255,192,1.00); }
table.data tr th:nth-child(1) { text-align: left;  padding-left:  0.25em; }
table.data tr th:nth-child(2) { text-align: right; padding-right: 0.25em; }
table.data tr td:nth-child(1) { text-align: left;  padding-left:  0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 6em; }
table.data tr td:nth-child(2) { text-align: right; padding-right: 0.5em; }
table.data tr:first-child th:first-child { border-radius: 0.25em 0em 0em 0em; }
table.data tr:first-child th:last-child { border-radius: 0em 0.25em 0em 0em; }
table.data tr:last-child td:first-child { border-radius: 0em 0em 0em 0.25em; }
table.data tr:last-child td:last-child { border-radius: 0em 0em 0.25em 0em; }

/* images that aren't really photos */
figure.graphics { background-color: transparent; border-radius: 0em; padding: 0em; }
figure.graphics,
figure.graphics img { width: auto; max-width: 100%; }

/* image maps on data.html and maps.html */
figure.data { background-color: transparent; border-radius: 0em; float: none; margin: 1.75em 0em; padding: 0em; min-width: 100%; }
figure.data { width: 100% !important; overflow: scroll; }
figure.data img { width: auto !important; }
figure.data figcaption { column-count: 3; margin: 0em; padding: 0em; }
figure.data figcaption ul li { list-style: none; text-align: center; }

/* table of contents on home page */
#discussion nav ol li { font-weight: bold; list-style: none; margin-left: 1em; }
#discussion nav ol li ol li { font-weight: normal; list-style: decimal; margin-left: 3em; }
#discussion nav ol li:nth-of-type(1) ol li,
#discussion nav ol li:nth-of-type(2) ol li,
#discussion nav ol li:nth-of-type(13) ol li,
#discussion nav ol li:nth-of-type(14) ol li,
#discussion nav ol li ol li.numberless { list-style: circle; }

/* map mosaics */
table { margin: 1.75em auto; }

/* toe */
nav .tight { display: none; }

/* No condition is permanent. */