/*
Theme Name:     SevenToon
Theme URI:      https://github.com/kmhcreative/seventoon
Description:    SevenToon is a responsive webcomics theme forked from "Twenty Seventeen" featuring multiple widget spaces on the front page, a vertical reading mode for comic archives, custom header images, a promotion slider widget, a comic chapters list widget, full page and two-column layouts for posts, pages, and comics, light and dark modes plus custom color schemes, and accessible pure CSS menus. It works with multiple comic management plugins or you can use regular posts as comics.
Tags:			One column, Two Columns, Right Sidebar, Custom Colors, Custom Header, custom-menu, Custom Logo, Featured Images, Footer Widgets, Post Formats, Theme Options, threaded-comments.
Author:         K.M. Hansen
Author URI:     http://www.kmhcreative.com/seventoon/
Version:        1.0
Tested up to: 	6.7
Requires at least: 5.0
Requires PHP: 	7.4
License: 		GNU General Public License v2 or later
Text Domain: 	seventoon
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:				Approximate Line #
----------------------------------------------------------------
1.0 Normalize..............................   47
2.0 Accessibility..........................  294
3.0 Alignments.............................  331
4.0 Clearings..............................  354
5.0 Typography.............................  405
6.0 Forms..................................  912
7.0 Formatting............................. 1079
8.0 Lists.................................. 1090
9.0 Tables................................. 1122
10.0 Links................................. 1162
11.0 Layout................................ 1297
   11.1 Header............................. 1341
   11.2	Navigation......................... 1450
   11.3 Custom Header...................... 1627
   11.4 Regular Content.................... 1712
   11.5 Posts.............................. 1744
   		11.5.1 Single Posts................ 1992
   		11.5.2 Comic Navigation............ 2217
   11.6 Pages.............................. 2306
   11.7 Footer............................. 2354
12.0 Comments.............................. 2449
13.0 Front Page Template................... 2576
14.0 Widgets............................... 2622
	14.1 Promo Slider...................... 2996
15.0 Media................................. 3076
   15.1 Galleries.......................... 3285
16.0 Customizer............................ 3342
17.0 Comic & Chapter Archives.............. 3394
18.0 Media Queries......................... 3999
19.0 Mobile Menu Navigation................ 4265
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang^="fa-"] body,
html[lang^="fa-"] button,
html[lang^="fa-"] input,
html[lang^="fa-"] select,
html[lang^="fa-"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang^="fa-"] h1,
html[lang^="fa-"] h2,
html[lang^="fa-"] h3,
html[lang^="fa-"] h4,
html[lang^="fa-"] h5,
html[lang^="fa-"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang^="fa-"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang="ur"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #ccc;
	color: black;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th,
td,
th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.site-content .wrap {
	position: relative;
	margin-top: -75px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	background-color: white;
	padding: 20px;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
11.1 Header
--------------------------------------------------------------*/
#masthead {
	height: 496px;
}
	#masthead .wrap {
		position: relative;
	}
/* Site branding */

.site-branding {
	position: relative;
	float: left;
	top: 10px;
	left: 10px;
	padding: 0px;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 100;
}
	.navigation-top .site-branding {
		left: 0px;
	}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a {
	color: #000;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description {
	color: #000;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 55px;
	width: auto;
}
	body.archive.tax-chapters .custom-logo-link img,
	body.archive.tax-comics   .custom-logo-link img,
	body.post-type-archive-comics .custom-logo-link img,
	body.archive.tax-mangapress_series .custom-logo-link img {
		max-height: 40px;
	}
	

body.home.title-tagline-hidden.has-header-image .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

/* ========================================
 	11.2 Navigation
 	 
	Structure and target classes:
	<div> .navigation-top
		<div> .wrap
			<nav> #site-navigation .main-navigation
				<header> .menu-toggle
				<div> .menu-main-menu-container (but could be other class, target "div")
					<ul> #top-menu .menu (target "ul")
						<li> .menu-item .menu-item-post_type .menu-item-object-page|post|comic
					     	 .menu-item-has-children|.page_item_has_children .menu-item-XXXX
					     	 (target "li" generally, relevant class if you need specific)
					     	 <a> (no classes)
					     	 <ul> .sub-menu
*/

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	top: 0px;
	min-height: 75px;
	z-index: 1000;
}
	body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comic) .navigation-top {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
		body.fixed-nav.admin-bar:not(.tax-chapters, .tax-comics, .post-type-archive-comic) .navigation-top {
			top: 32px;
		}
	.navigation-top .wrap {
		max-width: 100%;
		padding: 0px;
		margin-left:  10px;
		margin-right: 10px;
	}

		.navigation-top .main-navigation {
			position: relative;
			float: right;
			top: 5px;
			max-width: 75%;
			display: block;
			z-index: 200;
		}
			.main-navigation .menu-toggle {
				display: none;
			}
				.main-navigation div {
				
				}
					/* Level 1 Menu */
					.main-navigation ul {
						float: right;
						background: transparent;
						list-style: none;
						margin: 0;
						padding: 0;
						text-align: left;
					}
						/* Level 1 Menu Items */					
						.main-navigation ul li {
							border: none;
							position: relative;
							display: inline-block;
						}
							/* list item hover effect */
							.main-navigation ul li:hover,
							.main-navigation ul li:focus,
							.main-navigation ul li:focus-within,
							.main-navigation ul li.touch {
							
							}
							/* Level 1 Menu Item Links */
							.main-navigation ul li a {
								display: block;
								padding: 1em 1.25em;
								color: #222;
								font-weight: 600;
								text-decoration: none;
								-webkit-transition: color 0.2s;
								transition: color 0.2s;
							}
								/* a link hover effect */
								.main-navigation ul li > a:hover,
								.main-navigation ul li > a:focus,
								.main-navigation ul li > a:focus-within,
								.main-navigation ul li.touch > a {
									color: #767676;
								}
								/* current menu item  link */
								.main-navigation ul li.current-menu-item > a,
								.main-navigation ul li.current_page_item > a {
									color: #767676;
								}
									/* drop-down indicator icon */
									.main-navigation ul li.menu-item-has-children > a:after,
									.main-navigation ul li.page_item_has_children > a:after {
										content: '\f140';
										font-family: dashicons;
									}
							/* Level 2 menu */
							.main-navigation ul li ul {
								position: absolute;
								background: #fff;
								border: 1px solid #bbb;
								left: 0;
								padding: 0;
								top: 100%;
								z-index: 9999;
								display: none;
							}	
								.main-navigation ul li:hover ul,
								.main-navigation ul li:focus ul,
								.main-navigation ul li:focus-within ul,
								.main-navigation ul li.touch ul {
									display: block;
								}
									/* Level 2 menu items */
									.main-navigation ul li ul li {
										display: block;
										float: none;
										-webkit-transition: background-color 0.2s ease-in-out;
										transition: background-color 0.2s ease-in-out;
									}
										/* Level 2 Menu Item Hover effect */
										.main-navigation ul li ul > li:hover,
										.main-navigation ul li ul > li:focus,
										.main-navigation ul li ul > li:focus-within,
										.main-navigation ul li ul > li.touch {
											
										}
									.main-navigation ul li ul li a {
										padding: 0.75em 1.25em;
										width: 16em;
										-webkit-transition: color 0.3s ease-in-out;
										transition: color 0.3s ease-in-out;
									}	
										/* Level 2 Menu Link Hover Effect */
										.main-navigation ul li ul li > a:hover,
										.main-navigation ul li ul li > a:focus,
										.main-navigation ul li ul li > a:focus-within,
										.main-navigation ul li ul li.touch > a {
											background: #767676;
											color: white;
										}
									/* Level 3 Menu Items */
									.main-navigation ul li ul li ul {
										left: -999em;
										margin-top: -1px;
										top: 0;
									}
										.main-navigation ul li ul li:hover > ul,
										.main-navigation ul li ul li:focus > ul,
										.main-navigation ul li ul li:focus-within > ul,
										.main-navigation ul li ul li.touch > ul {
											left: 25%;
											right: auto;
											top: 75%;
										}
					/* menu items too far to the right need dropdowns to go left */
						.main-navigation ul > :nth-last-child(-n+2) ul li:hover > ul,
						.main-navigation ul > :nth-last-child(-n+2) ul li:focus > ul,
						.main-navigation ul > :nth-last-child(-n+2) ul li:focus-within > ul,
						.main-navigation ul > :nth-last-child(-n+2) ul li.touch ul									  {
							 left: auto;
							 right: 25%;
						}

/* ================================
	11.3 Custom Header Media 
   ================================*/
.custom-header {
	position: relative;
}
	body.fixed-nav .custom-header {
		margin-top: 75px;
	}

.has-header-image.seventoon-front-page .custom-header,
.has-header-image.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 421px;
}

