@font-face {
	font-family: Magic;
	src: url('/Styles/Fonts/Clash-Regular.otf');
	font-display: swap;
}
html.fonts-loaded h1,
html.fonts-loaded h2,
html.fonts-loaded h3,
html.fonts-loaded h4,
html.fonts-loaded h5,
html.fonts-loaded h6,
html.fonts-loaded #sidebar ul li.level-1,
html.fonts-loaded .theme-game-font {
	font-family: 'Magic', 'Audiowide', sans-serif;
	font-weight: normal;
}
html::before {
	background-image: url('/Clash_of_Clans/Images/Theme/Background-mobile.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	filter: none;
}
@media only screen and (min-width: 600px) {
	html::before {background-image: url('/Clash_of_Clans/Images/Theme/Background-med.jpg');}
}
@media only screen and (min-width: 900px) {
	html::before {background-image: url('/Clash_of_Clans/Images/Theme/Background.jpg');}
}
body {
	background: none;
}
#sidebar-inner #sidebar-cc {
	-webkit-order: -1;
	order: -1;
}
#content {
	background-color: rgba(255, 255, 255, 0.85);
}
.theme-bgcolor-1a,
header,
footer,
.module-table td,
.article-table td,
.display-value,
header #avatar,
header #avatar #letter-avatar,
.radio-plus > .radio-outer > .radio-inner {
	background-color: #a05301;
}
.theme-color-1a,
a,
.breadcrumbs,
header #avatar #no-user {
	color: #a05301;
}
.theme-bordercolor-1a,
.checkbox-plus > .checkbox-outer > .checkbox-inner {
	border-color: #a05301;
}
.theme-bgcolor-1a-hover:hover,
button:hover, 
a.button:hover,
button:active, 
a.button:active,
#sidebar li.level-1:hover {
	background-color: #ef993f;
}
.theme-bgcolor-0a-hover:hover {
	background-color: #e5e5e5;
}
.theme-bgcolor-1a4-active:active {
	background-color: rgba(232, 142, 47, .4);
}
.theme-bgcolor-1b,
.module-header,
.page-overlay .modal-header,
#sidebar ul li.level-1 {
	background-color: #c17009;
}
.theme-color-1b {
	color: #c17009;
}
button.em-button, a.button.em-button,
button.em-button:hover, a.button.em-button:hover {
	color: #e5c134 !important;
}
.theme-bordercolor-1b,
.module,
.page-overlay .overlay-modal-box {
	border-color: #c17009;
}
.theme-bgcolor-1c {background-color: #b75510;}
.theme-color-1c {color: #b75510;}
.theme-bordercolor-1c {border-color: #b75510;}
.theme-bgcolor-1d {background-color: #7d3502;}
.theme-color-1d {color: #7d3502;}
.theme-bordercolor-1d {border-color: #7d3502;}
.theme-bgcolor-1e {background-color: #e2b781;}
.theme-color-1e {color: #e2b781;}
.theme-bordercolor-1e {border-color: #e2b781;}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="file"],
input[type="email"],
input[type="password"],
select,
textarea {
	border-bottom-color: #c17009;
}
button, a.button {
	background-color: #df8706;
	border-radius: .4em;
	text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black, 0 2px 1px black;
	box-shadow: inset 0 0 0 0.1em orange, 0 0.2em 0.5em 0 rgba(0, 0, 0, .5), inset 0 -1em 0.1em #9f5404;
}
button.img-icon-button, a.button.img-icon-button {
	padding: .2em .6em;
}
button.img-icon-button img, a.button.img-icon-button img {
	height: 1.6em;
	filter: drop-shadow(0 0 1px black) drop-shadow(0 1px 1px black);
}
.radio-plus:hover, .checkbox-plus:hover {
	background-color: rgba(223, 135, 6, .15);
}
#sidebar ul li.level-1,
.module-header,
.page-overlay .modal-header {
	text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black, 0 3px black;
}
.module,
.page-overlay .overlay-modal-box,
.feature-tag {
	background-color: #e8e8e0;
}
#sidebar ul li.level-1 a {
	padding-top: 0.4em;
}
.module-header.mobile-collapsible .mobile-collapsible-icon {
	filter: drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 2px black);
}
.id-tag-input {
	text-transform: uppercase;
}