/*
 * Theme Name: TwentySixteen Child Theme
 * Description: Demon of the Underground 2017 Theme
 * Author: Shobana 'Bob' Appavu
 * Author URI: http://www.bobappavu.com
 * Template: twentysixteen
 * Version: 2.1.7
 */

body {
	background: #000000;
	font-family: 'Open Sans', sans-serif;
}

/* fix for wp 5.7 inserting empty paragraphs */
body p:empty:before {
    content: none;
}

blockquote {
	border: 0;
	font-size: 12pt;
}

table {
	margin-left: auto;
	margin-right: auto;
}

table, th, td {
    border: 0px;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
	background: #000000;
	font-family: 'Special Elite', cursive;;
	font-variant: small-caps;
	text-transform: lowercase;
}

.site-branding {
	margin: 0.875em auto 0.875em 0;
	/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
	max-width: 100%;
	min-width: 0;
	overflow: visible;
}

.custom-logo {
    margin-left: 70%;
		margin-top: 3.5em;
		max-width: 330px;
}

ins {
    background-color: #000000 !important;
}


hr {
	background-color: #000000;
}


/* Primary Menu */

/*.menu-toggle {
	border: 0px;
	margin-left: 45%;
	margin-right: 45%;
}*/

.site-header-menu {
	display: block;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	color: #959595;
}


.main-navigation {
	margin-left: auto;
	margin-right: auto;
}


.main-navigation .primary-menu > li {
	border: 0;
	float: none;
	display: inline-block;
	position: relative;
}

.main-navigation .primary-menu {
	border-bottom: 0px;
	border-bottom-width: 0px;
	text-align: center;
}

.main-navigation a {
	font-size: 13pt;
	font-variant: small-caps;
	text-transform:lowercase;
	color: #797979 !important;
	outline-offset: -8px;
	padding: 0.2em 0.875em;
	white-space: nowrap;
}

.main-navigation a:hover {
	color: #810202 !important;
}



.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #007acc;
}

.main-navigation ul ul {
	border-bottom: 1px solid #d1d1d1;
	display: block;
	left: -999em;
	margin: 0;
	position: absolute;
	z-index: 99999;
}

.main-navigation ul ul ul {
	top: -1px;
}

.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
	border: 0;
}

.main-navigation ul ul li {
	background-color: #000000 !important;
	border: 1px solid #d1d1d1;
	border-bottom-width: 0;
}

.main-navigation ul ul a {
	white-space: normal;
	width: 12.6875em;
}

.main-navigation ul ul:before,
.main-navigation ul ul:after {
	border-style: solid;
	content: "";
	position: absolute;
}


.main-navigation ul ul:before {
	border-color: #d1d1d1 transparent;
	border-width: 0 10px 10px;
	right: 9px;
	top: -9px;
}

.main-navigation ul ul:after {
	border-color: #fff transparent;
	border-width: 0 8px 8px;
	right: 11px;
	top: -7px;
}

.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
	left: auto;
	right: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: auto;
	right: 100%;
}

.main-navigation .menu-item-has-children > a {
	margin: 0;
	padding-right: 2.25em;
}

.main-navigation .menu-item-has-children > a:after {
	content: "\f431";
	position: absolute;
	right: 0.625em;
	top: 0.8125em;
}

.main-navigation ul ul .menu-item-has-children > a {
	padding-right: 2.0625em;
}

