/* header fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* text fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* header/text */
h1, h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

p {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
}

/* page title */
.type-page h1, .type-post h1 {
	margin-top: -15px;
}

/* page padding */
.type-page, .type-post {
	/*padding: 35px 30px;*/
	padding: 30px 30px 35px 30px;
/* default: 15px 15px */
}

/* page title image */
.titleImage {
	padding-top: 20px;
}

/* header widget */
#header-widget-area {
	margin: 10px;
}

/* pages widget */
#navPages {
	margin-bottom: 20px;
}

/* mobile fixes */
@media only screen and (max-width: 750px) {
	/* hide breadcrumbs 
	.breadcrumbs {
		display:none;
	}*/
	
	/* fix nav underline */
	.navbar-default .navbar-nav > .current_page_item > a::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar-default .navbar-nav > li > a:hover::after {
	width: 98%;
	}
}

/* homepage updates */

.og-details a.link-button {
	padding: 9px 10px 9px 10px !important;
}

.flex {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.mobileUpdates {
	display:none;
}

.flex > div {
	margin: 10px;
	width:500px;
	max-width:500px;
	min-width:250px;
	padding-left: 50px;
	padding-right: 50px;
}

.newComics {
	/*border: 1px solid #DEDEDE;*/
	padding: 10px;
	max-width: 500px;
}

.newComics > ul {
	 -webkit-appearance: none;
	 -webkit-list-style: none;
	list-style: url(/wp-content/uploads/2020/11/square-11px.png);
  	padding-left:10px;
}

.newComics > ul > li {
  	padding-left:5px;
}

/*.newComics > ul li::before {
 -webkit-appearance: none;
  content: "\25AA";
  color: #808080;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size: 16px;
}*/

.line {
	width:1px !important;
	min-width:1px !important;
	border: 1px solid lightgray;
	padding: 0px !important;
}

.selectComics {
	/*border: 1px solid #DEDEDE;*/
	padding: 10px;
	max-width: 500px;
}

.selectComics > ul {
	  -webkit-appearance: none;
	  -webkit-list-style: none;
		list-style: url(/wp-content/uploads/2020/11/square-11px.png);
  	padding-left:10px;
}

.selectComics > ul > li {
  	padding-left:5px;
}

/*.selectComics > ul li::before {
 	-webkit-appearance: none;
  content: "\25AA";
  color: #808080;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: 1em;
  font-size: 16px;
}*/

	.owc-sp-active {
		border-bottom: none;
	}
	
	.owc-section-page .owc-sp-open .owc-sp-toggle-arrow {
		color: #808080;
		/*visibility: hidden;*/
	}
	
	/*.owc-section-page .owc-sp-open .owc-sp-toggle-arrow:after {
		visibility: visible;
		content: "\25AA";
	}*/


/* change updates on mobile */
@media only screen and (max-width: 990px /*641px 761px*/) {
	.flex {
		display:none;
		flex-wrap: wrap;
	}
	
	.newComics {
		/*height:216px;
		overflow-y: auto;
		border: 1px solid #DEDEDE;*/
		margin: 0 auto;
	}
	
	.newComics > ul li::before {
  margin-left: 1px;
}
	
	.mobileUpdates {
	display:block;
}
	
	.mobileUpdates > .owc-section-page > .owc-sp-open {
		text-align: center;
	}
	
	.mobileUpdates > .owc-sp-active {
		border-bottom: none;
	}
	
	.mobileUpdates .owc-section-page .owc-sp-open .owc-sp-toggle-arrow {
		color: #808080;
		/*visibility: hidden;*/
	}
	
	/*.mobileUpdates .owc-section-page .owc-sp-open .owc-sp-toggle-arrow:after {
		visibility: visible;
		content: "\25AA";
	}*/
}

@media only screen and (max-width: 1200px) {
	h1, h2, h3 {
		text-align: center;
	}
}

.worksTitle > h2 {
	text-align: center;
}

/*@media only screen and (max-width: 980px) {

}*/

/* test chapters */
	
	.boomshakaTest > .owc-sp-active {
		border-bottom: none;
	}
	
	.boomshakaTest .owc-section-page .owc-sp-open .owc-sp-toggle-arrow {
		color: #808080;
		/*visibility: hidden;*/
	}

	/*.boomshakaTest .owc-section-page .owc-sp-open .owc-sp-toggle-arrow:after {
		visibility: visible;
		content: "\25AA";
		margin-right: 10px;
	}*/


/* Homepage Slider 
.hSLider {
	display:inline-block;
	width: 75%;
}
@media only screen and (max-width: 1500px) {
	.hSlider {
		width: 100%;
	}
}*/


/* Homepage Blog List 
.bList {
	display:inline-block;
	margin-left: 40px;
	border: 1px solid #000;
	padding: 10px;
	box-shadow: 1px 1px;
}*/

/* fix footer */
footer {
	/* margin-top: 10px; */
	float: left;
	clear: none;
	position: relative;
	height: 250px;
}

.footer-above {
	height: 220px;
	max-height: 370px
}

/* social footer  */
main
{
	margin-bottom: 20px;
}

body {
	margin-bottom: 0px !important;
}

.social {
	margin-top: 40px;
	margin-bottom: 20px;
}

.social ul {
		text-align: center !important;
}

/* recent posts */
footer h3 
{
	font-size: 16px;
	text-transform: capitalize;
	text-decoration: underline;
	text-align: center;
	margin-right: 35px
}

.col-md-6 {
	position: static;
}

.col-md-6 ul {
	-webkit-list-style-type: none;
	list-style-type: none;
	text-align: center;
}

.col-md-6 ul li a {
		color: #fff;
		font-size: 13px;
}

.col-md-6 ul li a:hover {
	color: #D71920;
}

#recent-posts-4 > ul > li {
	margin-right: 74px;
}

