/* http://terrorcrat.com (and others) common CSS. Copyright (c) David T. Freeman, 2015+.
NOTE: ONLY EDIT THIS FILE FROM ../terrorcrat/common.css - all others are copies of the original and will be over-written! See ../../sync_common.sh */

/* -------------------------------------------------------------------------- */
/* Framework links/controls */
.pageControls button {
	border-radius: 6px;
	font-size: 100%;
}
.mainNav {

}

/* -------------------------------------------------------------------------- */
.complete {
	font-size: 95%; /* Chrome alters the view by one pixel after showing the checkmark unless we shrink it a bit. */
	color: green;
	padding-left: 1em;
}

.smallText {
	font-size: 69%;
}


.big {
	font-size: 110%;
	font-weight: bold;
}

.addSurround {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 4px solid #755C07;
	border-style: double;
	padding: 0.5em;
	border-radius: 6px;
	background: #FFFAE6;
	/* display: inline-block; */
}

.list {
	padding-left: 2em;
	margin-top: 0em;
}
.list li {
	margin-top: 0.2em;
	margin-bottom: 1em;
}

.tightList {
	padding-left: 2em;
	margin-top: 0em;
}

.__hoverText__un33qu3n355 { /* Use a weird name so that it's extremely unlikely to be on anyone else's page already. */
	z-index: 1;
	position: absolute;
	background: rgb(251, 234, 160); /* As used by Firefox */
	margin-top: 0em; /* Don't add margin-top, or you can't move the mouse down into the hover-div. */
	border: 1px solid grey;
	padding: 0.5em;
	border-radius: 6px;
	min-width: 80%; /* For when there's not enough content to fill to the edge of the page; ensures that sub-hovers with more content still have enough space to render in. Not ideal, but it's the simplest method. (With the current layout, you can't use 100% here without it expanding past the edge (adding a scroll-bar).) */
}

.shortCuts {
	margin-top: 0.5em;
}



.circleHelp {
	padding: 1px;
	border-radius: 50%;
	color: darkgreen;
	background: lightblue;
	font-size: 60%;
	font-weight: bold;
	vertical-align: super;
	cursor: help;
}



/* For control buttons fixed to the centre-left or bottom-left of the viewport. */
.shrinkButton {
	padding: 0.1em;
	border-radius: 6px;
	height: 1.5em;
	width: 1.5em;
	line-height: 1em;
	opacity: 0.75;
	transition: all 0.1s ease;
}
.shrinkButton:hover {
	opacity: 1;
	transform: scale(1.5);
}
.fixedLeftCentre {
	position: fixed;
	left: 0.3em;
	bottom: 50%;
}
.fixedBottom {
	position: fixed;
	left: 0.3em;
	bottom: 2em;
}

/* -------------------------------------------------------------------------- */
/* Sitemap UL/LI and button styles */

.dirExpColButton {
	padding: 0.1em;
	border-radius: 6px;
	line-height: 1em;
	font-weight: bold;
}

/* From: https://two-wrongs.com/draw-a-tree-structure-with-only-css */
.treeListContainer, .treeListContainer ul, .treeListContainer li {
	position: relative;
}
.treeListContainer ul {
	list-style: none;
	/* padding-left: 32px; */
	padding-left: 1.5em; /* indent from left */
}
.treeListContainer li::before, .treeListContainer li::after {
	content: "";
	position: absolute;
	left: -12px;
}
.treeListContainer li::before {
	/* border-top: 1px solid #000; */
	border-top: 1px solid;
	top: 9px;
	width: 8px;
	height: 0;
}
.treeListContainer li::after {
	/* border-left: 1px solid #000; */
	border-left: 1px solid;
	height: 100%;
	width: 0px;
	top: 2px;
}
.treeListContainer ul > li:last-child::after {
	height: 8px;
}