/*!
Theme Name: Carton Customized
Theme URL: https://mistyffiction.com
Description: Child Theme of Carton
Author: Misty F
template: carton
Version: 1.0.0
Text Domain: carton-child

Custom CSS goes after this line. */ 


.character-name{
	margin-bottom: 0px;
}

.meta {
	display: flex;
}

.meta-box {
	padding: 2px;
}

.character_profile .meta-box span {
	font-size: 1.15rem;
}

.character_profile .meta-box p{
	margin: 0px;
	padding-top: 0px;
}

.character_profile blockquote {
	border: 1px dotted black;
	border-left: 6px solid grey;
}

.appearance-box {
	width: 35%;
	border: 2px solid black;
	box-shadow: 5px 4px 0px rgba(25,0,25,.25)
}

.appearances {
	display: flex;
}

.appearance-header .rating {
	float:left;
	margin-right: .5rem;
	width: 23%;
}

.appearance-header .appearance-title {
	font-size: 1.4rem;
	line-height: 3rem;
	font-weight: bolder;
	padding-bottom: .5rem;
	border-bottom: 3px solid black;
}

.appearance-box p {
	text-align: justify;
	margin: 1rem .75rem;
}

/*-------------------------------*/
/*--Sidebar----------------------*/
/*-------------------------------*/

#secondary{
	float:left;
	width: 15%;
}
#primary{
	padding: 0px;
	width: 80%;
	margin-left: 15%;
}


	/*--Header-------------------*/
		#site-title {
			display: none;
		}

		#site-description {
			display: none;
		}
	/*--/Header-------------------*/

	/*--Nav Menu------------------*/
		#sidebar-one{
			padding-top: 1em;
		}

		#header {
			border-bottom: #202 solid 1px;
		}

		#site-navigation {
			padding: .5em 0 .25em;
		}

		#menu-all-stories .menu-item:nth-child(1):hover, #menu-all-stories .menu-item:nth-child(1):active{
			border-bottom: 1px solid #202;
		}

		#menu-all-stories .menu-item:nth-last-child(1):hover  {
			border-top: 1px solid #202;
			border-bottom:0px;
		}
		
		#menu-all-stories .sub-menu {
			display: none;
			position: absolute;
			background-color: #fdf;
			min-width: 160px;
			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			border: 2px solid #202;
			z-index: 1;
		}
		
		#menu-all-stories .menu-item-has-children:hover .sub-menu {
			display: block;
		}
		
		.menu-item {
			margin-left: 15px;
			width: 75%;
		}

		.menu-item:nth-child(n+2):hover{
			border-top: 1px solid #202;
			border-bottom: 1px solid #202;
		}

		li.menu-item-has-children:hover a{
			color: #fdf;
			background: #202;
		}

		.menu-item-has-children:hover li a{
			color: black;
			background: transparent;
		}

		.menu-item-has-children:hover ul{
			position: relative;
			display: inline-block;
		}

		.sub-menu li {
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}

		.menu-all-stories-container {
			margin-top: 5px;
			padding-top: 5px;
			border-top: 1px #202 solid;
			margin-bottom: -1.5em;
		}
	/*--/Nav Menu----------------*/

	/*--Search Button------------*/
		form[role="search"] input.search-submit {
			margin-top: 3px;
			float: right;
			background-color: #404;
			color: #fdf;
		}

		form.search-form{
			margin-top: -1.2em;
		}

		form.search-form br{
			display: none;
		}

		input.search-submit{
			margin-top: 3px;
			float: right;
		}
	/*--/Search Button-----------*/

/*--/Sidebar---------------------*/