.custom-header-media:before {
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media iframe {
	position: absolute;
	width: 110%;
	height: 110%;
	max-width: 1000%;
	left: -5%;
	top: -5%;
	filter: blur(10px);
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-image:not(.seventoon-front-page):not(.home) .custom-header-media img {
		position: absolute;
		width: 110%;
		height: 110%;
		top: -5%;
		left: -5%;
		-o-object-fit: cover;
		object-fit: cover;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		filter: blur(10px);
	}
}

.seventoon-custom-header-image {
	position: relative;
	width: 100%;
	max-width: 1000px;
	height: 346px;
	margin: 0 auto;
	background-size: cover;
	background-position: center center;
}
/*--------------------------------------------------------------
11.4 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	position: relative;
	background-color: #f4f4f4;
	z-index: 10;
}

.site-content {
	position: relative;
	padding: 0;
	z-index: 10;
}
	.site-content wrap {
		margin-top: -75px;
		background-color: white;
		padding: 20px;
	}
	#primary {
		position: relative;
	}
		.entry-content {
			width: 100%;
			float: none;
			margin-top: 20px;
			padding-left: 10px;
			padding-right: 10px;
		}
		

/*--------------------------------------------------------------
11.5 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
body.page:not(.seventoon-front-page) .page-title,
body.page:not(.seventoon-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
body:not(.seventoon-front-page, .home, .archive, .blog, .search) .entry-header .entry-title,
body:not(.seventoon-front-page, .home ) .page-header .page-title {
	color: white;
	font-size: 48px;
	line-height: 44px;
	max-height: 132px;
	overflow: hidden;
	text-shadow: 0 0 5px rgba(0,0,0,.75);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;

	margin-bottom: 0.25em;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
	font-size: 2rem;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
a.post-edit-link,
.entry-meta a {
	color: #fff !important;
	text-decoration: none;
	box-shadow: none !important;
}
	a.post-edit-link:hover,
	.entry-meta a:hover {
		text-decoration: underline;
	}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: 1px;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}
	.prev.page-numbers::before {
		content: '\f340';
  		font-family: dashicons;
  		font-size: larger;
  		vertical-align: middle;
	}

.next.page-numbers {
	float: right;
}
	.next.page-numbers::before {
		content: '\f344';
  		font-family: dashicons;
  		font-size: larger;
  		vertical-align: middle;
	}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.seventoon-front-page) .entry-header,
body:not(.seventoon-front-page) .page-header {
	padding: 1em 0;
}
body:not(.seventoon-front-page) .page-header,
body:not(.seventoon-front-page) .entry-header,
body:not(.seventoon-front-page) .entry-content,
body:not(.seventoon-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.seventoon-front-page, .home, .archive, .blog, .search) .entry-header,
body:not(.seventoon-front-page, .home) .page-header {
	position: absolute;
	left: 0px;
	right: 0px;
	top: -235px;
	max-width: 1000px;
	float: none;
	margin: 0;
	text-align: center;
	width: auto;
	padding-top: 0;
}
body.has-sidebar .page-header,
body.has-sidebar .entry-header {
	right: -50%;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #fff;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.seventoon-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
}
.post-thumbnail img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}
	.comic img.size-full {
		width: 100%;
	}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}
	/* page with sidebar */
	body.has-sidebar #primary {
		width: 66%;
		float: left;
	}
		.page-two-column #main,
		.has-sidebar #main {
			padding-right: 20px;
		}
		.page-two-column #primary::before,
		.has-sidebar:not(.error404) #primary::before {
			content: '';
			position: absolute;
			right: 0px;
			width: 1px;
			height: 100%;
			border-left: 1px solid #eee;
			display: block;
		}
	#secondary {
		width: 33%;
		float: right;
		padding-left: 20px;
	}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-tags-links {
	text-align: right;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
	body.story-chapters .entry-footer .cat-links::before,
	body.story-comics   .entry-footer .cat-links::before {
		content: 'Chapter: ';
	}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #ccc;
	color: black !important;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-previous {
	float: left;
}
.post-navigation .nav-next {
	float: right;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
	.nav-previous .nav-title .nav-title-icon-wrapper::before {
		content: '\f340';
		font-family: dashicons;
		font-size: larger;
		vertical-align: middle;
	}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}
	.nav-next .nav-title .nav-title-icon-wrapper::before {
		content: '\f344';
		font-family: dashicons;
		font-size: larger;
		vertical-align: middle;
	}
	
/* ComicPost / Comic Easel Default Nav */
.comic-nav {
	margin-top: 20px;
}
a.comic-nav-base {
	color: white;
	background-color: black;
	padding: 5px;
	line-height: 30px;
	height: 42px;
	transition: background-color 0.2s ease-in-out;
}
	a.comic-nav-base:hover,
	a.comic-nav-base:focus,
	a.comic-nav-base:focus-within {
		background-color: #ccc;
		color: black;
	}
/* disabled nav link */
span.comic-nav-base {
	color: #999;
	background-color: #333;
	padding: 5px;
	line-height: 30px;
	min-height: 42px;
}
/* Manga Press Comic Nav */
.comic-nav-hlist-wrapper {
	text-align: left;
	margin: 5px 0 10px 0;
	padding: 0;
	clear: both;
	float: none;
}
.comic-nav-hlist-wrapper .comic-nav-hlist {
	width: fit-content;
	margin: 0 auto;
	list-style: none;
}
	.comic-nav-hlist-wrapper .comic-nav-hlist::after {
		content: "";
		display: block;
		float: none;
		clear: both;
	}
	.comic-nav-hlist > li {
		float: left;
		margin-right: 10px;
	}
	.comic-nav-hlist li a,
	.comic-nav-hlist li span {
		color: white;
		background-color: black;
		padding: 5px;
	}
		.comic-nav-hlist li span {
			color: #999;
		}
			.comic-nav-hlist li a::before,
			.comic-nav-hlist li span::before,
			.comic-nav-hlist li a::after,
			.comic-nav-hlist li span::after {
				font-family: dashicons;
				vertical-align: middle;
				margin: 5px;
			}
			.comic-nav-hlist li.link-first a::before,
			.comic-nav-hlist li.link-first span::before {
				content: '\f516';
			}
			.comic-nav-hlist li.link-prev a::before,
			.comic-nav-hlist li.link-prev span::before {
				content: '\f518';
			}
			.comic-nav-hlist li.link-next a::after,
			.comic-nav-hlist li.link-next span::after{
				content: '\f519';
			}
			.comic-nav-hlist li.link-last a::after,
			.comic-nav-hlist li.link-last span::after {
				content: '\f517';
			}
			/* Random Button */
			.comic-nav-hlist li.link-last:nth-child(3) a::after,
			.comic-nav-hlist li.link-last:nth-child(3) span::after {
				content: '\f503';
			}

/*--------------------------------------------------------------
11.6 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link,
.entry-meta {
	display: inline-block;
	padding: 5px 10px;
	background-color: black;
	color: white;
	font-size: 14px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
	box-shadow: 0 0 25px rgba(255,255,255,.5);
	text-align: center;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
11.7 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #ccc;
	background-color: #eee; 
	margin-top: 20px;
}

.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 2em;
	padding-top: 2em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a {
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}

/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 1em;
}

.site-info a {
	color: #666;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}

/*--------------------------------------------------------------
12.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
}
/*--------------------------------------------------------------
13.0 Front Page Template
--------------------------------------------------------------*/
.seventoon-front-page .entry-header {
	text-align: center;
}
	.seventoon-front-page .entry-title {
		display: none;
	}
#front_promos .widget {
	display: none;
}	
	/* show only the first widget if more than one widget */
	#front_promos .widget:first-of-type {
		display: block;
	}
	#front_promos .widgettitle {
		display: none;
	}