/* footer screen size */
@media only screen and (max-width: 991px) {
	.col-md-6 ul {
	list-style-type: none;
	text-align: center;
	}
	
	footer h3 {
		text-align: center;
	}
	
	footer {
		height: 340px
	}
	
	.footer-above {
		/*height: 270px;*/
		height:110%;
	}
	
	.social {
		margin-bottom: 35px;
	}
	
}

/* active nav color */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
	color: #D71920;
	background-color: transparent;
	padding-bottom: 15px;
}

/* hover nav color */
 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{
	color: #fff;
	padding-bottom: 15px;
}

/* static nav color */
.navbar-default .navbar-nav > li > a
{
	color: #D7DFDF;
}

/* active underline color */
.navbar-default .navbar-nav > .current_page_item > a::after
{
	background-color: #fff;
}

/* hover underline color */
.navbar-default .navbar-nav > li > a::after 
{
	background-color: #D71920;
}

/* .navbar-default .navbar-nav > .current_page_item > a, .navbar-default .navbar-nav > .current_page_item > a:focus, .navbar-default .navbar-nav > .current_page_item > a:hover
{
	color: #D71920;
} */
/* h2 link color */
h2 a {
	color: #000;
}

h2 a:hover {
	color: #D71920;
}

/* nav dropdown */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	color: #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #D71920;
}

.dropdown-menu > li > a, .dropdown-menu > li > a {
	color: #D7DFDF;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: transparent;
}

.dropdown-menu {
	width: 225px;
}

.navbar-right .dropdown-menu {
	right: 0;
	left: 0;
}

/* mobile nav dropdown color */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
	color: #fff;
	background-color: #D71920;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #D7DFDF;
	background-color: transparent;
}

/* link static color */
a 
{
	color: #6b1a1a;
}

/* link active color */
a:hover, a: active
{
	color: #D71920;
}

/* button static */
.btnMore 
{
	border: 1px solid #6b1a1a;
	background-color: #6b1a1a;
	border-color: #6b1a1a;
}

/* button hover */
.btnMore:hover
{
	background-color: #D71920;
	border-color: #D71920;
	color: #fff;
}

/* social icon static */
footer .social-share li a i
{
	background-color: #D71920;
	color: #fff;
}

/* social icon hover */
footer .social-share li a i:hover
{
	background-color: #fff;
	color: #000;
}