.main-navigation ul ul .menu-item-has-children > a:after {
	right: 0.5625em;
	top: 0.875em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
 .main-navigation, .site-footer */
.site-header .social-navigation, .menu-toggle {
	display: none;
}

button.dropdown-toggle, button.dropdown-toggle.toggled-on {
	display: none;
}


.site-footer .main-navigation {
	display: none;
}

/* End Primary Menu */



.page-header {
	margin-top: 2em;
}

.archive-header {
	margin-top: 3.75em;
}

.page-title {
	text-align: center;
}

.page .entry-title {
	display:none;
}

.page .entry-content {
	padding-top: 4em;
}

.entry-title {
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	padding-top: 1em;
}

.entry-title,
.entry-footer,
.post-navigation,
.post-title,
.page-title,
.image-navigation,
.comment-navigation,
.comments-title,
.comment-reply-title,
.frontpagenewsheader,
.newspagenewsheader {
	font-family: 'Averia Serif Libre', cursive;
	text-transform:uppercase;
}

.frontpagenewsheader,
.newspagenewsheader {
	font-family: 'Averia Serif Libre', cursive;
	text-transform:uppercase;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
}


.entry-content h1,
.entry-content h2,
.archive h2 {
	font-family: 'Averia Serif Libre', cursive;
	text-transform:uppercase;
	margin-top: 1.5em;
	margin-bottom: .7em;

}

.entry-content h3,
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child {
	font-family: 'Averia Serif Libre', cursive;
	text-transform: uppercase;
	margin-top: .7em;
	margin-bottom: .4em;
}



.main-navigation a,
.textwidget,
.post-navigation,
.comment-form label {
	font-family: 'Special Elite', cursive;
}

.entry-content h1,
.entry-content h1:first-child,
.entry-content h2,
.entry-content h2:first-child {
	font-size: 17pt;
}

.archive h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-size: 14px;
	font-family: 'Averia Serif Libre', cursive;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.archive-header,
.page-content,
.content-bottom-widgets {
	margin-left: 4%;
	margin-right: 4%;
}

.entry-content {
	font-size: 15px;
	margin-bottom: 2em;
}


.site-header-main {
	background-color: #000000;
	background-image: url("images/headerbg_new.png");
	background-repeat: no-repeat;
	height: 300px;
	background-position: top;
}

.site-header {
	background-color: #000000;
	padding: 0em;
}

.site-content {
	padding-top: 0;
	padding-bottom: 0em;
}

.site-main {
	margin-top: 1em;
}

.site-header-menu.toggled-on {
	background-color: #2c2c2c !important;
}



.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
	font-weight: inherit;
}

.main-navigation li {
	border-top: 1px solid #797979;
}



/* .menu-toggle {
	border: 0px;
	color: #797979;
	margin-top: 11em;
	margin-right: 5%;
	font-family: Georgia;
	font-variant: small-caps;
	font-weight: 100;
} */

#secondary {
	text-align: center;
}

.sidebar {
	background-color: #353535;
	padding-bottom: 3em;
	padding-top: 3em;
}

.widget {
	border-top: 0px;
	margin-bottom: 2em;
	padding-top: 0px;
}

.widget-title {
	display: none;
}


.textwidget {
	font-size: 1.05em;
	line-height: 1.2em;
	text-align: center;
	color: #797979;
}

.textwidget a {
	box-shadow: 0 0 0 0;
}

.site-footer {
	padding: 0 10% 1.75em 10%;
}

.nav-tab > a {
	color: #810202 !important;
}

.comment-list article, .comment-list .pingback, .comment-list .trackback {
	border-top: 1px solid #2c2c2c;
}

.comment-reply-link {
	border: 1px solid #2c2c2c;
}


.page-header,
.archive-header {
	border-top: 0;
}

.page-title {
	font-variant: small-caps;
}

.pagination {
	font-family: 'Averia Serif Libre', cursive;
}

.post-navigation {
	border-top: 0px;
	border-bottom: 0;
	margin-bottom: 50px;
}

.post-navigation .nav-next {
	border-top: 2px solid;
}

.post-navigation
.post-title {
	font-family: 'Averia Serif Libre', cursive;
	text-transform: uppercase;
	color: #2c2c2c;
	font-size: 14pt;
}

.post-thumbnail {
	margin-bottom: 1em;
	border: 1px solid #000000;
}

.image-navigation, .comment-navigation {
	border-top: none;
	border-bottom: 0;
}

.entry-footer {
	font-size: 14px;
	line-height: 1em;
	padding-bottom: 2em;
}

.comments-title, .comment-reply-title {
	border-top: 2px solid #2c2c2c;
	font-variant: small-caps;
}

#disqus_thread {
	background-color: #d1d1d1;
	padding: 2em;
}

.site-main article {
	margin-bottom: 2em;
}

.morenews ul li {
	list-style: none;
	margin-bottom: 3em;
}

.news .entry-title {
	margin-top: 2em;
}

.navback {
	margin-left: 1em;
	padding-bottom: 3em;
}

.buttonblockredblack a:hover {
	background-color: #000000 !important;
}

.buttonblockredblack a:focus {
	background-color: #000000 !important;
}

.buttonblockblackred a:hover {
	background-color: #810202 !important;
}

.buttonblockblackred a:focus {
	background-color: #810202 !important;
}

.buttonredds,
.buttonred {
	display: inline-block;
}