/*-------------------------------*/
/*--Front Page-------------------*/
/*-------------------------------*/

	/*--Preview Boxes------------*/
		.alm-listing article{
			margin-bottom:10px;
		}

		.rt-reading-time .rt-label:not(.rt-postfix) {
			font-weight: 600;
		}

		.attachment-alm-thumbnail{
			float: left;
			margin-top: -20px;
			margin-right: 20px;
		}

		.rating-nsfw span.tropes a {
			color: #500;
			font-size: .9em;
		}

		.rating-psfw span.tropes a {
			color: #505;
			font-size: .9em;
		}

		.rating-sfw span.tropes a {
			color: #005;
			font-size: .9em;
		}

		.teaser-a{
			font-size: 1.15em;
		}

		#boxes .entry-content img {
			float: left;
			max-height: 35%;
			max-width: 35%;
		}

		#boxes article {
			box-shadow: 5px 4px 0px rgba(25,0,25,.25)
		}
		
@media only screen and (min-width: 1280px){
	#primary #boxes img{
				display:block;
				max-height: 6rem;
				max-width: 6rem;
			}
	body {
		font-size: 75%;
	}
}

		@media only screen and (max-width: 1280px) {
			#primary #boxes article{
				box-shadow: 3px 2px 0px rgba(0,0,255,.25);
				font-size: 75% !important
			}
			#primary #boxes img{
				display:none;
			}
			#primary #boxes article .setting-meta a {
				font-size: .8rem;
			}
			
			#primary #boxes article .tropes{
				font-size: .65rem;
			}
			
			.rt-reading-time {
				font-size: 12px;
				float: right;
				margin-left:8px;
			}
		}

@media only screen and (max-width:1080px){
	body {
	font-size: 70%;	
	}
}

	/*--/Preview Boxes------------*/

/*--/Front Page-------------------*/

/*--Blog Page--*/
div[data-category="non-story"] article {
    width: 49%;
    height: 325px;
    display:flex;
    padding-top: 35px;
	box-shadow: 0 7px 13px #dfdfdf;
}

div[data-category="non-story"] article:nth-child(even){
    margin-left: 18px;
    padding-right: 10px;
}

.alm-load-more-btn[disabled]{
	display:none;
}

/*--------------------------------*/
/*--Story Formatting--------------*/
/*--------------------------------*/
	article {
		width: 87%;
	}

	/*---Header-------------------*/
	h2.entry-title.taggedlink{
		margin-top: .15em;
		margin-bottom: .05em;
	}

	.story-title{
		float:left;
		padding-right: 1%;
	}

	.single span.setting-name a{
		border-bottom: 1px dotted #888;
		margin-bottom: 0px;
		font-size: .9em;
		color: #888;
	}

	.setting-name {
	}

	.entry-meta {
		margin: 0;
		clear: both;
	}

	.setting-meta{
	}

	.date-meta a{
		float:right;
		border-bottom: 1px dotted;
	}

	.disclaimer{
		font-size: 1.1em;
		font-style: italic;
	}

	h3.disclaimer a{
		color: #828;
	}
	/*--/End Header--------------*/

	/*--AR code------------------*/
	.category-augmented 
	.existing {
		background-color: #dff; 
	}

	.category-augmented
	.line:nth-child(even){
		background-color: aliceblue;
		z-index: 1;
	}

	.category-augmented
	.existing:nth-child(odd){
		background-color: #fdd;
	}

	.category-augmented
	.existing:nth-child(even){
		background-color: #dfd;
	}

	.category-augmented 
	.replaced {
	  display: none;
	}

	.category-augmented 
	.new {
	  visibility: hidden;
	  font-size: 0px;
		float: left;
	  z-index:-99;
	}
	.category-augmented 
	.added-bold {
	  float:none;
		font-weight: 900;
	  }

	.category-augmented 
	.added {
		color: #828;
		font-weight: 400;
	}

	a.hint:hover{
		display: none;
	}

	a.replace:hover{
		display:block;
	}
	/*--/AR Code-----------------*/

	/*--Tool Tips----------------*/
		.tooltip {
			position: relative;
			border-bottom: 1px dotted #202;
		}

	.tooltip-text:before{
		content: "Misty's Note: ";
	}

	.tooltip-text {
		font-size: 80%;
		font-style:	italic;
		visibility: hidden;
	  max-width: 750px;
		min-width: 250px;
	  background-color: #202;
	  color: #faf;
	  text-align: left;
	  padding: 1%;
		border-radius: 6px;
		text-indent: initial;
	  position: absolute;
	  z-index: 1;
	}

	.tooltip:hover .tooltip-text{
		visibility: visible;
		top: -5px;
	  left: 105%; 
	}
	/*--/Tooltips----------------*/

	/*--Inter-page titles--------*/
		.ch-title:before{ 
			display:block;
		  content: " "; 
		  margin-top: -2em; 
		  height: 2em; 
		  visibility: hidden; 
		  pointer-events: none;
		}

		.ch-title{
			font-size: 120%;
		}

		.ch-num{
			color: #626;
		}

		.ch-nav {
			font-size: 65%;
			opacity: .7;
		}

		.ch-next {
			float: right;
			font-size: 110%;
			opacity: .7;
		}

		div.entry-content hr {
			width: 15%;
		}
	/*--/Inter-page Titles-------*/

