/* Header Elements */

:root {
	--logo-image: url("/api/css-proxy?url=http%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Ashark-punching-centre-bhl%2Fspc-header.png");
	--header-title: "SPC DATABASE";
	--header-subtitle: "SHARK PUNCHING CENTER";

	--rating-module-bg-color: 232, 240, 255;
	--rating-module-bottom-border-color: 0, 35, 94;
	--newpage-color: var(--alt-accent);


	/* ===THEME COLORS=== */
	/* subdued theme color, for visited links */
	--pale-accent: 20, 20, 210;
	/* vivid theme color, the "default" accent color */
	--bright-accent: 0, 71, 194;
	/* theme color */
	--medium-accent: 40, 91, 122;
	/* darker theme color */
	--dark-accent: 0, 42, 115;
	/* alternate accent color, for newpage links */
	--alt-accent: 190, 190, 255;

	--modal-header-bg: 150, 191, 255;

}

#main-content {
	--tables-header-bg: 0, 71, 194;
	--footnotes-footer-colorbar-color: 0, 42, 115;
	--pagetags-title-bg: 0, 42, 115;
	--blockquote-border-color: 0, 42, 115;
}

#content-wrap::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-repeat: repeat-x;
	pointer-events: none;
	background-image: url('/api/css-proxy?url=http%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Ashark-punching-centre-bhl%2Fband.png');
	opacity: 0.5;
}

#page-title,
.meta-title {
	color: rgb(0, 0, 200);
}

.SPCbox {
	box-sizing: border-box;
	border: rgb(var(--medium-accent)) 10px solid;
	padding: 1rem;
}

.SPCbox-filled {
	box-sizing: border-box;
	border: rgb(var(--medium-accent)) 10px solid;
	padding: 1rem;
	background-color: rgb(122, 182, 255);
}

.SPCbox-dotted {
	box-sizing: border-box;
	border: rgb(var(--medium-accent)) 10px dashed;
	padding: 1rem;
}

.SPCbox-dotted-filled {
	box-sizing: border-box;
	border: rgb(var(--medium-accent)) 10px dashed;
	padding: 1rem;
	background-color: rgb(122, 182, 255);
}

.CICAPOCOnotice {
	border: #999999 1px solid;
	background-color: lightblue;
	padding: 5px;
	margin-bottom: 10px;
}

.DOnotice {
	border: hsl(0, 0%, 5%) 2px solid;
	background: hsl(208, 67%, 44%);
	padding: 5px;
	margin-bottom: 10px;
	color: hsl(208, 100%, 97%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgb(0, 42, 115);
}

hr {
	color: rgb(0, 42, 115);
	background: rgb(0, 42, 115);
	border: rgb(0, 42, 115) 1px solid;
}