/* mobile nav static */
.navbar-default .navbar-toggle .icon-bar
{
	background-color: #fff;
}

.navbar-default .navbar-toggle
{
	border-color: #D71921;
}

/* mobile nav hover */
.navbar-default .navbar-toggle:hover
{
	background-color: #D71921;	
}

.navbar-default .navbar-toggle:hover .icon-bar 
{
	background-color: #fff;
}

/* mobile nav */
.navbar-toggle
{
	margin-top: 13px;
}

/* NSFW content warning */
#contentwarningimg {
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 0px 1px;
	font-weight: bold;
	display: block;
	width: 300px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -150px;
}

#contentwarningimg > p {
	font-size: 15px;
	padding-top: 10px;
}

#comic {
	position: relative;
	display: block;
}

/* jetpack social fix */
.sd-social-icon .sd-content ul li[class*="share-"] a.sd-button::before {
	top: 0px;
}

/* books */
.bookShelf {
	text-align:center;
	margin-top: 50px;
}

.titleCover{
	display:inline-block;
	vertical-align:top;
	padding: 10px;
	width:400px;
}

.titleCover > h3 {
	text-align: left;
}

.flexShelf {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	width: unset;
	justify-content: center;
}

.flexShelf > div {
	width: 200px;
}

 /* about us */
.aBout {
	margin-bottom: 10px;
}

.aVatar {
	display: inline-block;
	width: 150px;
	height: 150px;
	border: 1px solid black;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bIo {
	display: inline-block;
	text-align: left;
	width: 80%;
	height: auto;
	vertical-align: top;
}

.aBout2 {
	margin-bottom: 20px;
	display: inline-block;
	width: 475px;
}

.aVatar2 {
	display: inline-block;
	width: 150px;
	height: 150px;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bIo2 {
	display: inline-block;
	text-align: left;
	width: 50%;
	height: auto;
	vertical-align: top;
}

.bIo2 strong {
	font-size: 17px;
}




/* comment field */
ol.comment-list .even .vcard {
	background-color: #000;
}

ol.comment-list .odd .vcard
{
	background-color: #6b6f6f;
}

ol.comment-list .even, ol.comment-list .odd  {
    background-color: #fff;
		list-style-type: none;
}

ol.children {
	margin-top: 10px;
}

a.comment-reply-link {
    background-color: #6b1a1a;
    border-color: #6b1a1a;
		padding: 10px;
		font-size: 10px;
}

a.comment-reply-link:hover {
	background-color: #D71920;
	border-color: #D71920;
	transition: all 0.5s;
}

.even .reply, .odd .reply {
	background-color: #fff;
	width: 70px;
}

.reply {
	text-align: left;
}

input#submit {
	background-color: #6b1a1a;
  border-color: #6b1a1a;
}

input#submit:hover {
	background-color: #D71920;
	border-color: #D71920;
	transition: all 0.5s;
}

a.comment-edit-link {
	color: #6b6f6f;
}

a.comment-edit-link:hover {
	color: #000;
	text-decoration: underline;
}

a.comment-reply-link {
	color: #fff;
}

a.comment-reply-link:hover, input#submit:hover {
    color: #D7DFDF;
}

#comments_captcha_field {
	margin-top: 10px;
}

#comments{
	border-top: 1px solid #D3D3D3;
} 

.comment-list {
	border-bottom: 1px solid #d3d3d3;
}

.comment-reply-title {
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

textarea#comment {
		overflow-y: scroll;
    height: 100px;
    resize: none;
}

#comments_captcha_CaptchaDiv.BDC_CaptchaDiv {
	border: 1px solid #d3d3d3;
	height: 52px !important;
}

#respond.comment-respond {
	margin-left: 15px;
}

/* fix "comment" label */
label 
{
	display: block;
}

/* character profiles */
ul.profile {
	list-style-type: disc;
}

.name {
	text-align: center;
}

.image-overlay a {
	background: #000 !important;
}

.image-block {
	border: 1px solid #eee;
}