@media (max-width:1080px) {
    div#secondary {
        min-width: 20%
    }
	
    #text-4 {
        display: none;
    }
	
    div#primary {
        margin-left: 22%;
    }
  article.masonry:first-child,  
	article.masonry {
		margin-left: .5vw;
        max-width: 75%;
    }
}

	/*--Suggested Meta-----------*/
		/*--1280px or less-------*/
		@media only screen and (max-width: 1280px) {
			.suggested-meta{
				min-width: 225px;
				vertical-align: top;
			}

			.suggested-tax-header{
				padding-bottom: 5px;
				margin-top: -3px;
				border-bottom: 1px solid #202;
			}

			ul.two-columns{
				columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
			}

			.suggested-tax-items a{
				border-bottom: 1px #202 dotted;
				color: #202;
				font-size: 85%;
			}	
		}
		/*--/1280px or less------*/
	
		/*--1281px or more-------*/
		.suggested-meta{
			min-width: 225px;
			vertical-align: top;
		}

		.suggested-tax-header{
			padding-bottom: 5px;
			margin-top: -3px;
			border-bottom: 1px solid #202;
		}

		ul.two-columns{
			columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;
		}

		.suggested-tax-items a{
			border-bottom: 1px #202 dotted;
			color: #202;
			font-size: 85%;
		}
		/*--/1281px or more------*/
	/*--/Suggested Meta----------*/
/*--/Story Formatting------------*/

/*-------------------------------*/
/*--Story Index------------------*/
/*-------------------------------*/
	#post-467 {
		background-color: rgba(255,255, 255,.33);
		border-top: 0px;
	}

	#story-list .story {
		margin-bottom: .375em;
		margin-top: .375em;
		background-color: rgba(255,235,255,.5);
		transition: all 1s ease-in-out;
	}

	.revealed-story {
		height: auto;
		opacity: 1;
		transition: all 2s ease-in-out;
	}

	#story-list .hidden-story {
	  margin: 0% auto !important;
		height: 0px !important;
		overflow:hidden;
		opacity: 0;
	  border: rgba(255,235,255,.5) !important;
	}

	#story-list .story.status-draft {
		opacity: .33;
		border: 0px !important;
		box-shadow: 0 0 0 !important;
	}

	#story-list .story .story-item {
		padding-left: 1vw;
		padding-right: 1vw;
		padding-bottom: .6em;
	}

	#story-list div.rating-nsfw {
		box-shadow: 4px 4px 5px rgba(125,40,40,0.2);
		border-left: 5px solid rgba(255,80,80,0.5) !important;
		border: 2px solid rgba(255,80,80,0.33);
		background-color: rgba(220,185,185,.1) !important;
	}

	#story-list div.rating-nsfw a {
		color: #922;
	}

	#story-list div.rating-psfw {
		box-shadow: 4px 4px 5px rgba(125,20,125,0.2);
		border-left: 5px solid rgba(200,40,200,.3) !important;
		border: 2px solid rgba(200,40,200,.3);
		background-color: rgba(220,185,220,.1) !important;}

	#story-list div.rating-psfw a{
		color: #929;
	}

	#story-list div.rating-sfw {
		box-shadow: 2px 2px 6px rgba(0,40,125,0.3);
		border-left: 5px solid rgba(00,140,255,.33) !important;
		border: 2px solid rgba(10,140,255,.3);
		background-color: rgba(185,185,220,.1) !important;
	}

	#story-list div.rating-sfw a{
		color: rgba(40,80,255,.9);
	}

	#story-list div.story strong{
		font-size: 110%;
	}

	#story-list a img:first-child{
		margin-left: 4px;
		margin-right: 0px;
		margin-bottom: 4px;
	}