.buttonredds a {
display: inline-block;
padding: 12px 24px;
border-radius: 5px;
border: 0;
font-weight: bold;
letter-spacing: 0.0625em;
text-transform: uppercase;
text-decoration: none;
background: #810202;
color: #fff;
box-shadow: 1px 1px #555555;
}

.buttonred a {
display: inline-block;
padding: 12px 24px;
border-radius: 5px;
border: 0;
font-weight: bold;
letter-spacing: 0.0625em;
text-transform: uppercase;
text-decoration: none;
background: #810202;
color: #fff;
}

/* Add a rollover background colour but keep the text white */
.buttonredds a:hover,
.buttonredds a:focus,
.buttonredds a:active,
.buttonred a:hover,
.buttonred a:focus,
.buttonred a:active {
background: #000;
color: #fff;
}

.dotuboxshadow {
	box-shadow: 3px 3px 2px #636363;
}

.doturoundedinset70 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

.doturoundedinset80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

.doturoundedinset90 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

.doturoundedinset70 a,
.doturoundedinset80 a,
.doturoundedinset90 a {
	box-shadow: 0 0 0 0;
}

a.ptrn-button {
	box-shadow: 0 0 0 0;
}

.ptrn-button img {
	margin-left: auto;
	margin-right: auto;
}

/* Media Queries */

@media screen and (min-width: 35em) {
	.site-header-main {
		height: 240px;
	}
}


@media screen and (min-width: 44.375em) {
	.site {
		margin: 0;
		margin-top: 0px;
	}

	.entry-content li {
		margin-left: 3em;
	}

	#pmpro_levels .entry-content li {
		margin-left: 0em;
	}

	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		height: 0px;
	}

	.site-header-main {
		height: 240px;
	}

	.menu-toggle {
		display: none;
	}

	.custom-logo {
	    margin-left: 36%;
			margin-top: -4em;
			max-width: 230px;
	}

	.site-header img {
		position: absolute;
		z-index: 1;
	}

	.site-header-menu {
		margin-top: 12em;
		margin-right: auto;
		margin-left: 0;
		width: inherit;
	}

	.main-navigation a {
		font-size: 13pt;
	}

	.main-navigation .primary-menu > li {
		float: left;
	}

	.site-main {
		margin-bottom: 0;
	}

	.site-content {
		padding-bottom: 3em;
	}

	#secondary {
		margin-top: 3em;
	}

	.sidebar {
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 0;
		padding-right: 9%;
	}

.post-thumbnail {
	max-width: 800px;
}

	.entry-content h3 {
		font-size: inherit;
	}

}

@media screen and (min-width: 48.9375em) {
	body:not(.custom-background-image).admin-bar:before {
		top: 0px;
	}
}

@media screen and (min-width: 56.875em) {
	html {
		height: 100%;
	}
	body {
		position: relative;
		min-height: 100%
	}

	.site {
		max-width: 93.5%;
		margin-left: 1.8%;
	}

	.sidebar {
		margin-left: 81%;
		width: 20%;
		width: 178px;
		padding-right: 0;
		padding-left: 6px;
		padding-bottom: 0;
		position: absolute;
		height: 100%;
	}


	#secondary {
		background-image:
			url("/nav/sidebar2020.gif");
		background-repeat: no-repeat;
		background-color: #000000;
		max-width: 192px;
		margin-top: 0;
	}

	.site-header-menu {
		margin-top: 11.25em;
		width: inherit;
	}

	.main-navigation {
		margin: 0 -0.875em;
	}

	.main-navigation a {
		font-size: 14pt;
		padding: 0.65625em 0.825em;
		white-space: nowrap;
	}

	.content-area {
		width: 83%;
		margin-left: 0;
	}

	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.archive-header,
	.page-content,
	.content-bottom-widgets {
		margin-left: 2%;
		margin-right: 2%;
	}


	.site-footer {
		padding: 1.75em 7.6923% 1.75em;
		background-color: #000000;
	}
	.entry-content h3 {
		font-size: inherit;
	}

	#disqus_thread {
		border-radius: 20px;
	}
}



@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-content {
		width: 96%;
	}
	.entry-content h3 {
		font-size: inherit;
		margin-bottom: 0em;
	}
}

@media screen and (min-width: 77em) {
	.site {
		max-width: 1105px;
		margin-left: auto;
		margin-right: auto;
	}
}


/* Individual Page Styling
 * Custom Post Styling
 * Custom Field Styling
*/

