/*
Theme Name: ShadowBlade
Theme URI: https://darkbluecomics.com/
description: The child theme of Inkblot modified for the webcomic "ShadowBlade."
Author: Yuki Anno
Author URI: https://www.yukianno.me/
Template: inkblot
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: shadowblade
*/

html { /* Background - Edit the image link to change the current background. */
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;	
	padding: 0;
}
body > div.wrapper {
	box-shadow: none;
	max-width: fit-content;
}

/* Header */
header > nav[role=navigation],
nav[role=navigation] ul.sub-menu {
	background: rgb(49 34 68 / 80%);
	border-top: rgb(185 138 255 / 75%) solid 2px;
	border-bottom: rgb(185 138 255 / 75%) solid 2px;
}
nav[role=navigation] ul.sub-menu { 
	border-top: none;
	border-left: rgb(185 138 255 / 75%) solid 2px;
	border-right: rgb(185 138 255 / 75%) solid 2px;
	border-bottom: rgb(185 138 255 / 75%) solid 2px;
}
header[role=banner] { margin-top: -1px; padding-bottom: 1em; }
header[role=banner] {
	text-align: center;
	margin: auto;
	width: 100%;
}
header[role=banner] a img { border-bottom: rgb(185 138 255 / 75%) solid 2px; }
nav[role=navigation] ul {
	width: fit-content;
	margin: auto;
}

/* Webcomic Header */
.widgets.columns-2 aside { width: 100%; }

/* Webcomic */
main, .sidebar1, .sidebar2, .sidebar3 { padding: 0.75rem; }
main { padding-top: 0px; }
#mgsisk_webcomic_storyline_widget_webcomicstorylinelink-2, #mgsisk_webcomic_storyline_widget_webcomicstorylinelink-2 a, #mgsisk_webcomic_storyline_widget_webcomicstorylinelink-2 a:hover {
	color: white; /* Font colour for the chapter header above the webcomic */
	font-family: 'VeteranTypewriter', sans-serif;
	font-size: 3.08rem; /* Font size for the chapter header above the webcomic */
	text-align: center;
	text-shadow: 1px 1px 2px rgba(223, 182, 126, 0.5), 0 0 25px rgba(223, 182, 126, 0.80), 0 0 5px rgba(223, 182, 126, 1);
	margin: auto;
}
div.webcomic-image {
	background: black; /* Background colour for the webcomic */
	border: rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for the webcomic */
	margin: auto;
}

/* Webcomic Navigation */
nav.above img, nav.below img { padding: 0.5rem 0; }
nav.above, nav.below {
	border-top: rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for the top of the comic navigation */
	border-bottom:rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for the bottom of the comic navigation */
	border-left: none;
	border-right: none;
	margin: 1rem auto !important;
}

/* Webcomic Footer */
div.webcomic-footer { 
	text-align: center;
}
div.webcomic-footer .widget_media_image {
	padding: 0 0.5rem 1rem;
}

/* Postbit */
div.webcomic-footer.widgets.columns-3 aside,
div.webcomic-footer.widgets.columns-4 aside {
	width: auto;
	text-align: center;
}
article[role=article] {
	background: rgb(49 34 68 / 80%); /* Background colour for the postbit */
	border: rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for postbit */
	padding: 0 10px;
}
header.post-header h1, header.post-header > h2, header.post-header > h2 a { /* Comic Page Header */
	color: #dfb67e; /* Page title font colour */
	font-family: 'VeteranTypewriter', sans-serif;
	font-size: 32pt; /* Page title font size */
	font-weight: normal;
	text-align: center;
	margin: auto;
}

/* Comments */
#comments {
	background: rgb(49 34 68 / 80%); /* Background colour for the comment box */
	border: rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for comment box */
	margin-top: 16px;
	padding: 0 10px; 
}
article[role=article]#post-1 { display: none; }

/* Sidebars */
.sidebar1,
.sidebar2 {
	background: rgb(49 34 68 / 80%); /* Background colour for the sidebars */
	border: rgb(185 138 255 / 75%) solid 2px; /* Border colour, type, and size for sidebars */
	font-size: 0.95rem;
}
.sidebar2 { text-align: center; }
.sidebar2 .jetpack-social-widget-list {
	margin: 0 0 5px;
}
.sidebar2 .widget_media_image a,
.sidebar2 .widget_media_image a img {
	width: fit-content;
	width: -webkit-fill-available;
}
.sidebar2 aside.widget.widget_media_image {
	padding-bottom: 5px;
	padding-top: 5px;
}
.sidebar1 aside h2,
.sidebar2 aside h2 {
	margin: auto;
	padding: 0px;
	font-size: 1rem;
}
.sidebar1 a,
.sidebar2 a { color: white; }
ul.webcomic-terms { margin: auto; padding: 0; }
li.webcomic-term { list-style: none; }
.webcomic-term-name {
	color: #dfb67e; /* Chapter listing font colour */
	font-family: 'MayflowerAntique', sans-serif;
	font-size: 24pt; /* Chapter listing Font Size */
	font-weight: normal;
	text-align: center;
	margin: -10px auto;
}

/* Archive */
article#post-2 { display: none; }
body.page-id-2 section#comments {
	display: none;
}
body.page-id-2 main > ul {
  border: rgb(185 138 255 / 75%) solid 2px;
}
ul {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: auto;
}
ul.webcomics { border: none; }
ul.webcomics li { 
  display: inline-block;
  text-align: center;
  margin: 0.2rem;
  border-radius: 3px;
}
ul.webcomics li img { max-width: 97px; }
.webcomic-term-name,
.webcomic-collection-name {
	color: rgb(74 156 191);
	background-color: rgb(49 34 68 / 80%);
	border: rgb(185 138 255 / 75%) solid 2px;
	border-radius: 10px;
	text-align: center; 
	font-weight: bold; 
	margin: 0.5rem auto; 
	padding: 0.25rem;
	width: 90%;
}

/* Footer */
footer[role=contentinfo] {
	text-align: center;
}