.front-row {
	display: flex;
}
	#row1 {
		justify-content: space-between;
		flex-direction: row;
	}
		#row1 > div {
			text-align: center;
		}
	#row2 {
		justify-content: space-between;
		flex-direction: row;
	}
		#row2 > div {
			width: 100%;
			text-align: left;
		}
	#row3 {
		justify-content: center;
		flex-direction: column;
	}
		#row3 > div {
			text-align: center;
		}


/*--------------------------------------------------------------
14.0 Widgets
--------------------------------------------------------------*/

#secondary {
	width: 33%;
	float: right;
	padding: 1em 0 2em;
	padding-left: 20px;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child:not(.rss-widget-title) {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
	float: left;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
	margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 4px 10px 5px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar .wp-calendar-table {
	margin-bottom: 0;
}

.widget_calendar .wp-calendar-nav {
	display: table;
	width: 100%;
	margin: 0 0 1.5em;
	padding: 0.4em 0;
}

.widget_calendar .wp-calendar-nav span {
	display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
	width: 40%;
}

.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Categories as Chapters List Widget */
.seventoon-chapter-list-item,
.seventoon-series-list-item,
.chapters-list .comicpost-chapter-list-item {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}
	.chapters-list,
	.chapters-list ul {
		list-style: none;
		margin-left: 0;
	}
	.chapters-list .seventoon-chapter-list-item,
	.chapters-list .comicpost-chapter-list-item {
		border-bottom: none;
	}
	.chapters-list ul li .seventoon-chapter-list-item.seventoon-list-indent,
	.chapters-list ul li .comicpost-chapter-list-item.comicpost-list-indent {
		border: 0;
		padding-left: 1.5rem;
	}	
		.chapters-list .chapter-list-item-link {
			box-shadow: none;
		}
		.chapters-list .chapter-list-item-link:hover,
		.chapters-list .chapter-list-item-link:focus,
		.chapters-list .chapter-list-item-link:focus-within {
			box-shadow: none;
		}
			.chapters-list .chapter-list-item-link:hover .chapter-title,
			.chapters-list .chapter-list-item-link:focus .chapter-title,
			.chapters-list .chapter-list-item-link:focus-within .chapter-title {
				text-decoration: underline;
			}


.seventoon-chapter-thumbnail,
.seventoon-series-thumbnail,
.comicpost-chapter-thumbnail {
	width: 50px;
	height: 50px;
	box-shadow: none !important;
	margin-right: 10px;
	vertical-align: middle;
}

/* SevenToon Promo Slider */
.seventoon_promos_wrapper {
	position: relative;
	width: 100%;
	height: 346px;
	overflow: hidden;
}
	.seventoon_promos_wrapper .slidenav {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50px;
		z-index: 100;
		box-shadow: none !important;
	}
		.seventoon_promos_wrapper .slidenav::before {
			content: '';
			font-family: dashicons;
			font-size: 48px;
			line-height: 48px;
			height: 50px;
			width: 50px;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -25px;
			text-align: center;
			color: white;
			text-shadow: 2px 0 0 black, -2px 0 0 black;
		}
		.seventoon_promos_wrapper .slidenav:hover,
		.seventoon_promos_wrapper .slidenav:focus,
		.seventoon_promos_wrapper .slidenav:focus-within {
			background-color: rgba(255,255,255,.25);
		}
	.seventoon_promos_wrapper .promo_back {
		left: 0;
	}
		.seventoon_promos_wrapper .slidenav.promo_back::before {
			content: '\f341';
		}
	.seventoon_promos_wrapper .slide {
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		display: none;
		opacity: 0;
		transition-duration: 1s;
	}
		.seventoon_promos_wrapper .slide a {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 100%;
		}
		.seventoon_promos_wrapper .slide img {
			object-fit: contain;
			height: 100%;
			width:  100%;
			max-width: 100%;
			max-height: 100%;
		}
		.seventoon_promos_wrapper .slide:first-of-type {
			display: block;
			opacity: 1;
		}
	.seventoon_promos_wrapper .promo_next {
		right: 0;
	}
		.seventoon_promos_wrapper .slidenav.promo_next::before {
			content: '\f345';
		}
	.seventoon_promos_wrapper .slide.fadein {
		opacity: 1;
	}
	.seventoon_promos_wrapper slide.fadeout {
		opacity: 0;
	}
/*--------------------------------------------------------------
15.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

audio:focus,
video:focus {
	outline: thin dotted;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}
/*--------------------------------------------------------------
15.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
16.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.seventoon-customizer.seventoon-front-page .seventoon-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.seventoon-customizer.seventoon-front-page .seventoon-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.seventoon-customizer.seventoon-front-page .seventoon-panel .seventoon-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.seventoon-customizer.seventoon-front-page .seventoon-panel:nth-of-type(1):after {
	border: none;
}

.seventoon-front-page.seventoon-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.seventoon-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.seventoon-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*-------------------------------------------------------------
17.0 Comic and Chapter Archives
--------------------------------------------------------------*/
body.fixed-nav #wpadminbar,
body.post-type-archive-comic #wpadminbar,
body.archive.tax-chapters #wpadminbar,
body.archive.tax-mangapress_series #wpadminbar {
	position: fixed;
}
body.post-type-archive-comic .site-content-contain,
body.archive.tax-chapters .site-content-contain,
body.archive.tax-mangapress_series .site-content-contain {
	background-color: inherit;
}
body.post-type-archive-comic .site-content .wrap,
body.archive.tax-chapters .site-content .wrap,
body.archive.tax-mangapress_series .site-content .wrap {
	margin-top: 50px;
}
	body.post-type-archive-comic .page-title,
	body.archive.tax-chapters .page-title,
	body.archive.tax-mangapress_series .page-title {
		display: none;
	}