.page-id-201 .site {
	background-color: #202020 !important;
	color: #959595;
}

body.category-worldbuilding .site,
body.category-sgblog .site {
	background-color: #ffffff !important;
}

body.category-devoted .site,
.page-id-240 .site {
	background-color: #e5e5e5 !important;
}

.page-id-201 .site-main {
	margin-bottom: 0;
}

.frontpagenews {
	margin-top: 0;
	padding: 25px;
	width: 100%;
	background: #111111 !important;
	border-radius: 10px;
}

.frontpagenews ul li {
	list-style: none;
}

.frontpagenews2,
.mainpagenews {
	display: none;
}

.extraspage {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.extraspage img {
	width: 50%;
	padding: 0px 12px 24px 12px;
	display: inline-block !important;
}

.extraspage a {
	box-shadow: none;
}

.extraspage2 {
	display: inline-block;
	width: 100%;
}

.linkspage {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.linkspage img {
	margin: 0px 5px 5px 5px;
	display: inline-block !important;
}

.linkspage a {
	box-shadow: none;
}

header.page-header {
	margin-bottom: 25px;
}

header.archive-header {
	margin-bottom: 25px;
}

.comic-pages-archive img {
	border: 1px solid #000000;
	margin-top: 3em;
}

.archive-image-1 img {
	margin-top: 0;
}

#secretgalleryentrycontent,
#lettersentrycontent {
	padding-top: 1em;
}

/*#secretgalleryentrycontent .wpb_page_list,
#lettersentrycontent .wpb_page_list {
	margin-left: 2em;
}*/


@media screen and (min-width: 35em) {

	.frontpagenews2 {
		padding: 25px;
		width: 100%;
		background: #111111 !important;
		border-radius: 10px;
		display: inline-block;
	}

	.frontpagenews2 ul li {
		list-style: none;
	}

	.frontpagenews {
		display: none;
	}

	.mainpagenews {
		margin-top: 3em;
		padding: 20px;
		width: 100%;
		background: #111111 !important;
		border-radius: 10px;
		display: inline-block;
	}

	.mainpagenews ul li {
		list-style: none;
	}

}





/* Characters
 * Characters
 * Characters
 */

.single-dotucharacters .entry-title {
	display: none;
}

.single-dotucharacters .site-main {
	padding-top: 4em;
}

.character-subtitle {
	font-family: 'Averia Serif Libre', cursive;
	font-size: 10pt;
	text-transform: uppercase;
	padding: 6px 0px 25px 0px;
	margin-top: -30px;
	margin-bottom: 2em;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
}

.character-description ul li {
	margin-left: 3em;
}

.character-additional {
	margin-top: 4em;
	font-size: 13pt;
}
.character-additional ul li {
	margin-left: 3em;
}

.single-dotucharacters h1 {
	font-size: 24pt !important;
}

.character-description {
	font-size: 13pt;
	padding: 5px;
}

.character-image img {
	border: 15px solid #000000;
	margin-bottom: 0px;
}

.sphere {
	font-weight: bold;
}

.character-quote {
	padding: 30px 30px 10px 30px;
	background-color: #dddddd;
	font-style: italic;
	border-radius: 25px;
	text-align: center;
}

.character-relationships ul {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.character-relationships img{
		border: 3px solid #000000;
}

.archive-characters ul{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.archivegrid-container ul{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.archive-characters img{
	border: 5px solid #000000;
}

.dotucharacters-archive h3 {
	font-family: 'Averia Serif Libre', cursive;
	font-size: 13pt;
	text-transform: uppercase;
	text-align: center;
	margin-top: 4em;
}

.dotucharacters-archive ul li {
	margin: 10px;
}

.archive-characters ul {
	width: 100%;
}

.dotucharacters-archive .page-title {
	display: none;
}



.spotlightcharacters,
.archivegrid,
.display-posts-listing {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	width: 100%
}

.northsphere li,
.southsphere li,
.eastsphere li,
.westsphere li,
.surfacedwellers li {
	width: 33%;
}

.characterunit{
	margin: 10px;
	width: 60%;
}

.archiveunit,
.listingitem {
	margin: 10px;
	width: 80%;
}

.characterunit img {
	width: 100%;
}

.archiveunit img,
#categorypage img {
	width: 100%;
	border: 1px solid #000000;
}

.archiveposttitle {
	font-family: 'Averia Serif Libre', cursive;
	font-size: 12pt;
	text-transform: uppercase;
	text-align: center;
	color: #000000;
}

.characterexcerpt,
.archiveposttitle,
.listing-item a.title {
	display: block;
	text-align: center;
}

.characterexcerpt {
	padding: .5em;
}

.archiveposttitle,
.listing-item a.title {
	font-weight: bold;
}

.listing-item a.title {
	box-shadow: 0 0 0 0;
	padding: 1em 1em 1.5em 1em;
	margin-bottom: 2em;
	border: 1px solid #000000;
	background-color: #dddddd;
}

.archivenav {
	clear: both;
}

.character-relationships ul li {
	margin: 10px;
	width: 26%;
}

.character-relationships h3 {
	margin-left: 10px;
}

.subcatlinks {
	margin: 1em 1em 1em 1em;
}

.sidebar-top-area {
	width: 100%;
	margin-top: 3em;
}

.subcatlinks {
	margin: 1em 1em 1em 2em;
}


.fullwidthwidgetimg {
	width: 100%;
}

.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
	width: 100%;
}

.scrollcomic li {
	margin: 0 0 0 0 !important;
}

.scrollcomic .entry-content {
	margin-left: 0;
	margin-right: 0;
}

/**
 ** MOBILE EPISODES
 **/

.nav-episode-container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 1.5em;
	margin-bottom: 2em;
}

.nav-episode-container img {
	width: 33%;
}

.nav-episode-next img {
	border-left: 2px solid #000000;
}

.nav-episode-prev img {
	border-right: 2px solid #000000;
}

.nav-episode-prev,
.nav-episode-next {
	width: 50%;
}

.nav-episode-prev {
	text-align: left;
}

.nav-episode-next {
	text-align: right;
}

.nav-episode-container span {
	padding-left: 1em;
	padding-right: 1em;
	font-family: 'Averia Serif Libre', cursive;
	text-transform: uppercase;
	font-size: 12px;
}

.nav-episode-container a {
	display: block;
	border: 2px solid #000000;
	background-color: #dddddd;
	color: #000000;
}

.nav-episode-container img,
.archive-episode-container-single img,
.archive-episode-container img {
	opacity: .7;
}

.nav-episode-container a:hover,
.archive-episode-container-single a:hover,
.archive-episode-container a:hover {
	color: #810202;
	background-color: #000000;
}

.nav-episode-container a:hover img,
.archive-episode-container-single a:hover img,
.archive-episode-container a:hover img {
		opacity: 1;
}

.ep-desktop {
	display: none;
}

.archive-episode h2 {
	text-align: center;
}

.archive-episode-container,
.archive-episode-container-single {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 1.5em;
	margin-bottom: 3em;
	width: 90%
	border: 1px solid #000000;
	background-color: #dddddd;
}

.archive-episode-container-single img,
.archive-episode-container img {
	width: 20%;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.archive-episode-container a,
.archive-episode-container-single a {
	display: flex;
	justify-content: left;
	align-items: center;
	color: #000000;
	border: 1px solid #000000;
	width: 100%;
}

.episodeunit {
	display: flex;
	align-items: center;
	justify-content: left;
	flex-wrap: nowrap;
	margin: 0;
	border: 1px solid #000000;
	width: 100%;
}

.episodeposttitle {
	margin-left: .5em;
	font-family: 'Averia Serif Libre', cursive;
	text-transform:uppercase;
	font-size: 10pt;
}

.episode-archive-link a {
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 1.25em;
	text-align: center;
	margin-bottom: 3em;
	border: 2px solid #000000;
	background-color: #dddddd;
	font-family: 'Averia Serif Libre', cursive;
	text-transform:uppercase;
	font-size: 15pt;
	color: #000000;
}

.episode-archive-link a:hover {
	background-color: #000000;
	color: #810202;
}

.scrollcomic p {
	margin-left: 1em;
	margin-right: 1em;
}

.archive-episode .navigation {
	width: 100%;
	margin: 0;
	padding-left: 1em;
	border: 2px solid #000000;
}

.archive-episode .navigation a {
	width: 53px;
	border: 0;
	color: #810202;
}

.archive-episode .nav-links a:hover {
	background-color: #dddddd;
	color: #000000;
}

/*
 * MISC Pages
 */



#patronlist ul {
	margin-left: 50px;
}

.patronlist2 {
  -webkit-column-count: 1; /* Old Chrome, Safari and Opera */
  -moz-column-count: 1; /* Old Firefox */
  column-count: 1;
}

.archive-meta p,
.taxonomy-description p {
	text-align: center;
	margin-top: 1em;
}

.taxonomy-description p {
	font-size: 12pt;
}

.entry-attachment img {
	width: 100%;
}

@media screen and (min-width: 35em) {

	.archive-episode-container-single img,
	.archive-episode-container img {
		width: 15%;
	}

	.archive-episode-container-single,
	.archive-episode-container {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}

	.episodeposttitle {
		margin-left: 1.5em;
		font-family: 'Averia Serif Libre', cursive;
		text-transform:uppercase;
		font-size: 13pt;
	}


}


@media screen and (min-width: 44.375em) {
	.patronlist2 {
  	-webkit-column-count: 3; /* Old Chrome, Safari and Opera */
  	-moz-column-count: 3; /* Old Firefox */
  	column-count: 3;
	}

	.character-subtitle {
		font-size: 14pt;
	}

	.dotucharacters-archive ul li {
		margin: 10px;
	}

	.archive-main-characters ul li {
		width: 25%;
	}

	#archive-sphere-leaders ul li {
		width: 20%;
	}

	#archive-northsphere ul li,
	#archive-eastsphere ul li,
	#archive-southsphere ul li,
	#archive-westsphere ul li,
	#archive-surfacedwellers ul li {
		width: 15%;
	}

	.characterunit {
		margin: 10px 10px 20px 10px;
		width: 40%;
	}

	.archiveunit,
	.listing-item {
		margin: 10px 10px 20px 10px;
		width: 46%;
	}

	.listing-item a.title {
		padding: .75em 1em 1em 1em;
		margin-bottom: 1em;
	}

	.archive-meta p {
		text-align: center;
		margin-top: 1em;
	}

	.pagination {
		margin: 0 7.6923% 4.421052632em 7.6923%;
	}

	.character-relationships ul li {
		margin: 10px;
		width: 15%;
	}

	/*  Show full episode title on desktop
	.ep-desktop {
		display: inline-block;
	}

	.ep-mobile {
		display: none;
	}

	.nav-episode-container span {
		font-size: 13px;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}	*/

	.nav-episode-container span {
		font-size: 17pt;
	}

	.scrollcomic .entry-content {
		margin-left: 4%;
		margin-right: 4%;
	}

	.archive-episode-container-single,
	.archive-episode-container {
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}



}


