/*
Commission of Unusual Cargo Theme by CityToast

Based on Aces and Eights Theme by rounderhouse, SCP Sigma 9 Theme created by Aelanna and Dr Devan, and MC&D Theme created by Randomini.
*/


@import url('https://fonts.googleapis.com/css?family=Caladea|IM+Fell+DW+Pica|IM+Fell+DW+Pica+SC|Tangerine');

/* Hyperlink colors */
:root {
	--hyperlink: #824565;
	--hyperlink-visited: #63173f;
}

#header {
	background: none; /* this terminates the default header image */
}

#header:before {
	display:block;
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: -1;
	top: 15%;
	left: 2%;
	content: "";
	background: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/COUC_logo.png");
	background-repeat: no-repeat;
	background-size: 110px 109px;
	background-position: 0px 0px 0px;
}

/* BODY */
body {
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg');
}

.main-body-div {
	width: 92.7%;
	line-height: 20px;
	padding-left: 25px;
	padding-right: 25px;
	vertical-align: top;
	transition: all .7s;
	background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}

#header h1 a {
	color: transparent;
	font-size: 100%;
	padding: 60px 0 25px;
	text-shadow: none;
}

div#container-wrap {
	background: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/toast_header.png") top left repeat-x;
}
/* Headers being swapped around from Sigma: the top text is the smaller one for this theme */


#header h1 a::before {
	font-family: 'IM Fell DW Pica SC', serif;
	padding: 35px 0 25px; 
	font-weight: normal;
	content: "The Right Honourable Commission on";
	color: #000000;
}
 
#header h2 span {
	font-size: 175%;
	color: transparent;
	text-shadow: none;
}
#header h2 span::before {
	font-family: 'Tangerine', cursive;
	font-size: 230%;
	content: "Unusual Cargo";
	color: #000000;
	padding: 0px 20px 00px;
}

/* Media stuff for mobile/responsive; these changes occur under 565px */
@media (min-width: 566px) and (max-width: 801px) {
	#header h1 a::before {
		content: "The Rt. Hon. Commission on";
		padding: 35px 0 25px 45px; 
	}
}
@media (max-width: 565px) {
	#search-top-box-input, 
	#search-top-box-form {
		display: none;
	}
	/* update headers for new swapped sizing and changes text to fit better (See line 89) */
	#header h1 a {
		font-size: 65%;
	}

	#header h1 a::before {
		content: "The Rt. Hon. Commission on";
		padding: 35px 0 25px 40px; 
	}

	#header h2 span{
	font-size: 140%;
	}

	#header h2 span::before {
		padding: 0 0 0 40px;
	}

	#header {
		background-position: 0 5.5em;
		background-size: 55px 55px;
	}
	
	#side-bar {
		background-color: none;
		background: linear-gradient(rgba(255, 220, 220, 0.7), rgba(255, 220, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
	}
	#side-bar: target .close-menu {
		width: calc(100% - 19em);
		right: 0;
		left: auto;
		opacity: 1;
		pointer-events: auto;
	}
	 
}
/* minor color and style tweaks */

table.wiki-content-table {
    border: 1px solid rgba(50, 50, 50, 0.2);
}

table.wiki-content-table th {
    padding: 0.3em 0.7em;
    background-color: rgba(240, 240, 240, 0.2);
}

#search-top-box-input, #search-top-box input.empty,
#search-top-box-form input[type=submit] {
	transition: 0.2s linear;
}

#search-top-box-input, #search-top-box input.empty {
	background-color: transparent;
	border: 1px solid #DBC39F;
	border-radius: 0;
	color: #000;
}

#search-top-box-input:hover, #search-top-box-input:focus,
#search-top-box input.empty:hover, #search-top-box input.empty:focus {
	outline: 0;
	color:#FFFFFF;
	border: 1px solid #000;
	background-color: #000000;
	box-shadow: 0 1px 3px rgba(0,0,0,.8);
}

#search-top-box-form input[type=submit] {
	outline: 0;
	height: 1.65em;
	border: none
	border-radius: 0;
	color: #000;
	background: none;

	position: relative;
	top: -1px;

	box-shadow: none;
}

