/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

dfn {
	border-bottom: #f4b21f dotted 2px !important;
	font-weight: 600;
	cursor: pointer;
}

dfn + span.definition {
	display: none;
}

span.definition.active {
	display: inline;
	margin-left: 5px;
	padding: 2px;
	color: #111;
	background: #fbeed9;
	font-family: "Times New Roman", Times, Georgia, serif;
}

span.definition.active span {
	background: #eee;
}

#glossary-lightbox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

#glossary-lightbox img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 600px;
	transform: translate(-50%, -50%);
	box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.5);
	cursor: pointer;
}