body.post-type-archive-comic .entry-header .entry-title,
body.archive.tax-chapters .entry-header .entry-title,
body.archive.tax-mangapress_series .entry-header .entry-title {
	text-align: center;
}
body.post-type-archive-comic .post-thumbnail img,
body.archive.tax-chapters .post-thumbnail img,
body.archive.tax-mangapress_series .post-thumbnail img {
	display: block;
	margin: 0 auto;
}
body.post-type-archive-comic #primary,
body.archive.tax-chapters #primary,
body.archive.tax-mangapress_series #primary {
	width: 100%;
}
	body.post-type-archive-comic #masthead,
	body.archive.tax-chapters #masthead,
	body.archive.tax-mangapress_series #masthead {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 50px;
		opacity: 1;
		background-color: #333;
		transition-duration: .5s;
		transition-property: opacity;
		z-index: 1000;
	}
	/* if you don't want any space between vertical comics uncomment below */
	/*
	body.post-type-archive-comic #views_gridbox .post-thumbnail,
	body.post-type-archive-comic #views_gridbox .post-thumbnail a,
	body.archive.tax-chapters #views_gridbox .post-thumbnail,
	body.archive.tax-chapters #views_gridbox .post-thumbnail a {
		margin: 0;
		line-height: 0;
	}
	*/
	body.post-type-archive-comic #masthead .custom-header,
	body.archive.tax-chapters #masthead .custom-header,
	body.archive.tax-mangapress_series #masthead .custom-header {
		height: 0 !important;
		margin-bottom: 0 !important;
		display: none;
	}
	body.post-type-archive-comic .site-branding,
	body.archive.tax-chapters .site-branding,
	body.archive.tax-mangapress_series .site-branding {
		top: 5px;
		z-index: 1;
	}
	body.post-type-archive-comic #masthead .site-title,
	body.archive.tax-chapters #masthead .site-title,
	body.archive.tax-mangapress_series #masthead .site-title {
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		height: 50px;
	}
		body.post-type-archive-comic.admin-bar #masthead,
		body.archive.tax-chapters.admin-bar #masthead,
		body.archive.tax-mangapress_series.admin-bar #masthead {
			top: 32px;
		}
		body.post-type-archive-comic #masthead .site-title a,
		body.archive.tax-chapters #masthead .site-title a,
		body.archive.tax-mangapress_series #masthead .site-title a {
			font-size: 0;
			display: block;
			height: 40px;
			width:  40px;
			border-radius: 0px;
			text-align: center;
		}
			body.post-type-archive-comic #masthead .site-title a::before,
			body.archive.tax-chapters #masthead .site-title a::before,
			body.archive.tax-mangapress_series #masthead .site-title a::before {
				content: '\f102';
				color: white;
				font-size: 32px;
				font-family: dashicons;
				line-height: 40px;
				width: 40px;
				display: block;
			}
			body.post-type-archive-comic #masthead .site-title a:hover,
			body.post-type-archive-comic #masthead .site-title a:focus,
			body.post-type-archive-comic #masthead .site-title a:focus-within,
			body.archive.tax-chapters #masthead .site-title a:hover,
			body.archive.tax-chapters #masthead .site-title a:focus,
			body.archive.tax-chapters #masthead .site-title a:focus-within,
			body.archive.tax-mangapress_series #masthead .site-title a:hover,
			body.archive.tax-mangapress_series #masthead .site-title a:focus,
			body.archive.tax-mangapress_series #masthead .site-title a:focus-within {
				opacity: 1;
				background-color: black;
			}
			body.post-type-archive-comic #masthead .site-description,
			body.archive.tax-chapters #masthead .site-description,
			body.archive.tax-mangapress_series #masthead .site-description {
				display: none;
			}
		body.post-type-archive-comic  .archive-header,
		body.archive.tax-chapters .archive-header,
		body.archive.tax-mangapress_series .archive-header {
			position: absolute;
			top: 0px;
			z-index: 10000;
			padding: 0;
			margin: 0;
			height: 50px;
			left: 60px;
			max-width: 33%;
		}
			body.post-type-archive-comic .archive-header .taxonomy-description,
			body.archive.tax-chapters .archive-header .taxonomy-description,
			body.archive.tax-mangapress_series .archive-header .taxonomy-description {
				display: none;
			}
			body.post-type-archive-comic .archive-header .archive-title,
			body.archive.tax-chapters .archive-header .archive-title,
			body.archive.tax-mangapress_series .archive-header .archive-title {
  				font-size: 0.875rem;
  				font-weight: 800;
  				letter-spacing: 0.14em;
  				text-transform: uppercase;
				line-height: 50px;
				color: white;
				font-weight: normal;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		body.post-type-archive-comic .navigation.pagination,
		body.archive.tax-chapters .navigation.pagination,
		body.archive.tax-mangapress_series .navigation.pagination {
			position: absolute;
			top: 0px;
			left: 50%;
			width: 200px;
			height: 50px;
			margin-left: -100px;
			border: none;
			padding: 0;
			display: block;
			border-radius: 0;
		}
			body.post-type-archive-comic .navigation.pagination .page-numbers.current,
			body.archive.tax-chapters .navigation.pagination .page-numbers.current,
			body.archive.tax-mangapress_series .navigation.pagination .page-numbers.current {
				display: inline-block;
				font-size: 18px;
				line-height: 50px;
				height: 50px;
				color: white;
				position: relative;
				top: -13px;
				z-index: 1;
				background-color: transparent;
				border-color: transparent;
				width: auto;
				margin: auto;
				border: none;
			}
				body.post-type-archive-comic .navigation.pagination .page-numbers.current::before,
				body.archive.tax-chapters .navigation.pagination .page-numbers.current::before,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.current::before {
					content: '#';
				}
			body.post-type-archive-comic .navigation.pagination .page-numbers.current span.screen-reader-text,
			body.archive.tax-chapters .navigation.pagination .page-numbers.current span.screen-reader-text,
			body.archive.tax-mangapress_series .navigation.pagination .page-numbers.current span.screen-reader-text {
				position: absolute !important;
			}
			body.post-type-archive-comic .navigation.pagination .page-numbers,
			body.archive.tax-chapters .navigation.pagination .page-numbers,
			body.archive.tax-mangapress_series .navigation.pagination .page-numbers {
				display: none;
			}
			body.post-type-archive-comic .navigation.pagination .page-numbers.prev,
			body.post-type-archive-comic .navigation.pagination .page-numbers.next,
			body.archive.tax-chapters .navigation.pagination .page-numbers.prev,
			body.archive.tax-chapters .navigation.pagination .page-numbers.next,
			body.archive.tax-mangapress_series .navigation.pagination .page-numbers.prev,
			body.archive.tax-mangapress_series .navigation.pagination .page-numbers.next {
				display: inline-block;
				background-color: transparent;
				border-radius: 0px;
				border: 1px solid black;
				margin-top: 5px;
				box-shadow: none;
				float: none;
				height: 40px;
				width:  40px;
				padding: 0;
			}
				body.post-type-archive-comic .navigation.pagination .page-numbers.prev:hover,
				body.post-type-archive-comic .navigation.pagination .page-numbers.prev:focus,
				body.post-type-archive-comic .navigation.pagination .page-numbers.prev:focus-within,
				body.post-type-archive-comic .navigation.pagination .page-numbers.next:hover,
				body.post-type-archive-comic .navigation.pagination .page-numbers.next:focus,
				body.post-type-archive-comic .navigation.pagination .page-numbers.next:focus-within,
				body.archive.tax-chapters .navigation.pagination .page-numbers.prev:hover,
				body.archive.tax-chapters .navigation.pagination .page-numbers.prev:focus,
				body.archive.tax-chapters .navigation.pagination .page-numbers.prev:focus-within,
				body.archive.tax-chapters .navigation.pagination .page-numbers.next:hover,
				body.archive.tax-chapters .navigation.pagination .page-numbers.next:focus,
				body.archive.tax-chapters .navigation.pagination .page-numbers.next:focus-within,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.prev:hover,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.prev:focus,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.prev:focus-within,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.next:hover,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.next:focus,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.next:focus-within {
					background-color: black;
				}
				body.post-type-archive-comic .navigation.pagination .page-numbers.prev::before,
				body.archive.tax-chapters .navigation.pagination .page-numbers.prev::before,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.prev::before {
					content: '\f141';
					font-size: 36px;
					font-family: dashicons;
					line-height: 40px;
					color: white;
					vertical-align: unset;
				}
				body.post-type-archive-comic .navigation.pagination .page-numbers.next::before,
				body.archive.tax-chapters .navigation.pagination .page-numbers.next::before,
				body.archive.tax-mangapress_series .navigation.pagination .page-numbers.next::before {
					content: '\f139';
					font-size: 36px;
					font-family: dashicons;
					line-height: 40px;
					color: white;
					vertical-align: unset;
				}
	body.post-type-archive-comic .entry-header,
	body.archive.tax-chapters .entry-header,
	body.post-type-archive-comic .entry-content,
	body.archive.tax-chapters .entry-content,
	body.archive.tax-mangapress_series .entry-header,
	body.archive.tax-mangapress_series .entry-content {
		display: none;
	}
	body.archive.tax-mangapress_series .post-navigation {
		display: none;
	}
	/* mobile menu on archive page */
	body.post-type-archive-comic .navigation-top,
	body.archive.tax-chapters .navigation-top,
	body.archive.tax-mangapress_series .navigation-top {
		width: 110px;
		background: transparent;
		border: none;
		height: 50px;
		min-height: 50px;
		float: right;
	}
	body.post-type-archive-comic .menu-toggle,
	body.archive.tax-chapters .menu-toggle,
	body.archive.tax-mangapress_series .menu-toggle {
		display: block;
		padding: 0;
		height: 40px;
		width:  40px;
		text-align: center;
		border-radius: 0px;
		box-sizing: border-box;
	}
		body.post-type-archive-comic .menu-toggle:before,
		body.archive.tax-chapters .menu-toggle:before,
		body.archive.tax-mangapress_series .menu-toggle:before {
			content: '\f228';
			font-family: dashicons;
			font-size: 32px;
			line-height: 40px;
			color: white;
		}
		body.post-type-archive-comic .menu-toggle:hover,
		body.post-type-archive-comic .menu-toggle:focus,
		body.post-type-archive-comic .menu-toggle:focus-within,
		body.archive.tax-chapters .menu-toggle:hover,
		body.archive.tax-chapters .menu-toggle:focus,
		body.archive.tax-chapters .menu-toggle:focus-within,
		body.archive.tax-mangapress_series .menu-toggle:hover,
		body.archive.tax-mangapress_series .menu-toggle:focus,
		body.archive.tax-mangapress_series .menu-toggle:focus-within {
			background-color: #000;
			border: none;
		}
	body.post-type-archive-comic .main-navigation,
	body.archive.tax-chapters .main-navigation,
	body.archive.tax-mangapress_series .main-navigation {
		width: 110px;
	}
			body.post-type-archive-comic .main-navigation:hover ul,
			body.post-type-archive-comic .main-navigation:focus ul,
			body.post-type-archive-comic .main-navigation:focus-within ul,	
			body.archive.tax-chapters .main-navigation:hover ul,
			body.archive.tax-chapters .main-navigation:focus ul,
			body.archive.tax-chapters .main-navigation:focus-within ul,
			body.archive.tax-mangapress_series .main-navigation:hover ul,
			body.archive.tax-mangapress_series .main-navigation:focus ul,
			body.archive.tax-mangapress_series .main-navigation:focus-within ul {
				display: block;
				right: 0px;
			}
			body.post-type-archive-comic .main-navigation .menu-toggle,
			body.archive.tax-chapters .main-navigation .menu-toggle,
			body.archive.tax-mangapress_series .main-navigation .menu-toggle {
				position: absolute;
				right: 10px;
				top: 0px;
				background-color: transparent;
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				color: #222;
				display: block;				/* normally hidden */
				font-size: 14px;
				font-size: 0.875rem;
				font-weight: 800;
				line-height: 1.5;
				margin: 0px;
				padding: 0;
				text-shadow: none;
			}
					body.post-type-archive-comic .main-navigation .menu-toggle:hover,
					body.post-type-archive-comic .main-navigation .menu-toggle:focus,
					body.post-type-archive-comic .main-navigation .menu-toggle:focus-within,
					body.archive.tax-chapters .main-navigation .menu-toggle:hover,
					body.archive.tax-chapters .main-navigation .menu-toggle:focus,
					body.archive.tax-chapters .main-navigation .menu-toggle:focus-within,
					body.archive.tax-mangapress_series .main-navigation .menu-toggle:hover,
					body.archive.tax-mangapress_series .main-navigation .menu-toggle:focus,
					body.archive.tax-mangapress_series .main-navigation .menu-toggle:focus-within {
						background-color: black;
					}
				body.post-type-archive-comic .main-navigation div,
				body.archive.tax-chapters .main-navigation div,
				body.archive.tax-mangapress_series .main-navigation div {
					position: relative;
					float: right;
					top: 64px;
					height: 75px;
					overflow: visible;
				}
					/* Level 1 Menu */
					body.post-type-archive-comic .main-navigation ul,
					body.archive.tax-chapters .main-navigation ul,
					body.archive.tax-mangapress_series .main-navigation ul {
						display: block;
						background: white;
						padding: 0 1.5em;
						text-align: left;
					}
					body.post-type-archive-comic .main-navigation > div > ul,
					body.archive.tax-chapters .main-navigation > div > ul,
					body.archive.tax-mangapress_series .main-navigation > div > ul {
						position: fixed;
						border: 1px solid #eee;
						padding: 0.75em 1.695em;
						box-shadow: 0 15px 15px rgba(0,0,0,.25);
						top: 50px;
						bottom: 0px;
						width: 300px;
						right: -320px;
						overflow-y: auto;
						overflow-x: hidden;
						transition-duration: .5s;
					}
						body.admin-bar.post-type-archive-comic .main-navigation > div > ul,
						body.admin-bar.archive.tax-chapters .main-navigation > div > ul,
						body.admin-bar.archive.tax-mangapress_series .main-navigation > div > ul {
							top: 84px;
						}
						body.post-type-archive-comic .main-navigation > div > ul::before,
						body.archive.tax-chapters .main-navigation > div > ul::before,
						body.archive.tax-mangapress_series .main-navigation > div > ul::before {
							content: '(Move outside menu to close it)';
							display: block;
							text-align: center;
							font-size: small;
						}
						/* Level 1 Menu Items */					
						body.post-type-archive-comic .main-navigation ul li,
						body.archive.tax-chapters .main-navigation ul li,
						body.archive.tax-mangapress_series .main-navigation ul li {
							border-top: 1px solid #eee;
							position: relative;
							display: block;
						}
							/* list item hover effect */
							body.post-type-archive-comic .main-navigation ul li:hover,
							body.post-type-archive-comic .main-navigation ul li:focus,
							body.post-type-archive-comic .main-navigation ul li:focus-within,
							body.post-type-archive-comic .main-navigation ul li.touch,
							body.archive.tax-chapters .main-navigation ul li:hover,
							body.archive.tax-chapters .main-navigation ul li:focus,
							body.archive.tax-chapters .main-navigation ul li:focus-within,
							body.archive.tax-chapters .main-navigation ul li.touch,
							body.archive.tax-mangapress_series .main-navigation ul li:hover,
							body.archive.tax-mangapress_series .main-navigation ul li:focus,
							body.archive.tax-mangapress_series .main-navigation ul li:focus-within,
							body.archive.tax-mangapress_series .main-navigation ul li.touch {
							
							}
							/* Level 1 Menu Item Links */
							body.post-type-archive-comic .main-navigation ul li a,
							body.archive.tax-chapters .main-navigation ul li a,
							boyd.archive.tax-mangapress_series .main-navigation ul li a {
								display: block;
								padding: 1em 1.25em;
								color: #222;
								font-weight: 600;
								text-decoration: none;
								-webkit-transition: color 0.2s;
								transition: color 0.2s;
							}
								/* a link hover effect */
								body.post-type-archive-comic .main-navigation ul li > a:hover,
								body.post-type-archive-comic .main-navigation ul li > a:focus,
								body.post-type-archive-comic .main-navigation ul li > a:focus-within,
								body.post-type-archive-comic .main-navigation ul li.touch > a,
								body.archive.tax-chapters .main-navigation ul li > a:hover,
								body.archive.tax-chapters .main-navigation ul li > a:focus,
								body.archive.tax-chapters .main-navigation ul li > a:focus-within,
								body.archive.tax-chapters .main-navigation ul li.touch > a,
								body.archive.tax-mangapress_series .main-navigation ul li > a:hover,
								body.archive.tax-mangapress_series .main-navigation ul li > a:focus,
								body.archive.tax-mangapress_series .main-navigation ul li > a:focus-within,
								body.archive.tax-mangapress_series .main-navigation ul li.touch > a {
									color: #767676;
								}
								/* current menu item  link */
								body.post-type-archive-comic .main-navigation ul li.current-menu-item > a,
								body.post-type-archive-comic .main-navigation ul li.current_page_item > a,
								body.archive.tax-chapters .main-navigation ul li.current-menu-item > a,
								body.archive.tax-chapters .main-navigation ul li.current_page_item > a,
								body.archive.tax-mangapress_series .main-navigation ul li.current-menu-item > a,
								body.archive.tax-mangapress_series .main-navigation ul li.current_page_item > a {
									color: #767676;
								}
									/* drop-down indicator icon */
									body.post-type-archive-comic .main-navigation ul li.menu-item-has-children > a:after,
									body.post-type-archive-comic .main-navigation ul li.page_item_has_children > a:after,
									body.archive.tax-chapters .main-navigation ul li.menu-item-has-children > a:after,
									body.archive.tax-chapters .main-navigation ul li.page_item_has_children > a:after,
									body.archive.tax-mangapress_series .main-navigation ul li.menu-item-has-children > a:after,
									body.archive.tax-mangapress_series .main-navigation ul li.page_item_has_children > a:after {
										content: '\f140';
										font-family: dashicons;
									}
							/* Level 2 menu */
							body.post-type-archive-comic .main-navigation ul li ul,
							body.archive.tax-chapters .main-navigation ul li ul,
							body.archive.tax-mangapress_series .main-navigation ul li ul {
								position: relative;
								float: none;
								padding: 0;
								margin-top: 0;
								border: none;
								left: 0em;
							}	
								body.post-type-archive-comic .main-navigation ul li:hover ul,
								body.post-type-archive-comic .main-navigation ul li:focus ul,
								body.post-type-archive-comic .main-navigation ul li:focus-within ul,
								body.post-type-archive-comic .main-navigation ul li.touch ul,
								body.archive.tax-chapters .main-navigation ul li:hover ul,
								body.archive.tax-chapters .main-navigation ul li:focus ul,
								body.archive.tax-chapters .main-navigation ul li:focus-within ul,
								body.archive.tax-chapters .main-navigation ul li.touch ul,
								body.archive.tax-mangapress_series .main-navigation ul li:hover ul,
								body.archive.tax-mangapress_series .main-navigation ul li:focus ul,
								body.archive.tax-mangapress_series .main-navigation ul li:focus-within ul,
								body.archive.tax-mangapress_series .main-navigation ul li.touch ul {
									display: block;
								}
									/* Level 2 menu items */
									body.post-type-archive-comic .main-navigation ul li ul li,
									body.archive.tax-chapters .main-navigation ul li ul li,
									body.archive.tax-mangapress_series .main-navigation ul li ul li {
										display: block;
										float: none;
										-webkit-transition: background-color 0.2s ease-in-out;
										transition: background-color 0.2s ease-in-out;
										padding-left: 0.5em;
									}
										/* Level 2 Menu Item Hover effect */
										body.post-type-archive-comic .main-navigation ul li ul > li:hover,
										body.post-type-archive-comic .main-navigation ul li ul > li:focus,
										body.post-type-archive-comic .main-navigation ul li ul > li:focus-within,
										body.post-type-archive-comic .main-navigation ul li ul > li.touch,
										body.archive.tax-chapters .main-navigation ul li ul > li:hover,
										body.archive.tax-chapters .main-navigation ul li ul > li:focus,
										body.archive.tax-chapters .main-navigation ul li ul > li:focus-within,
										body.archive.tax-chapters .main-navigation ul li ul > li.touch,
										body.archive.tax-mangapress_series .main-navigation ul li ul > li:hover,
										body.archive.tax-mangapress_series .main-navigation ul li ul > li:focus,
										body.archive.tax-mangapress_series .main-navigation ul li ul > li:focus-within,
										body.archive.tax-mangapress_series .main-navigation ul li ul > li.touch {
											
										}
									body.post-type-archive-comic .main-navigation ul li ul li a,
									body.archive.tax-chapters .main-navigation ul li ul li a,
									body.archive.tax-mangapress_series .main-navigation ul li ul li a {
										padding: 0.75em 1.25em;
										width: 16em;
										-webkit-transition: color 0.3s ease-in-out;
										transition: color 0.3s ease-in-out;
									}	
										/* Level 2 Menu Link Hover Effect */
										body.post-type-archive-comic .main-navigation ul li ul li > a:hover,
										body.post-type-archive-comic .main-navigation ul li ul li > a:focus,
										body.post-type-archive-comic .main-navigation ul li ul li > a:focus-within,
										body.post-type-archive-comic .main-navigation ul li ul li.touch > a,
										body.archive.tax-chapters .main-navigation ul li ul li > a:hover,
										body.archive.tax-chapters .main-navigation ul li ul li > a:focus,
										body.archive.tax-chapters .main-navigation ul li ul li > a:focus-within,
										body.archive.tax-chapters .main-navigation ul li ul li.touch > a,
										body.archive.tax-mangapress_series .main-navigation ul li ul li > a:hover,
										body.archive.tax-mangapress_series .main-navigation ul li ul li > a:focus,
										body.archive.tax-mangapress_series .main-navigation ul li ul li > a:focus-within,
										body.archive.tax-mangapress_series .main-navigation ul li ul li.touch > a {
											background: transparent;
											color: #767676;
										}
									/* Level 3 Menu Items */
									body.post-type-archive-comic .main-navigation ul li ul li ul,
									body.archive.tax-chapters .main-navigation ul li ul li ul,
									body.archive.tax-mangapress_series .main-navigation ul li ul li ul {
										left: 0.5em;
									}
										body.post-type-archive-comic .main-navigation ul li ul li:hover > ul,
										body.post-type-archive-comic .main-navigation ul li ul li:focus > ul,
										body.post-type-archive-comic .main-navigation ul li ul li:focus-within > ul,
										body.post-type-archive-comic .main-navigation ul li ul li.touch > ul,
										body.archive.tax-chapters .main-navigation ul li ul li:hover > ul,
										body.archive.tax-chapters .main-navigation ul li ul li:focus > ul,
										body.archive.tax-chapters .main-navigation ul li ul li:focus-within > ul,
										body.archive.tax-chapters .main-navigation ul li ul li.touch > ul,
										body.archive.tax-mangapress_series .main-navigation ul li ul li:hover > ul,
										body.archive.tax-mangapress_series .main-navigation ul li ul li:focus > ul,
										body.archive.tax-mangapress_series .main-navigation ul li ul li:focus-within > ul,
										body.archive.tax-mangapress_series .main-navigation ul li ul li.touch > ul {
											left: 0.5em;
											right: auto !important;
											top: auto;
										}
							body.post-type-archive-comic .main-navigation ul > :nth-last-child(-n+2) ul li:hover > ul, 
							body.post-type-archive-comic .main-navigation ul > :nth-last-child(-n+2) ul li:focus > ul, 
							body.post-type-archive-comic .main-navigation ul > :nth-last-child(-n+2) ul li:focus-within > ul, 
							body.post-type-archive-comic .main-navigation ul > :nth-last-child(-n+2) ul li.touch ul, 
							body.archive.tax-chapters .main-navigation ul > :nth-last-child(-n+2) ul li:hover > ul, 
							body.archive.tax-chapters .main-navigation ul > :nth-last-child(-n+2) ul li:focus > ul, 
							body.archive.tax-chapters .main-navigation ul > :nth-last-child(-n+2) ul li:focus-within > ul, 
							body.archive.tax-chapters .main-navigation ul > :nth-last-child(-n+2) ul li.touch ul, 
							body.archive.tax-mangapress_series .main-navigation ul > :nth-last-child(-n+2) ul li:hover > ul, 
							body.archive.tax-mangapress_series .main-navigation ul > :nth-last-child(-n+2) ul li:focus > ul, 
							body.archive.tax-mangapress_series .main-navigation ul > :nth-last-child(-n+2) ul li:focus-within > ul, 
							body.archive.tax-managapress_series .main-navigation ul > :nth-last-child(-n+2) ul li.touch ul {
								left: 0.5em;
								right: auto !important;
							}

	#ad_before {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
		#ad_before .widget {
			padding: 0;
		}
	#ad_after {
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #ccc;
	}
		#ad_after .widget {
			padding: 0;
		}