#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
	border: none;
	border-radius: 0;
	background: none;
}

#search-top-box-form input[type=submit]:active {
	padding: 0 0.5em;
	border: none;
	border-radius: 0;
	color: #000;
	background: #B6925E;
}

#login-status, #login-status a {
	color: #000;
	border-color: #000;
}
/* stuff with body h groups */

h2, h3, h4, h5, h6 {
	font-family:'IM Fell DW Pica SC', serif;}

h1, #page-title {
	color: #000;
	padding: 0 0 0.25em;
	margin: 0 0 0.6em;
	font-weight: heavy;
	font-family: 'IM Fell DW Pica', serif;
}
/* remove the blockquote border, adds a shadow and a gradient over the new paper background */
blockquote, div.blockquote {
	border: none;
	padding: .5em;
	box-shadow: 4px 6px 8px #a98;
	background: linear-gradient(rgba(255, 255, 245, 0.3), rgba(245, 230, 205, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg");
}

/* New paper class */

div.paper {
	background: linear-gradient(rgba(220, 240, 240, 0.3), rgba(240, 240, 220, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-Cargo/TOAST-PAPER.jpg");
	box-shadow: 4px 6px 8px #a98;
	padding: 1em .5em 1em .5em;
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 40px;
	margin-inline-end: 40px;
}

@media (max-width: 478px) {
	div.paper {
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	margin-block-start: 0em;
	margin-block-end: 0em;
	Margin: .5em 0em .5em 0em;
	}
}

/* inputs */
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
	border-top: 1px solid #000000;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
	background: #bc9055;
	color: #ffffff;
}
#top-bar ul li ul a, #top-bar a:hover {
	color: #8db600;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
	background: #000000; /* top bar hover background color */
}

/* #side-bar: Color changes, removing border, modifying font sizes, and changing general appearance.
Make the left menu look like it's "written" in the left margin */

#side-bar .side-block {
	padding: 10px;
	border: none;
	border-radius: 10px;
	border-style: solid;
	border-color: transparent; /* no border */
	box-shadow: none !important; /* no shadow */
	background: none !important; /* no background */
	margin-bottom: 15px;
	color: black;
}

/* stuff for social media bar */

#side-bar .side-block:first-child {
	filter: sepia(100%) opacity(35%);
	padding: 0;
	margin: 0;
}

#side-bar .side-block:first-child:hover {
	filter: sepia(100%);
}

#side-bar .heading {
	font-family: 'Tangerine', cursive;
	font-size: 2em;
	font-weight: bold;
}

#side-bar .menu-item {
	font-family: 'Caladea', serif;
	padding: .5em;
	font-weight: normal;
	box-shadow: none !important;
	margin-bottom: 15px;
	color: black;
}

#side-bar div.menu-item a {
	font-weight:normal;
}

 #side-bar a:visited {
	 color: #430;
}
/* #top-bar: Color changes, removing border, modifying font sizes, and changing general appearance */
#top-bar li a{
	text-align: center;
	font-family: 'Caladea', serif;
	display: block;
	font-size: 1.2em;
	margin: 0;
	padding: 1px .5em;
	text-decoration: none;
}

a {
	color: #530;
	text-decoration: none;
	background: transparent;
}

/* Adds the "letter" class that helps align collapsibles with the associated blockquote */
div.letter {
	margin: 1em 3em;
	padding: 1em .5em;
}
@media (max-width: 479px) {
	div.letter {
		margin: 1em 0;
		padding: .5em .25em;
	}
}
@media (min-width: 480px) and (max-width: 580px) {
	div.letter {
		margin: 0.5em;
		padding: .25em 0;
	}
}

/* YUI-TABS */
.yui-navset .yui-content{
	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
	background-color:#d8d8d8;
	background-image: url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") !important;
}
.yui-navset .yui-nav .selected a {
	background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
	}
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background:#920 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1400px !important; /* selected tab background */
}
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
	background:#da8 url("https://scp-wiki.wdfiles.com/local--files/theme:unusual-cargo/TOAST-PAPER.jpg") repeat-x left -1300px !important;
	text-decoration: none;
}