/*
 * PLUGIN STYLING
 * PLUGIN STYLING
 * PLUGIN STYLING
 * PLUGIN STYLING
 * PLUGIN STYLING
 */

 /*
  * Paid Memberships Pro Styling
  */

#pmpro_account h3 {
	font-size: 20px;
}

#pmpro_account table {
	margin-top: 1em;
}

#pmpro_account thead {
	background-color: #eeeeee;
	border-bottom: 1px solid #000000;
}

#pmpro_account td {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	background-color: #dddddd;
}

#pmpro_account-profile li {
	margin-left: 3em;
}

.pmpro_login_wrap {
	width: 69%;
	margin-left: auto;
	margin-right: auto;
}

.login-submit {
	text-align: center;
}

.pmpro_btn,
.pmpro_btn:link,
.pmpro_content_message a,
.pmpro_content_message a:link {
	background-color: #810202;
	border: 0;
	color: #ffffff;
}

#pmpro_levels .entry-header {
	background-color: #ffffff;
	padding-top: 2em;
}

#pmpro_levels a:hover {
	color: #cccccc;
}

#pmpro_levels .entry-footer a {
	color: #ffffff;
}

.display-posts-pagination {
	text-align: center;
	font-size: 15pt;
	font-family: 'Averia Serif Libre', cursive;
	text-transform: uppercase;
	margin-bottom: 2em;
}

 /*
  * Glossary Styling
  */

	.ln-letters a {
		border: 0px !important;
	}

	.ln-letters a.ln-disabled {
		color: #810202 !important;
	}

	#glossaryList li {
		list-style-type: none;
	}

