#wpadminbar { display:none !important;}

/* header font */
#showComic, header, h1, h2, h3, h4, h5 {
  font-family: 'Yukiari'
}

/* body font */
.subPage p, footer, #authorNotes, .archiveTable {
  font-family: 'Open Sans', sans-serif;
  font-size: large;
}


.page-id-74 #left-content .card img
 {
  transition: transform .5s;
  margin:0 auto;
}

.page-id-74 #left-content .card img:hover {
  -ms-transform: scale(1.2);
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Safari 3-8 */
  transform: scale(1.2);
	
}

button{background-color:transparent !important;border:transparent !important;outline:none !important;outline-color:transparent;}
button:hover {background-color:transparent !important;border:transparent !important;outline:none !important;outline-color:transparent;}
.col-lg-4 {margin-bottom: 50px;}

@media only screen and (max-width: 600px) { .popup.open-popup {overflow:auto;}}
@media only screen and (max-width: 600px) { .popup-body-middle {overflow:auto;}}
@media only screen and (max-width: 600px) {.jumbotron {height:118px;}}

.entry-content a.more-link {float:right;font-family:dyno;}

@media only screen and (max-width:600px){article.page, .page article.post {margin-bottom:45px;}}


@media only screen and (min-width:767px){article.page, .page article.post {margin-bottom:100px;}}

@media only screen and (max-width:700px) {.col-7 {max-width:56.3%;}}

#comic .media-body.card {background-color: #333333;}
#comic .card-header.hoverable {background-color:black !important;}

.popup {
 	position:fixed;
  	cursor: pointer;
	background:black;
	visibility:hidden;
}

.open-popup {
	visibility:visible;
	position:fixed;
	background: rgba(15, 15, 15, 0.9) ;
  	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	z-index:7000;
	animation: fadeIn 0.7s ;z-index:250000;
	overflow:auto;
}


.popup-body {
	display: flex;
	row-gap: 12px;
	column-gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}

.popup-body-left {
	display: flex;
	align-self: flex-end;
	flex-direction: column;
	justify-content: end;
	flex: 1;
	height: 100%;
	min-width: 260px;
	max-width: 400px;
	
}

.character-extended-image {
	object-fit: contain;
	min-width: 220px;
	height: 100% !important;
	max-height: 600px;
	flex: 1;
}

.costume-container {
	cursor: default;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	background: #2d2d2d;
	padding: 12px 12px 12px 12px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
}

.costume-thumbnail {
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-inline: 5px;
	width: 113px;
	height: 80px !important;
	object-fit: cover;
	cursor: pointer;
}

.costume-thumbnail:hover {
  box-shadow: 0 0 5px 3px rgba(227, 135, 12, 0.5);
}

.popup-body-middle {
	cursor: default;
	align-self: flex-end;
	height: 340px;
	background: #2d2d2d;
	width: 400px;
	padding: 12px 12px 12px 12px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	overflow: auto;
}

.popup-divider {
	border-top: 1px solid #fff;
	display: block;
}

.popup-content-strict {
	color: #fafafa;
	white-space: pre-wrap;
}

.popup-body-right {
	height: 100%;
}

.closebutton {
	font-size: 2.5rem;
}
.card-body {text-align:center;}
.card {box-shadow: none; !important}