.portelement .image-block .image-overlay {
    background: #000 !important;
    opacity: 0.1;
		display: block !important;
}

.portelement:hover .image-block  .image-overlay {
    display:block;
    background: none !important;
		opacity: 0;
}

.imgTitle {
	display: none !important;
}

li.pupup-element.active {
	border: 1px solid #eee;
}

/*#huge_it_portfolio_pupup_element_12_child {
	display: none;
}*/

/* arrows */
.left-change > a, .right-change > a {
	opacity: 0;
}

.left-change:hover, .right-change:hover {
	background-color: #eee !important;
}

.left-change {
		background: #FFF url("http://kanmestudios.com/wp-content/uploads/2019/06/arrow1l.png") center !important;
	opacity: 1;
	border-right:1px solid #eee !important;
	border-bottom:1px solid #eee !important;
}

.right-change {
		background:  #FFF url("http://kanmestudios.com/wp-content/uploads/2019/06/arrow1r.png") center !important;
	opacity: 1;
	border-right:1px solid #eee !important;
	border-left:1px solid #eee !important;
	border-bottom:1px solid #eee !important;
}

/* our works */
#huge_it_portfolio_content_3 .og-expander {
	background: #1E1E1E !important;
}

.og-details .infosep {
    border-bottom: 1px solid #fff !important;
}

.og-grid li a figure span {
	text-shadow: none !important;
}

.wd-portfolio-panel_5 .button-block a, .wd-portfolio-panel_5 .button-block a:link, .wd-portfolio-panel_5 .button-block a:visited {
	padding: 6px 12px 6px 10px !important;
	font-weight: bold;
}

.wd-portfolio-panel_12 .button-block a, .wd-portfolio-panel_12 .button-block a:link, .wd-portfolio-panel_12 .button-block a:visited {
	padding: 6px 12px 6px 10px !important;
	font-weight: bold;
}

/* #og-grid li a img {
	border: 1px solid #1E1E1E !important;
	transition: border .15s; 
}

#og-grid li a img:hover {
	border: 1px solid #D71920 !important;
} */

#huge_it_portfolio_content_3 .og-expander ul.elastislide-list li > a > img.selected {
	border: 0px solid #fff !important;
}

/* comics page */
.default-block_5 .title-block_5 {
	background: gray;
	opacity: 1;
}

.portelement_5 .title-block_5 .open-close-button {
    background: url('http://kanmestudios.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat #fff !important;
	right: 46% !important;
}

.portelement_5.large .open-close-button {
    background: url('http://kanmestudios.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat  #fff !important;
}

.default-block_12 .title-block_12 {
	background: gray;
	opacity: 1;
}

.portelement_12 .title-block_12 .open-close-button {
    background: url('http://kanmestudios.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat #fff !important;
	right: 46% !important;
}

.portelement_12.large .open-close-button {
    background: url('http://kanmestudios.com/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat  #fff !important;
}

/* .image-block {
	border: 1px solid black;
} */

/* fan art page */

.bwg_image_description {
	text-align: center;
}

/* test comic list */
.owc-section-page .owc-sp-open {
	padding:10px
}

/* Janto Character Poll */
#ays-poll-container-4 {
	margin-left: auto;
	margin-right: auto;
}


/* job page */

.job > .single-blog-item, .author {
	line-height: 2.4;
	padding: 5px;
}

.job > ul > li {
	list-style-type: square;
}

.job > ul > li > a {
	padding-right: 10px;
}

/* subscribe form */
#mc_signup_submit {
	padding: 10px;
}

.mc_custom_border_hdr {
	margin-bottom: 10px;
}

/* pawesome gatitos profile */

.aboutCats {
	margin-bottom: 20px;
}

.catBio {
	display: inline-block;
	text-align: left;
	width: 80%;
	height: auto;
	vertical-align: top;
}

.cCat {
	display: inline-block;
	width: 150px;
	height: 150px;
	border: 1px solid black;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

.cCat .rCat {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.cCat:hover .rCat{
	display: inline;
	cursor: grab;
}

.inactive {
	text-align: center !important;
	font-weight: bold !important;
	font-size:16px !important;
}