/*
 * Comic Easel Styling
 */


.comic_navi {
	width: inherit;
	font-family: 'Special Elite', cursive;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 16pt;
	text-align: center;
	align: center;
	background-color: #dddddd;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
}

.comic_navi_center {
	padding: 0;
}

.comic-archive-date {
	display: none;
}

.comic-list {
	line-height: 1;
	display: inline;

}

.comic-archive-chapter,
.comic-archive-series-title h2 {
	font-family: 'Special Elite', cursive;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 12pt;
	padding-top: 1em;
}

.comic-archive-series-description {
	font-family: 'Special Elite', cursive;
	font-size: 12pt;
	line-height: 1.2;
	padding-bottom: 1em;
}

.comic-archive-chapter-description {
	font-family: 'Special Elite', cursive;
	font-size: 12pt;
	line-height: 1.2;
	padding-bottom: 0em;
}

.comic-archive-title {
	font-size: 9pt;
	padding-right: 10px;
}

#chapters-dropdown {
	text-align: center;
}

/*
 * Individual Widget Styling - May Need Changes
 */

 #widget-socialmenu ul li {
	 list-style: none;
 }

 #menu-social-menu-sidebar {
		 margin: 0 0 0 0;
 }

 #widget-socialmenu a {
	 padding-top: 0;
	 margin-left: 0;
	 margin-right: 0;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 box-shadow:inset 0px 1px 3px 0px #000000;
	 background-color:#000000;
	 background-image: url("images/menubuttonbg.png");
	 border-radius:5px;
	 border:1px solid #660000;
	 display:inline-block;
	 color:#797979;
	 font-family: 'Special Elite', cursive;
	 text-transform: uppercase;
	 font-size:15px;
	 padding:14px 14px;
	 width: 60%;
	 text-decoration:none;
	 text-shadow:0px -1px 0px #222222;
 }


	 #widget-socialmenu a:hover {
		 color:#990000;
	 }

