/*!
 * Dusk
 * Copyright (C) 2016-2022 Klug Nanahikari
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

/*!
 * Atelier Sulphurpool Dark code highlighting from highlight.js
 * <https://highlightjs.org/>
 */

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://kamekku14.github.io/smwc-post-layouts/assets/fonts/cascadia-code/cascadia-code.css');
@import url('https://kamekku14.github.io/smwc-post-layouts/assets/kamekku14_extras.css'); /* Wonder why how I use this... */

@-moz-keyframes kamekku14-linkactive {
	from {
		-moz-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		-moz-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
}

@-webkit-keyframes kamekku14-linkactive {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
}

@-o-keyframes kamekku14-linkactive {
	from {
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		-o-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
}

@keyframes kamekku14-linkactive {
	from {
		-moz-transform: scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		-moz-transform: scale3d(1.05, 1.05, 1.05);
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-o-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
}

@keyframes spoilerreveal-easeInElastic {
	0% {
		background-color: rgb(171, 171, 212) !important;
	}

	4% {
		background-color: rgb(171, 171, 212) !important;
	}

	8% {
		background-color: rgb(171, 171, 212) !important;
	}

	14% {
		background-color: rgb(171, 171, 212) !important;
	}

	18% {
		background-color: rgb(171, 171, 212) !important;
	}

	26% {
		background-color: rgba(171, 171, 212, 1.01) !important;
	}

	28% {
		background-color: rgba(171, 171, 212, 1.01) !important;
	}

	40% {
		background-color: rgba(171, 171, 212, 0.98) !important;
	}

	42% {
		background-color: rgba(171, 171, 212, 0.98) !important;
	}

	56% {
		background-color: rgba(171, 171, 212, 1.05) !important;
	}

	58% {
		background-color: rgba(171, 171, 212, 1.04) !important;
	}

	72% {
		background-color: rgba(171, 171, 212, 0.87) !important;
	}

	86% {
		background-color: rgba(171, 171, 212, 1.37) !important;
	}

	100% {
		background-color: rgba(171, 171, 212, 0.05) !important;
	}

}

.kamekku14bg {
	font-family: "Open Sans", "Segoe UI", Verdana, sans-serif;
	font-size: 13px;
    line-height: normal;
	text-rendering: optimizeLegibility !important;
	-moz-font-feature-settings: "liga", "clig", "kern";
	-webkit-font-feature-settings: "liga", "clig", "kern";
	font-feature-settings: "liga", "clig", "kern";
	background: url("https://kamekku14.github.io/smwc-post-layouts/assets/dusksmwc/dusksmwc_bg.png") center repeat rgb(0,11,34);
	color: rgb(248,248,248);
	text-shadow: 1px 1px 1px #0a0a0f;
	border: none; 
	padding: 20px;
	min-height: 350px;
}

.kamekku14post {
	background: url("https://kamekku14.github.io/smwc-post-layouts/assets/dusksmwc/dusksmwc_postbg.png") center repeat rgb(52,47,82); 
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border: 1px #1e1e2f;
	border-style: none solid solid none;
	padding: 5px;
	-webkit-box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	-moz-box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	color: rgb(248,248,248);
	text-shadow: 1px 1px 1px #0a0a0f;
	word-wrap: break-word;
	min-width: 16px;
	min-height: 180px; /* This one prevents the post body from getting shorter than the others (post sig, etc.) */
}

.kamekku14bg .kamekku14post hr {
	height: 1px;
	background-color: #1e1e2f;
	border: 0;
	margin: 8px auto !important;
	width: 100%;
}

.kamekku14sig {
	background: url("https://kamekku14.github.io/smwc-post-layouts/assets/dusksmwc/dusksmwc_sigbg.png") center repeat rgb(25,23,36); 
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border: 1px #130d1a;
	border-style: none solid solid none;
	padding: 5px;
	-webkit-box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	-moz-box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	box-shadow: 0 0 4px 1px rgba(10,10,15,0.5);
	word-wrap: break-word;
	height: 16 px;
	min-width: 16px;
	min-height: 16px;
}

.kamekku14bg .kamekku14sig hr {
	height: 1px;
	background-color: #130d1a;
	border: 0;
	margin: 8px auto !important;
	width: 100%;
}

.kamekku14bg .quote, .kamekku14bg .code {
	background: transparent;
	box-shadow: none;
	margin-top: 8px;
}

.kamekku14bg .quote .box {
	background: rgba(28,28,43,0.5);
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 none !important;
	padding: 5px;
	color: rgb(220, 220, 237);
	text-shadow: 1px 1px 1px #0a0a0f;
    line-height: inherit;
	word-wrap: break-word;
}

.kamekku14bg .quote .boxhead {
	font-variant: small-caps;
	color: rgb(199, 194, 214);
	text-shadow: 1px 1px 1px #0a0a0f;
	margin: auto;
}

.kamekku14bg .quote .box .quote .box {
	background-color: transparent;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 2px #ababd4 !important;
	border-style: none none none solid !important;
	padding: 5px;
	color: rgb(171, 171, 212);
	text-shadow: 1px 1px 1px #0a0a0f;
    line-height: inherit;
	word-wrap: break-word;
	margin-left: 8px;
}

.kamekku14bg .quote .box .quote .boxhead {
	font-variant: small-caps;
	color: rgb(171, 171, 212);
	text-shadow: 1px 1px 1px #0a0a0f;
	margin: auto;
}

.kamekku14bg .code .box {
	color: rgb(50, 239, 98);
	text-shadow: 1px 1px 1px #0a0a0f;
	line-height: inherit;
	background: rgba(18, 33, 26, 0.5);
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0 none !important;
	padding: 5px;
	word-wrap: break-word;
}

.kamekku14bg .code .box:after {
	display: none !important;
}

.kamekku14bg .code .boxhead {
	font-variant: small-caps;
	color: rgb(208, 251, 219) !important;
	text-shadow: 1px 1px 1px #0a0a0f;
	margin: auto;
}

.kamekku14bg .quote .box .code .box {
	background-color: transparent;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	border: 2px #d0fbdb !important;
	border-style: none none none solid !important;
	padding: 5px;
	color: rgb(50, 239, 98);
	text-shadow: 1px 1px 1px #0a0a0f;
	word-wrap: break-word;
	margin-left: 8px;
}

.kamekku14bg .quote .box .code .boxhead {
	font-variant: small-caps;
	color: rgb(208, 251, 219) !important;
	text-shadow: 1px 1px 1px #0a0a0f;
	margin: auto;
}

.kamekku14bg .code br {
	display: none;
}

.kamekku14bg pre.box {
	font-family: "Cascadia Code", Consolas, Menlo, Monaco, Cousine, "Roboto Mono", "Droid Sans Mono", "Lucida Console", "Courier New", monospace !important;
	font-size: 12px;
	-webkit-font-smoothing: initial;
}

.kamekku14bg pre {
	font-family: "Cascadia Code", Consolas, Menlo, Monaco, Cousine, "Roboto Mono", "Droid Sans Mono", "Lucida Console", "Courier New", monospace !important;
	font-size: 12px;
	-webkit-font-smoothing: initial;
}

.kamekku14bg code {
	font-family: "Cascadia Code", Consolas, Menlo, Monaco, Cousine, "Roboto Mono", "Droid Sans Mono", "Lucida Console", "Courier New", monospace !important;
	font-size: 12px;
	-webkit-font-smoothing: initial;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	border: 0 none #000000;
	background: rgba(28,28,43,0.5);
	color: #F8F8F8;
	text-shadow: 1px 1px 1px #0a0a0f;
	padding: 1px;
	display: inline-block;
}

.kamekku14bg hr {
	height: 1px;
	background-color: #6b6e9c;
	border: 0;
	margin: 8px auto !important;
	width: 100%;
}

/* Others */

.kamekku14bg a:link, .kamekku14bg a.collapsed-toggle {
	color: rgb(142, 203, 225);
	text-shadow: inherit;
	text-decoration: none;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.kamekku14bg a:visited {
	color: rgb(202, 221, 227);
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.kamekku14bg a:hover, .kamekku14bg a.collapsed-toggle:hover {
	color: rgb(243, 193, 44);
	text-shadow: inherit;
	text-decoration: underline;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.kamekku14bg a:active, .kamekku14bg a.collapsed-toggle:active {
	color: rgb(255, 117, 26);
	text-shadow: inherit;
	text-decoration: underline;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-moz-animation: kamekku14-linkactive 0.5s;
	-webkit-animation: kamekku14-linkactive 0.5s;
	-o-animation: kamekku14-linkactive 0.5s;
	animation: kamekku14-linkactive 0.5s;
	}

.kamekku14bg .code .boxhead a.js-link {
	color: rgb(208, 251, 219);
	text-decoration: none;
	text-shadow: inherit;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.ckamekku14g .code .boxhead a.js-link:hover {
	color: rgb(208, 251, 219);
	text-shadow: inherit;
	text-decoration: underline;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.ckamekku14g .code .boxhead a.js-link:active {
	color: rgb(208, 251, 219);
	text-shadow: inherit;
	text-decoration: underline;
	font-weight: inherit;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.kamekku14bg a.un {
	font-weight: bold !important;
}

/* Spoiler tags and miscellaneous. */

.kamekku14bg .spoiler {
	background-color: rgb(171, 171, 212) !important;
	border: 1px solid rgb(171, 171, 212);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px #0a0a0f;
	-moz-box-shadow: 1px 1px 1px #0a0a0f;
	box-shadow: 1px 1px 1px #0a0a0f;
	padding: 1px;
	color: inherit !important;
	-moz-transition: all .25s linear;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;

}

.kamekku14bg .quote .spoiler {
	color: inherit !important;
}

.kamekku14bg .quote .quote .spoiler {
	color: inherit !important;
}

.kamekku14bg .code .spoiler {
	color: inherit !important; /* why not? */
}

.kamekku14bg .spoiler:hover {
	background-color: rgba(171, 171, 212, 0.05) !important;
    -webkit-box-shadow: 1px 1px 1px #0a0a0f inset, 1px 1px 1px #0a0a0f;
    -moz-box-shadow: 1px 1px 1px #0a0a0f inset, 1px 1px 1px #0a0a0f;
    box-shadow: 1px 1px 1px #0a0a0f inset, 1px 1px 1px #0a0a0f;
	-moz-animation: spoilerreveal-easeInElastic .25s;
	-webkit-animation: spoilerreveal-easeInElastic .25s;
	-o-animation: spoilerreveal-easeInElastic .25s;
	animation: spoilerreveal-easeInElastic .25s;
}

.kamekku14bg .spoilerInner {
	padding: 0;
	transition: visibility .1s linear;
}

.kamekku14bg .collapsed-checkbox {
    display: none !important;
}

.kamekku14bg .collapsed-content {
	margin-left: 0;
	padding-left: 0;
	border: 1px dashed #CFD8DC;
}

.kamekku14bg ::-moz-selection, .kamekku14bg .code ::-moz-selection {
	color: rgb(248,248,248);
	text-shadow: none;
	background: #8000ff;
	-webkit-filter: none;
	filter: none;
}

.kamekku14bg ::selection, .kamekku14bg .code ::selection {
	color: rgb(248,248,248);
	text-shadow: none;
	background: #8000ff;
	-webkit-filter: none;
	filter: none;
}

.kamekku14bg img.emoticon {
	-webkit-filter: drop-shadow(1px 1px 1px #0a0a0f);
	filter: drop-shadow(1px 1px 1px #0a0a0f);
}

/*!
 * highlight.js shenanigans.
 * 
 * Only usable for the upcoming SMWC2 redesign, though!
 */

/* Atelier-Sulphurpool Comment */
.kamekku14bg .hljs-comment,
.kamekku14bg .hljs-quote {
	color: #898ea4 !important;
	font-style: inherit !important;
}

/* Atelier-Sulphurpool Red */
.kamekku14bg .hljs-variable,
.kamekku14bg .hljs-template-variable,
.kamekku14bg .hljs-attribute,
.kamekku14bg .hljs-tag,
.kamekku14bg .hljs-name,
.kamekku14bg .hljs-regexp,
.kamekku14bg .hljs-link,
.kamekku14bg .hljs-name,
.kamekku14bg .hljs-selector-id,
.kamekku14bg .hljs-selector-class {
	color: #c94922 !important;
	font-style: inherit !important;
}

/* Atelier-Sulphurpool Orange */
.kamekku14bg .hljs-number,
.kamekku14bg .hljs-meta,
.kamekku14bg .hljs-built_in,
.kamekku14bg .hljs-builtin-name,
.kamekku14bg .hljs-literal,
.kamekku14bg .hljs-type,
.kamekku14bg .hljs-params {
	color: #c76b29 !important;
	font-style: inherit !important;
}

/* Atelier-Sulphurpool Green */
.kamekku14bg .hljs-string,
.kamekku14bg .hljs-symbol,
.kamekku14bg .hljs-bullet {
	color: #ac9739 !important;
	font-style: inherit !important;
}

/* Atelier-Sulphurpool Blue */
.kamekku14bg .hljs-title,
.kamekku14bg .hljs-section {
	color: #3d8fd1 !important;
	font-style: inherit !important;
}

/* Atelier-Sulphurpool Purple */
.kamekku14bg .hljs-keyword,
.kamekku14bg .hljs-selector-tag {
	color: #6679cc !important;
	font-style: inherit !important;
}

.kamekku14bg .hljs {
	display: block;
	overflow-x: auto;
	color: #979db4 !important;
	padding: 0.5em;
}

.kamekku14bg .hljs-emphasis {
	font-style: italic !important;
}

.kamekku14bg .hljs-strong {
	font-weight: bold !important;
}

.kamekku14bg .hljs-link {
	text-decoration: underline !important;
}

/* CSS file made with Notepad the right way (a.k.a. Notepad++). */