/*
Adding hyphen before dialogues in list form
*/
ul.dialogue {
  list-style-type: none;
}

ul.dialogue li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}
/*
Removing block over the front cover from first page
*/
.showcase
	.entry {display:none;}
/*
Blockquote styling
*/
.blockquote-1:before{border:none;
	opacity:0.2; 
	background-color:#333333;
}
.blockquote-1{border-left:8px solid #333333;
background-color:#d2ceba;
color:#333333;}
/* Another blockquote to be used WITHIN A STORY */
.blockquote-mid {
    position: relative;
    background-color:#d2ceba; 
	color: #000;
}
.blockquote-mid:before{border:none;
border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;}
/* Adding CSS for simple text in MENU */
.no-hover a:hover {
background: transparent;
cursor: default;
}
.no-hover .link-work a:active {
background: transparent;
pointer-events: auto;
cursor: default;
}
.no-hover a:active {
background: transparent;
pointer-events: none;
cursor: default;
}
.menu-primary{
	font-weight:bold;
}
/*Changing mobile MENU to ISSUES*/
.menu-primary .menu-toggle{font-size: 0}

.menu-primary .menu-toggle:after{
      content: "Issues";
      font-size: Small;
 }
/*Highlighting a Menu item (class="highlighted-menu")*/
.highlighted-menu a:after{position:relative;
	color:#cf0519;
	text-decoration:none;
	font-weight:bold;
font-size:small;
margin-left:10px;
	padding:2px;
content:"NEW";
	animation-name: example;
	animation-delay: 2s;
  animation-duration: 20s;
	animation-iteration-count: 10;
	}
@keyframes example {
  0%   {background-color: #ddd9c4;}
  50%  {background-color: yellow;}
  100% {background-color: #ddd9c4;}
}
/*Changing Front Menu Item Hover And ACTIVE Behavior*/
.menu-secondary a{text-decoration:none;}
.menu-secondary a:hover{text-decoration:none;
font-weight:bold;}
/*Verse Bolck*/
.the-content
	.wp-block-verse{
		background-color: transparent;
		color: black;
		white-space: pre-wrap;       	 white-space: -moz-pre-wrap;  		white-space: -pre-wrap;     
		white-space: -o-pre-wrap;    		 word-wrap: break-word;
  
}
/*Replace tag term with post-related-to in tag-archive pages*/
.tag
.entry-archive-title span{visibility: hidden;
    position: relative;}
.tag:not(.tag-content):not(.tag-featured)
.entry-archive-title
span:after{visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Posts related to";}
/*change heading from tag-content archive pages*/
.tag.tag-content
.entry-archive-title, .tag.tag-featured
.entry-archive-title {visibility: hidden;
    position: relative;}
.tag.tag-content
.entry-archive-title:after, .tag.tag-featured
.entry-archive-title:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Archive";
}
/*SUBMIT page changes*/
     /*colm color*/
.colm-color p{background-color:#f7f7ce}
/*SUBMIT page changes*/
	/*rules tab at top for mob*/
#notforpc{color:black}
@media (min-width:650px){
	#for-mobile{display:none;}}
/*Hide footer credits*/
.footer-wrap
{visibility:hidden;}

#infinite-footer
{visibility:hidden;}
/*Creat Self-defined Footer*/
.footer-ig{background-color:#fffc8c;}
.footer-ig
nav:before{position:relative;
font-weight:bold;
font-size:small;
content:"FIND US ON"}

/*Shop Menu*/
.ig-menu
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
.ig-menu
li {
  float: left;
}
.ig-menu
li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.ig-menu
li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
.ig-menu
li.dropdown {
  display: inline-block;
}
.ig-menu
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.ig-menu
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.ig-menu
.dropdown-content a:hover {background-color: #f1f1f1;}
.ig-menu
.dropdown:hover .dropdown-content {
  display: block;
}
/*blank-slate padding*/
.page-template-blank-slate-template {padding:20px;}

/********** Contact Form 7 Style *************/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    outline:none;
    display:block;
   max-width:380px;
    padding:4px 8px;
    border:1px dashed #DBDBDB;
    color:#3F3F3F;
    font-family:'Droid Sans', Tahoma, Arial, Verdana sans-serif;
    font-size:14px;
    /*border-radius*/
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    /*transition*/
    -webkit-transition:background 0.2s linear, box-shadow 0.6s linear;
    -moz-transition:background 0.2s linear, box-shadow 0.6s linear;
    -o-transition:background 0.2s linear, box-shadow 0.6s linear;
    transition:background 0.2s linear, box-shadow 0.6s linear;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}

div#wpcf7-f201-p203-o1{ 
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
#wpcf7-f201-p203-o1 input[type="text"],
#wpcf7-f201-p203-o1 input[type="email"],
#wpcf7-f201-p203-o1 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, "Open Sans", sans-serif; 
font-style:italic;    
}
#wpcf7-f201-p203-o1 input[type="submit"],
#wpcf7-f201-p203-o1 input[type="button"] { 
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}



div.wpcf7 {
    position: relative;
   max-width: 440px;
	z-index: 100;
    padding: 30px !important;
    border: 1px solid #383838;
    background: #D1D1D1;
    background: -moz-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
    background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
    background: -o-repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
    background: repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px, #F2F2F2 70px, #F2F2F2 80px);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 6px #3F3F3F;
    -moz-box-shadow: 0px 1px 6px #3F3F3F;
    box-shadow: 0px 1px 6px #3F3F3F;
}

 div.wpcf7:after {
    background:#F9F9F9;
    margin:10px;
    position: absolute;
    content :" ";
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    border:1px #E5E5E5 solid;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}

 input[type=submit] {
    cursor:pointer;
    /*background:none;*/
    /*border:none;*/
    font-family:'Alice', serif;
    color:#767676;
    font-size:18px;
    padding:10px 4px;
    border:1px solid #E0E0E0;
    text-shadow: 0px 1px 1px #E8E8E8;
    background: rgb(247, 247, 247);
    background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 1%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 1%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 1%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 1%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(top, rgba(247, 247, 247, 1) 1%, rgba(242, 242, 242, 1) 100%);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;
    -moz-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;
    box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
input[type=submit]:hover {
    color:#686868;
    border-color: #CECECE;
    background: rgb(244, 244, 244);
    background: -moz-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 244, 244, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(top, rgba(244, 244, 244, 1) 0%, rgba(242, 242, 242, 1) 100%);
    -webkit-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
    -moz-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
    box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
}
input[type=submit]:active, input[type=submit]:focus {
    position:relative;
    top:1px;
    color:#515151;
    background: rgb(234, 234, 234);
    background: -moz-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 234, 234, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(top, rgba(234, 234, 234, 1) 0%, rgba(242, 242, 242, 1) 100%);
    -webkit-box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
    -moz-box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
    box-shadow:0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
}
.category-graphic-novel .entry 
{padding:5px}
/*Change to default justify*/
p{text-align:justify}
/*storyboard-button design*/
.storyboard-button-right{position:fixed; top:10; right:0;}
.storyboard-button-left{position:fixed; top:10; left:0;}
.storyboard-button
{font-size:28px; font-weight:bold; padding: 5px; background-color:black; opacity:0.4; z-index:3;}
.storyboard-button:hover
{opacity:1;}
/*storyboard footer & query footer hide*/
.page-id-6668 .footer-ig, .page-id-5062 .footer-ig{display:none}