#widget-sociallinks {
	margin-left: 15%;
	margin-right: 15%;
	background-color: #000000;
	padding-top: 1em;
	border-radius: 5px;
}

#widget-updates {
	margin-left: 15%;
	margin-right: 15%;
	background-color: #000000;
	margin-top: 0em;
	padding-bottom: 1.75em;
	margin-bottom: 2em;
}

#widget-updates h6 {
	margin-bottom: .5em;
}

#widget-bonuspage {
	margin-left: 15%;
	margin-right: 15%;
	padding-bottom: 1.5em;
	padding-left: 8%;
	padding-right: 8%;
	background-color: #000000;
	background-image: url("images/menubuttonbg.png");
	border:2px solid #000000;
	text-transform: uppercase;
	font-size: 12px;
	box-shadow:inset 0px 1px 2px 0px #555555;
	border-radius: 10px;
}

#widget-ad1 {
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	margin-top: 5em;
	margin-bottom: 4em;
	border:1px solid #000000;
}

#widget-ad2 {
	margin-left: 1%;
	margin-bottom: 1em;
	background-color: #000000;
}

#widget-comicsbuttons {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	padding-top: 0em;
	padding-bottom: 0em;
	background-color: #000000;
	border-radius: 10px;
}

#webtoonlink {
	margin-top: -1em;
}

#archive-quick-link a {
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 15pt;
	padding: 10px;
	border-radius: 5px;
	background-color: #dddddd;
}

.social-quick-link a {
	font-variant: small-caps;
	text-transform: lowercase;
	color: #797979;
	font-size: 12pt;
	padding: 10px;
	line-height: 3;
	border-radius: 5px;
	border: .07em solid;
	background-color: #252525;
}

.social-quick-link a:hover {
	color: #990000;
}

.sidebar-widget-textimage img {
	border: 5px solid #000000;
	max-width: 160px;
	margin-left: auto;
	margin-right: auto;
}

.widget-buttonwithbg {
 background-color: #000000;
 background-image: url("images/menubuttonbg.png");
 border:2px solid #000000;
 box-shadow:inset 0px 1px 2px 0px #555555;
 border-radius: 10px;
 width: 60%;
 margin-left: auto;
 margin-right: auto;
}


@media screen and (min-width: 56.875em) {

	#widget-socialmenu a {
 	 width: 80%;
  }

	#widget-updates {
		padding-bottom: 0;
		margin-top: -3.9em;
		margin-left: 0;
		margin-right: 0;
	}
	#widget-bonuspage {
		margin-top: 9em;
		border-radius: 10px;
	}

	#widget-ad1 {
		width: 80%;
	}

	#widget-comicsbuttons {
		margin-top: 4em;
		margin-bottom: 9em;
	}
	#widget-sociallinks {
		margin-top: -3.5em;
	}

	.widget-buttonwithbg {
	 width: 80%;
	}
}