/*--------------------------------------------------------------
18.0 Media Queries
--------------------------------------------------------------*/


@media screen and (max-width: 1024px) {

		.navigation-top .main-navigation {
			width: 110px;
		}
			.main-navigation:hover ul,
			.main-navigation:focus ul,
			.main-navigation:focus-within ul {
				display: block;
			}
			.main-navigation .menu-toggle {
				position: absolute;
				right: 10px;
				top: 5px;
				background-color: black;
				border: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
				color: white;
				display: block;				/* normally hidden */
				font-size: 14px;
				font-size: 0.875rem;
				font-weight: 800;
				line-height: 1.5;
				margin: 0px;
				padding: 1em;
				text-shadow: none;
			}
					.main-navigation .menu-toggle:hover,
					.main-navigation .menu-toggle:focus,
					.main-navigation .menu-toggle:focus-within {
						background-color: #ccc;
						color: black;
						border: none;
					}
				.main-navigation div {
					position: relative;
					float: right;
					top: 70px;
					height: 75px;
					overflow: visible;
				}
					/* Level 1 Menu */
					.main-navigation ul {
						display: none;
						float: none;
						padding: 0 1.5em;
						text-align: left;
					}
					.main-navigation > div > ul {
						border: 1px solid #eee;
						padding: 0.75em 1.695em;
						box-shadow: 0 15px 15px rgba(0,0,0,.25);
						background-color: white;
						overflow: hidden;
						width: 300px;
					}
						.main-navigation > div > ul::before {
							content: '(Move outside menu to close it)';
							display: block;
							text-align: center;
							font-size: small;
						}
						/* Level 1 Menu Items */					
						.main-navigation ul li {
							border-top: 1px solid #eee;
							position: relative;
							display: block;
						}
							/* list item hover effect */
							.main-navigation ul li:hover,
							.main-navigation ul li:focus,
							.main-navigation ul li:focus-within,
							.main-navigation ul li.touch {
							
							}
							/* Level 1 Menu Item Links */
							.main-navigation ul li a {
								display: block;
								padding: 1em 1.25em;
								color: #222;
								font-weight: 600;
								text-decoration: none;
								-webkit-transition: color 0.2s;
								transition: color 0.2s;
							}
								/* a link hover effect */
								.main-navigation ul li > a:hover,
								.main-navigation ul li > a:focus,
								.main-navigation ul li > a:focus-within,
								.main-navigation ul li.touch > a {
									color: #767676;
								}
								/* current menu item  link */
								.main-navigation ul li.current-menu-item > a,
								.main-navigation ul li.current_page_item > a {
									color: #767676;
								}
									/* drop-down indicator icon */
									.main-navigation ul li.menu-item-has-children > a:after,
									.main-navigation ul li.page_item_has_children > a:after {
										content: '\f140';
										font-family: dashicons;
									}
							/* Level 2 menu */
							.main-navigation ul li ul {
								position: relative;
								padding: 0;
								margin-top: 0;
								border: none;
								left: 0em;
							}	
								.main-navigation ul li:hover ul,
								.main-navigation ul li:focus ul,
								.main-navigation ul li:focus-within ul,
								.main-navigation ul li.touch ul {
									display: block;
								}
									/* Level 2 menu items */
									.main-navigation ul li ul li {
										display: block;
										float: none;
										-webkit-transition: background-color 0.2s ease-in-out;
										transition: background-color 0.2s ease-in-out;
										padding-left: 0.5em;
									}
										/* Level 2 Menu Item Hover effect */
										.main-navigation ul li ul > li:hover,
										.main-navigation ul li ul > li:focus,
										.main-navigation ul li ul > li:focus-within,
										.main-navigation ul li ul > li.touch {
											
										}
									.main-navigation ul li ul li a {
										padding: 0.75em 1.25em;
										width: 16em;
										-webkit-transition: color 0.3s ease-in-out;
										transition: color 0.3s ease-in-out;
									}	
										/* Level 2 Menu Link Hover Effect */
										.main-navigation ul li ul li > a:hover,
										.main-navigation ul li ul li > a:focus,
										.main-navigation ul li ul li > a:focus-within,
										.main-navigation ul li ul li.touch > a {
											background: transparent;
											color: #767676;
										}
									/* Level 3 Menu Items */
									.main-navigation ul li ul li ul {
										left: 0.5em;
									}
										.main-navigation ul li ul li:hover > ul,
										.main-navigation ul li ul li:focus > ul,
										.main-navigation ul li ul li:focus-within > ul,
										.main-navigation ul li ul li.touch > ul {
											left: 0.5em;
											right: auto !important;
											top: auto;
										}
							.main-navigation ul > :nth-last-child(-n+2) ul li:hover > ul, 
							.main-navigation ul > :nth-last-child(-n+2) ul li:focus > ul, 
							.main-navigation ul > :nth-last-child(-n+2) ul li:focus-within > ul, 
							.main-navigation ul > :nth-last-child(-n+2) ul li.touch ul {
								left: 0.5em;
								right: auto !important;
							}
					body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation > div > ul {
						display: block;
						position: fixed;
						border: 1px solid #eee;
						padding: 0.75em 1.695em;
						box-shadow: 0 15px 15px rgba(0,0,0,.25);
						top: 75px;
						bottom: 0px;
						width: 300px;
						right: -320px;
						overflow-y: auto;
						overflow-x: hidden;
						transition-duration: .5s;
					}
							body.fixed-nav.admin-bar:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation > div > ul {
								top: 107px;
							}
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:hover ul,
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:focus ul,
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:focus-within ul {
							display: block;
							right: 0px;
						}

}

