
:root {
	--lab-purple: #34212c;
	--lab-purple-alpha-point75: rgba(52, 33, 44, 0.75);
	--lab-purple-alpha-point50: rgba(52, 33, 44, 0.5);
	--lab-purple-alpha-point25: rgba(52, 33, 44, 0.25);
	--lab-purple-alpha-point2: rgba(52, 33, 44, 0.2);
	--lab-purple-alpha-point15: rgba(52, 33, 44, 0.15);
	--lab-purple-alpha-point10: rgba(52, 33, 44, 0.1);
}


body.waiting, body.waiting * {
	cursor: progress !important;
}


.ui.form .field.spacer {
	height: 1px;
	margin: 2rem;
}

.ui.form .field > label {
	display: inline-block;
	padding-left: 3px;
}


.ui.form .field.noLabel {
	margin-top: 2.5em;
}


body#siteBody {
	background-color: #FDFCF6;
}

#siteBody .hidden {
	display: none;
}

#siteBody .seriously.hidden {
	display: none !important;
}



.ui.button.labPurple,
.ui.button.lab-purple {
	background-color: var(--lab-purple);
	color: #fbf8ed !important;
}

.ui.button.labPurple:hover,
.ui.button.labPurple:focus,
.ui.button.lab-purple:hover,
.ui.button.lab-purple:focus {
	background-color: #513445;
}

.ui.button.labPurple:focus,
.ui.button.lab-purple:focus {
	border: 2px dashed #9f8f99;
	padding: calc(0.78571429em - 2px) calc(1.5em - 2px);
}


#siteMenu a.active {
	color: #3f2132;
	background-color: #fff4fa;
}

#siteMenu a.active .hoverBox {
	display: block;
	inset: 0;
}

#siteMenu a.active:hover {
	background-color: #ece5e9;
}

#pageContainer {
	padding-bottom: 50px;
}

#pageContainer > .page-content {
	width: 500px;
    margin: 2rem auto 4rem auto;
    padding: 2rem;
    box-shadow: 0 0 10px -2px var(--lab-purple);
}


.ui.message.labPurple,
.ui.message.lab-purple {
	box-shadow: 0 0 0 1px var(--lab-purple) inset, 0 0 0 0 transparent;
	background-color: rgba(52, 33, 44, .06);
	color: var(--lab-purple);
}

.ui.message.labPurple > .header,
.ui.message.lab-purple > .header {
	color: var(--lab-purple);
}


.clearFloats {
	clear: both;
}


.ui.container.center,
.ui.container.centered {
	text-align: center;
}




/* mobile device'ish */
@media only screen and (max-width: 480px) {

	#pageContainer > .page-content {

		/* REMOVES THE .ui.card's BORDER */
		box-shadow: none;
	}

}