/*--/Story Index----------*/

/*--Site-Wide Configs-----*/
body {
	text-shadow: 0 0 1px #626;
}

body.basic {
	color: #202;
}

#primary{
	padding-top: 10px;
	width: 95%;
}

.more-link-p {
	display:none;
}

a[target='_blank']::after {
	content: '\29C9';
}

/*--/Site-Wide Configs----*/

.entry-meta .published {
	font-size: 1.25em;
	float: right;
}

article.masonry:first-child img{
	height: 23%;
	width: 23%;
}

.masonry .excerpt{
	padding-top: 1.5em;
}

article.masonry:first-child .excerpt{
	padding-top: 1.5em;
}

article .entry-title{
	color: #202;
	padding-bottom: .2em;
}

article.masonry .entry-title{
	font-size: 200%;
}

article.masonry:first-child .entry-title{
	font-size: 200%;
	padding-bottom: .2em;
}

article.post.masonry {
  border: 2px solid hsla(0, 0%, 0%, 0.5);
}

article.post.rating-nsfw {
	border-color: #fbb;
	border-top-width: 4px;
}

article.masonry.rating-nsfw {
	background: #fee;
}

article.masonry.rating-nsfw blockquote {
	
}

.alm-listing .rating-nsfw{
	border-color: #dbd;
	border-top-width: 4px;
	background: #fee;
}

article.post.rating-psfw {
	border-color: #dbd;
	border-top-width: 4px;
}

.alm-listing .rating-psfw{
	border-color: #dbd;
	border-top-width: 4px;
	background: #fef;
}

article.masonry.rating-psfw {
	background: #fef;
}

article.post.rating-sfw {
	border-color: #ace;
	border-top-width: 4px;
}

article.masonry.rating-sfw {
	background: #eef;
}

.alm-listing .rating-sfw,
.appearance-entry.rating-sfw {
	border-color: #ace;
	border-top-width: 4px;
	background: #eef;
}

article.masonry.category-non-story {
	background: #f6f6f6;
}

acticle.masonry.category-non-story{
	border-color: #00ccbd;
	border-width: 1px;
}

p.rating {
	padding-bottom: 6px;
	margin-bottom: -6px;
	border-bottom: 3px solid #eef;
}

body.single-post div.entry-content {
	padding-right: 2%;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

body.single-post div.entry-content p {
	text-indent: 1rem;
	text-align: justify;
}

body.single-post hgroup {
	margin-left: -.75%;
	margin-right: -.7%
}

@media (max-width: 20em) {
	body.single-post .entry-title{
		font-size: 135%;
	}
	
	body.single-post .setting-name{
		padding-bottom: 6px;
	}
	
	body.single-post .disclaimer {
		display: none;
	}
}

#target {
   position: relative;
   border-top: 52px solid transparent;
	background-color: #979;
   margin: -30px 0 0;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
}

#target:before {
   content: "Test";
   position: absolute;
   top: -2px;
   left: 0;
   right: 0;
   border-top: 2px solid #ccc;
}

.appearance-container {
    display: grid;
    grid-template-columns: auto;
		gap: 15px;
}

.appearance-entry{
	display: grid;
	grid-row: 1;
}

.appearance-preview {
	margin: 0px 15px;
	text-align: justify;
}

.appearance-title {
	padding-left: 10px;
}