@media screen and (max-width: 782px){
	body.post-type-archive-comic.admin-bar #masthead, 
	body.archive.tax-chapters.admin-bar #masthead {
  		top: 46px;
	}
		body.fixed-nav.admin-bar:not(.tax-chapters, .tax-comics, .post-type-archive-comic) .navigation-top {
			top: 46px;
		}
	body.post-type-archive-comic.admin-bar #top-menu,
	body.archive.tax-chapters.admin-bar #top-menu {
		top: 96px;
	}
		body.fixed-nav.admin-bar #top-menu {
			top: 121px;
		}
}

@media screen and (max-width: 767px){
	body:not(.seventoon-front-page, .home) .entry-header,
	body:not(.seventoon-front-page, .home) .page-header {
		max-width: 100%;
	}
		body:not(.seventoon-front-page, .home) .entry-header .entry-title,
		body:not(.seventoon-front-page, .home) .page-header .page-title {
			font-size: 36px;
			line-height: 34px;
		}				
	.two-column #primary,
	.two-column #secondary,
	.has-sidebar:not(.error404) #primary,
	.has-sidebar:not(.error404) #secondary {
		float: none;
		width: 100%;
	}
		.two-column #main,
		.has-sidebar #main {
			padding-right: 0px;
		}
		.two-column #primary::before,
		.has-sidebar:not(.error404) #primary::before {
			content: none;
		}
	body.post-type-archive-comic .archive-header,
	body.archive.tax-chapters .archive-header {
		display: none;
	}
	body.post-type-archive-comic .page-header,
	body.archive.tax-chapters .page-header {
		max-width: 100%;
		position: relative;
		top: 0;
	}
	body.post-type-archive-comic .site-content .page-title,
	body.archive.tax-chapters .site-content .page-title {
		display: block;
		text-align: center;
		font-size: 36px;
		padding-top: 0px;
		margin-bottom: 0px;
		color: inherit;
		text-shadow: none;
	}
	/* front-page widget spaces */
	#row1 {
		flex-direction: column;
	}
	#row2 {
		flex-direction: column;
	}
}
/*	19.0 MENU FOR TOUCH DEVICES
	============================
	On touch screen devices use the mobile menu by default
	no matter what size the screen might be, which avoids
	needing to use JS to add touch events to menu items.
	
	If you want the desktop drop-down menus on large screen
	touch devices comment out the media query below and then
	uncomment the "navigation.js" script in theme functions.php
*/

