:root {
	--churu-green: #2db84a;
	--churu-green-dark: #0d6b32;
	--churu-green-mid: #148a38;
	--churu-green-soft: #d4f0c8;
	--churu-green-card: #e8f8e4;
	--churu-ink: #3a2a18;
	--churu-hair: #c45c10;
	--churu-gold: #ffd54a;
	--churu-line: #7bc47a;
}

html,
body {
	background-color: var(--churu-green-soft) !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><text x='6' y='40' font-size='32' fill='%23148a38' fill-opacity='0.08'>☆</text></svg>") !important;
	background-repeat: repeat !important;
	color: var(--churu-ink) !important;
}

/* every normal link on every page */
a,
a:link,
a:visited {
	color: var(--churu-green-dark) !important;
}

a:hover,
a:link:hover,
a:visited:hover,
.intro a.post_no:hover,
.intro a.email:hover span.name {
	color: #14c44a !important;
}

a.post_no,
.intro a.post_no {
	color: var(--churu-green-dark) !important;
	text-decoration: none;
}

.intro a.email span.name {
	color: var(--churu-green-mid) !important;
}

footer,
footer p,
footer .unimportant,
footer .unimportant *,
p.unimportant,
.unimportant,
.unimportant * {
	color: var(--churu-ink) !important;
}

footer a,
footer a:link,
footer a:visited,
.unimportant a,
.unimportant a:link,
.unimportant a:visited {
	color: var(--churu-green-dark) !important;
}

footer a:hover,
.unimportant a:hover {
	color: #14c44a !important;
}

header {
	text-align: center;
}

header img.icon,
img.board_image {
	display: block;
	margin: 8px auto;
}

header img.icon {
	max-width: 250px;
	max-height: 250px;
}

header div.subtitle,
h1 {
	color: var(--churu-green-mid) !important;
	text-align: center;
	text-shadow: 1px 1px 0 #f3ffe8;
	letter-spacing: 1px;
}

/* header h1:after {
	content: " ☆ nyaa";
	font-size: 0.45em;
	color: var(--churu-green);
	vertical-align: middle;
} */

h2,
span.heading {
	color: var(--churu-green-mid) !important;
}

div.post.reply {
	background: var(--churu-green-card);
	border: 1px solid var(--churu-line);
	border-radius: 8px;
}

div.post.reply.highlighted {
	background: #c8f0b8;
	border-color: var(--churu-green-mid);
}

div.post.reply div.body a,
div.post.reply div.body a:link,
div.post.reply div.body a:visited {
	color: var(--churu-green-dark) !important;
}

.intro span.subject {
	color: var(--churu-hair) !important;
}

.intro span.name {
	color: var(--churu-green-mid) !important;
	font-weight: 700;
}

span.trip {
	color: var(--churu-green) !important;
}

span.quote {
	color: var(--churu-green-dark) !important;
}

span.spoiler {
	background: var(--churu-green-dark);
	color: var(--churu-green-dark);
}

span.spoiler:hover,
div.post.reply div.body span.spoiler:hover a {
	color: var(--churu-green-card);
}

form table tr th,
table.modlog tr th,
table.test tr.h th {
	background: var(--churu-green) !important;
	color: #143318 !important;
	font-weight: 700;
	border-color: var(--churu-green-dark);
}

input[type="text"],
textarea,
select,
input[type="password"] {
	background: #f7fff4;
	border: 1px solid var(--churu-line);
	color: var(--churu-ink);
}

input[type="submit"] {
	background: var(--churu-green);
	border: 1px solid var(--churu-green-dark);
	color: #143318;
	font-weight: 700;
	cursor: pointer;
}

input[type="submit"]:hover {
	background: #14c44a;
}

div.banner {
	background: var(--churu-green) !important;
	color: #143318 !important;
	border: 2px solid var(--churu-green-dark);
	font-weight: 700;
}

div.banner a,
div.banner a:link,
div.banner a:visited {
	color: #143318 !important;
}

div.pages {
	color: var(--churu-ink) !important;
	background: var(--churu-green-card) !important;
	border-color: var(--churu-line) !important;
}

div.pages a,
div.pages a.selected {
	color: var(--churu-green-dark) !important;
}

hr {
	border: none;
	border-top: 2px dashed var(--churu-line);
	height: 0;
}

