/*
  North Pole Soul
  Dark green board with red trim, on top of prosilver.
*/

@import url("../../prosilver/theme/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,560;0,9..144,680;1,9..144,560&family=Source+Sans+3:ital,wght@0,400;0,600;1,400&display=swap");

html, body {
	color: #f4efe6;
	background-color: #071910;
	background-image: radial-gradient(900px 420px at 100% 0%, rgba(180, 35, 52, 0.22), transparent 58%);
	font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

h1, h2, h4,
.site-description h1 {
	font-family: Fraunces, Georgia, serif;
	font-weight: 560;
}

h2 { color: #f4efe6; }
h3 {
	color: #f0a3ab;
	border-bottom-color: rgba(180, 35, 52, 0.55);
}

a { color: #f0a3ab; }
a:hover { color: #ffd0d4; }

.wrap {
	background-color: #0c2419;
	border: 1px solid #b42334;
	box-shadow: 0 0 0 4px rgba(180, 35, 52, 0.18);
}

.headerbar {
	color: #f7f3ea;
	background-color: #0a1c14;
	background-image: none;
	border: 1px solid #b42334;
	border-bottom: 5px solid #b42334;
	border-radius: 16px;
}

.headerbar h1,
.headerbar p,
.headerbar .site-description,
.headerbar a {
	color: #f7f3ea;
}

.headerbar a:hover { color: #f0a3ab; }

.site_logo {
	background-image: url("./images/site_logo.svg");
	width: 52px;
	height: 52px;
	background-size: 52px 52px;
}

.forabg,
.forumbg {
	background-color: #b42334;
	background-image: none;
	border-radius: 14px;
}

.forumbg .header a,
.forabg .header a,
th a,
.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
	color: #f7f3ea;
}

.navbar {
	background-color: #0a1c14;
	border: 1px solid #b42334;
	border-radius: 12px;
}

ul.navlinks { border-top-color: rgba(180, 35, 52, 0.45); }

.panel,
.cp-mini,
.post,
.rules,
.notice {
	background-color: #102e22;
	color: #f4efe6;
}

.bg1,
table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
	background-color: #102e22;
}

.bg2,
table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
	background-color: #0c2419;
}

.bg3 { background-color: #16382a; }

ul.forums,
ul.topiclist {
	background-color: #0f2c20;
	background-image: none;
}

ul.topiclist li { color: #d5e0da; }
ul.topiclist dd { border-left-color: rgba(180, 35, 52, 0.4); }

li.row {
	border-top-color: #0f2c20;
	border-bottom-color: rgba(180, 35, 52, 0.4);
}

li.row strong { color: #f4efe6; }

li.row:hover {
	background-color: #17392c;
}

li.row:hover dd { border-left-color: #f0a3ab; }

li.header dt, li.header dd { color: #f7f3ea; }

.postbody,
.content,
.post:target .content,
.post h3 a,
.postprofile,
.postprofile strong,
.author {
	color: #f4efe6;
}

.postprofile {
	border-color: rgba(180, 35, 52, 0.45);
	background-color: #0a1c14;
}

.content h2, .panel h2 {
	color: #f4efe6;
	border-bottom-color: rgba(180, 35, 52, 0.45);
}

.postlink,
.postlink:visited {
	color: #f0a3ab;
	border-bottom-color: #b42334;
}

.postlink:hover {
	background-color: rgba(180, 35, 52, 0.25);
	color: #ffd0d4;
}

blockquote {
	background-color: #0a1c14;
	border-color: #b42334;
	color: #f4efe6;
}

blockquote blockquote { background-color: #102e22; }

.codebox {
	background-color: #071910;
	border-color: #b42334;
}

.codebox code { color: #f4efe6; }

.signature { color: #c5d2cb; }

hr { border-top-color: rgba(180, 35, 52, 0.45); }

.sep { color: #f0a3ab; }

.button {
	border-color: #b42334;
	background-color: #b42334;
	background-image: none;
	box-shadow: none;
	color: #fffaf3;
	border-radius: 999px;
	font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.button:hover,
.button:focus {
	border-color: #8d1524;
	background-color: #8d1524;
	background-image: none;
	color: #fffaf3;
	text-shadow: none;
}

.button .icon,
.button-secondary,
.button:hover .icon,
.button:focus .icon,
.button-secondary:hover,
.button-secondary:focus {
	color: inherit;
}

.inputbox,
select,
textarea,
fieldset.quick-login input.inputbox {
	background-color: #071910;
	color: #f4efe6;
	border-color: #b42334;
}

.inputbox:-moz-placeholder,
.inputbox::-webkit-input-placeholder {
	color: #b7c4bc;
}

.inputbox:hover,
.inputbox:focus {
	border-color: #f0a3ab;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: #b42334;
}

.headerbar .inputbox,
.headerbar input.search {
	background: #f4efe6;
	color: #1a120e;
	border-color: #f0a3ab;
}

.search-header { box-shadow: none; }

.jumpbox-cat-link,
.jumpbox-cat-link:hover {
	background-color: #0a1c14;
	border-top-color: #b42334;
	color: #f7f3ea;
}

.jumpbox-forum-link,
.jumpbox-sub-link {
	background-color: #102e22;
	color: #f4efe6;
}

.dropdown .dropdown-contents,
.dropdown-extended .header {
	background: #0c2419;
	background-image: none;
	border-color: #b42334;
	color: #f4efe6;
}

.dropdown li,
.dropdown li li,
.dropdown-extended ul li {
	border-color: rgba(180, 35, 52, 0.4);
	color: #f4efe6;
}

.dropdown-extended ul li:hover,
.dropdown li:hover {
	background-color: #17392c;
	color: #fffaf3;
}

.pagination li a,
.pagination li span {
	background: #0a1c14;
	border-color: #b42334;
	color: #f0a3ab;
}

.pagination li.active span,
.pagination li a:hover {
	background: #b42334;
	border-color: #b42334;
	color: #fffaf3;
}

.copyright { color: #d7c7ae; }

table.table1 thead th { color: #f7f3ea; }
table.table1 td { color: #f4efe6; }
table.table1 tbody tr,
table.table1 tbody tr:hover,
table.table1 tbody tr.hover {
	background-color: #102e22;
	color: #f4efe6;
}

dl.details dt { color: #f4efe6; }
dl.details dd { color: #d5e0da; }

fieldset dl:hover dt label { color: #f4efe6; }

.tabs .tab > a,
.navigation a {
	background: #0a1c14;
	color: #f4efe6;
}

.tabs .activetab > a,
.tabs .activetab > a:hover,
.navigation a:hover,
.navigation .active-subsection a {
	background: #102e22;
	background-image: none;
	border-color: #b42334;
	color: #f0a3ab;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #fffaf3;
	background-color: #b42334;
	background-image: none;
	border-color: #b42334;
	border-radius: 999px;
	padding: 4px 12px;
	font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

a.button1:hover, input.button1:hover,
a.button2:hover, input.button2:hover,
input.button3:hover,
input.button1:focus, input.button2:focus, input.button3:focus {
	background-color: #8d1524;
	background-image: none;
	border-color: #8d1524;
	color: #fffaf3;
}

@media (max-width: 700px) {
	.logo {
		display: inline-block;
		float: none;
		padding: 10px 10px 0;
	}

	.site-description p { display: block; }

	.wrap { padding: 10px; }

	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
		border-radius: 14px;
		margin-left: 0;
		margin-right: 0;
	}
}