@media screen and (pointer: coarse) and (min-width: 0px) {
		.navigation-top .main-navigation {
			width: 110px;
		}
			.main-navigation:hover ul,
			.main-navigation:focus ul,
			.main-navigation:focus-within ul {
				display: block;
			}
			.main-navigation .menu-toggle {
				position: absolute;
				right: 10px;
				top: 5px;
				background-color: black;
				border: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
				color: white;
				display: block;				/* normally hidden */
				font-size: 14px;
				font-size: 0.875rem;
				font-weight: 800;
				line-height: 1.5;
				margin: 0px;
				padding: 1em;
				text-shadow: none;
			}
					.main-navigation .menu-toggle:hover,
					.main-navigation .menu-toggle:focus,
					.main-navigation .menu-toggle:focus-within {
						background-color: #ccc;
						color: black;
						border: none;
					}
				.main-navigation div {
					position: relative;
					float: right;
					top: 70px;
					height: 75px;
					overflow: visible;
				}
					/* Level 1 Menu */
					.main-navigation ul {
						display: none;
						float: none;
						padding: 0 1.5em;
						text-align: left;
					}
					.main-navigation > div > ul {
						border: 1px solid #eee;
						padding: 0.75em 1.695em;
						box-shadow: 0 15px 15px rgba(0,0,0,.25);
						background-color: white;
						overflow: hidden;
						width: 300px;
					}
						body.fixed-nav .main-navigation > div > ul {
							display: block;
						}
						.main-navigation > div > ul::before {
							content: '(Move outside menu to close it)';
							display: block;
							text-align: center;
							font-size: small;
						}
						/* Level 1 Menu Items */					
						.main-navigation ul li {
							border-top: 1px solid #eee;
							position: relative;
							display: block;
						}
							/* list item hover effect */
							.main-navigation ul li:hover,
							.main-navigation ul li:focus,
							.main-navigation ul li:focus-within,
							.main-navigation ul li.touch {
							
							}
							/* Level 1 Menu Item Links */
							.main-navigation ul li a {
								display: block;
								padding: 1em 1.25em;
								color: #222;
								font-weight: 600;
								text-decoration: none;
								-webkit-transition: color 0.2s;
								transition: color 0.2s;
							}
								/* a link hover effect */
								.main-navigation ul li > a:hover,
								.main-navigation ul li > a:focus,
								.main-navigation ul li > a:focus-within,
								.main-navigation ul li.touch > a {
									color: #767676;
								}
								/* current menu item  link */
								.main-navigation ul li.current-menu-item > a,
								.main-navigation ul li.current_page_item > a {
									color: #767676;
								}
									/* drop-down indicator icon */
									.main-navigation ul li.menu-item-has-children > a:after,
									.main-navigation ul li.page_item_has_children > a:after {
										content: '\f140';
										font-family: dashicons;
									}
							/* Level 2 menu */
							.main-navigation ul li ul {
								position: relative;
								padding: 0;
								margin-top: 0;
								border: none;
								left: 0em;
							}	
								.main-navigation ul li:hover ul,
								.main-navigation ul li:focus ul,
								.main-navigation ul li:focus-within ul,
								.main-navigation ul li.touch ul {
									display: block;
								}
									/* Level 2 menu items */
									.main-navigation ul li ul li {
										display: block;
										float: none;
										-webkit-transition: background-color 0.2s ease-in-out;
										transition: background-color 0.2s ease-in-out;
										padding-left: 0.5em;
									}
										/* Level 2 Menu Item Hover effect */
										.main-navigation ul li ul > li:hover,
										.main-navigation ul li ul > li:focus,
										.main-navigation ul li ul > li:focus-within,
										.main-navigation ul li ul > li.touch {
											
										}
									.main-navigation ul li ul li a {
										padding: 0.75em 1.25em;
										width: 16em;
										-webkit-transition: color 0.3s ease-in-out;
										transition: color 0.3s ease-in-out;
									}	
										/* Level 2 Menu Link Hover Effect */
										.main-navigation ul li ul li > a:hover,
										.main-navigation ul li ul li > a:focus,
										.main-navigation ul li ul li > a:focus-within,
										.main-navigation ul li ul li.touch > a {
											background: transparent;
											color: #767676;
										}
									/* Level 3 Menu Items */
									.main-navigation ul li ul li ul {
										left: 0.5em;
									}
										.main-navigation ul li ul li:hover > ul,
										.main-navigation ul li ul li:focus > ul,
										.main-navigation ul li ul li:focus-within > ul,
										.main-navigation ul li ul li.touch > ul {
											left: 0.5em;
											right: auto;
											top: auto;
										}	
					body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation > div > ul {
						display: block;
						position: fixed;
						border: 1px solid #eee;
						padding: 0.75em 1.695em;
						box-shadow: 0 15px 15px rgba(0,0,0,.25);
						top: 75px;
						bottom: 0px;
						width: 300px;
						right: -320px;
						overflow-y: auto;
						overflow-x: hidden;
						transition-duration: .5s;
					}
							body.fixed-nav.admin-bar:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation > div > ul {
								top: 107px;
							}
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:hover ul,
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:focus ul,
						body.fixed-nav:not(.tax-chapters, .tax-comics, .post-type-archive-comics) .main-navigation:focus-within ul {
							display: block;
							right: 0px;
						}								
}