div.boardlist,
div.boardlist.top,
div.boardlist.bottom,
.desktop-style div.boardlist:nth-child(1),
.desktop-style div.boardlist:not(.bottom),
.compact-boardlist {
	background: #c8f0b8 !important;
	background-color: #c8f0b8 !important;
	color: var(--churu-green-dark) !important;
	text-shadow: none !important;
	border-bottom-color: var(--churu-green-mid);
}

div.boardlist a,
div.boardlist a:link,
div.boardlist a:visited,
.compact-boardlist a {
	color: var(--churu-green-dark) !important;
	text-shadow: none !important;
}

div.boardlist a:hover,
.compact-boardlist a:hover {
	color: #14c44a !important;
}

div.styles a,
div.styles a:link,
div.styles a:visited {
	color: var(--churu-green-dark) !important;
}

div.styles a.selected {
	background: var(--churu-green);
	color: #143318 !important;
	font-weight: 700;
}

div.report {
	color: var(--churu-ink) !important;
}

#options_div,
#alert_div {
	background: var(--churu-green-card);
	border: 1px solid var(--churu-green-mid);
	color: var(--churu-ink);
}

#quick-reply table {
	background: var(--churu-green-card) !important;
	border-color: var(--churu-green-mid) !important;
}

.post-like .like-btn,
.post-like .like-count {
	color: var(--churu-green-mid) !important;
}

#watchlist {
	background: var(--churu-green-card);
	border: 2px solid var(--churu-green-mid);
	color: var(--churu-ink);
}

.watch-alert {
	background: var(--churu-gold);
	color: var(--churu-green-mid);
}

.theme-catalog div.thread {
	background: var(--churu-green-card);
	border-color: var(--churu-line);
}

.theme-catalog div.thread:hover {
	background: #c8f0b8;
	border-color: var(--churu-green-mid);
}

/* homepage */
div.box-wrap {
	max-width: 720px;
	margin: 24px auto;
	padding: 0 12px;
	color: var(--churu-ink);
}

div.box-wrap a,
div.box-wrap a:link,
div.box-wrap a:visited,
div.ban a,
div.ban a:link,
div.ban a:visited {
	color: var(--churu-green-dark) !important;
}

div.box-wrap a:hover,
div.ban a:hover {
	color: #14c44a !important;
}

div.box-wrap fieldset {
	background: var(--churu-green-card);
	border: 2px solid var(--churu-green-mid);
	border-radius: 8px;
	color: var(--churu-ink);
}

div.box-wrap fieldset legend {
	color: var(--churu-green-dark);
	font-weight: 700;
}

.boardlinksurl {
	float: none !important;
	display: inline-block !important;
	margin: 4px 14px 4px 0 !important;
}

div.box,
div.mainBox {
	background: var(--churu-green-card) !important;
	border: 1px solid var(--churu-green-mid) !important;
	width: auto !important;
	color: var(--churu-ink) !important;
	border-radius: 8px;
}

div.box h2,
div.mainBox h2 {
	background: var(--churu-green) !important;
	color: #143318 !important;
	padding: 4px 8px;
	margin: 0;
	font-size: 12pt;
}

div.box.image {
	background: transparent !important;
	border: none !important;
	max-height: none !important;
	overflow: visible !important;
}

div.box.image ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.box.image li {
	display: inline-block;
	margin: 6px;
}

div.box img {
	float: none !important;
	height: 100px !important;
	width: auto !important;
	border-radius: 10px;
}

div.box-wrap > div.ban {
	background: var(--churu-green-card) !important;
	border: 1px solid var(--churu-green-mid) !important;
	max-width: none;
	margin: 12px 0;
	border-radius: 8px;
	color: var(--churu-ink) !important;
}

div.box-wrap > div.ban h2 {
	background: transparent !important;
	color: var(--churu-green-mid) !important;
	font-size: 1em;
}

div.ban p {
	color: var(--churu-ink) !important;
}

.description,
.quoteofnow {
	text-align: center;
	color: var(--churu-ink);
}

.like-count[hidden] {
	display: none !important;
}

div.box.image ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.box.image li {
	display: inline-block;
	margin: 6px;
	vertical-align: middle;
	max-width: 200px;
}

div.box.image img,
div.box img {
	float: none !important;
	width: auto !important;
	height: auto !important;
	max-width: 200px !important;
	max-height: 140px !important;
	object-fit: contain;
	border-radius: 10px;
}

.enter-link {
	margin: 18px 0;
	text-align: center;
}

.enter-link a {
	font-size: 2.2em;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 0.04em;
}