/** plugin: Better Grid View - Dead Characters #1.1 code **/
div[data-dead="true"]{
    border-color: #484848;
    border-width: .35em;
 }

.entity.block[data-dead="true"] a{
  filter: grayscale(100%);
 }

/** plugin: Horizontal Timelines #2.3 code **/
/* BEGIN Salvatos Horizontal Timeline */
@media (min-width:768px) {
	/* Set vars */
	.kanka-tag-horizontaltimeline {
		--sht-spine-color: #4494c4;
		--sht-spine-width: 5px;
		--sht-gutter: transparent;
		--sht-slider: #4494c4;
		--sht-marker-bg: var(--timeline-element-border); /* replace default grey markers, e.g. var(--sht-gutter) */
		--sht-marker-color: inherit; /* replace default grey markers */
		--sht-min-width: 300px;
		--sht-ideal-width: 15vw;
		--sht-max-width: 600px;
		--sht-hide-description: block; /* none|block */
	}
	/* UL as grid, flipped for scrollbar at the top */
	.kanka-tag-horizontaltimeline ul.timeline {
		display: grid;
		grid-auto-flow: column;
		justify-content: start;
		transform: rotateX(180deg);
		overflow-x: auto;
		scrollbar-color: var(--sht-slider) var(--sht-gutter);
		padding-bottom: 15px;
		margin: 0;
	}
	.kanka-tag-horizontaltimeline ul.timeline::before {
		content: unset;
	}
	/* LI sizing and timeline spine, content reflipped for scrollbar hack */
	.kanka-tag-horizontaltimeline li[id|="timeline-element"] {
		transform: rotateX(180deg);
		width: clamp(var(--sht-min-width), var(--sht-ideal-width), var(--sht-max-width));
		margin-right: 0;
		margin-bottom: 0;
		border-top: var(--sht-spine-width) solid var(--sht-spine-color);
	}
	/* Branch from spine to event marker */
	.kanka-tag-horizontaltimeline li[id|="timeline-element"]::before {
		display: block;
		position: absolute;
		left: 50%; /* centered? */
		left: 18px;
		top: 0px;
		width: 3px;
		height: 20px;
		background: var(--sht-spine-color);
	}
	/* Element marker position and style */
	.kanka-tag-horizontaltimeline li[id|="timeline-element"] > i {
		left: calc(50% - 13px); /* centered? */
		left: 5px;
		top: 15px;
		background-color: var(--sht-marker-bg);
		color: var(--sht-marker-color);
	}
	/* Date position and style */
	.kanka-tag-horizontaltimeline li[id|="timeline-element"] .timeline-item-head .text-neutral-content {
		position: absolute;
		top: -30px;
		left: 45px;
	}
	/* Timeline element styling */
	.kanka-tag-horizontaltimeline li[id|="timeline-element"] > .timeline-item {
		margin-top: 50px;
		margin-left: 0px;
	}
	/* Hide description if desired */
	.kanka-tag-horizontaltimeline .timeline-item-body:not(.hidden) {
		display: var(--sht-hide-description);
	}
	
	/* Get rid of right sidebar */
	.kanka-tag-horizontaltimeline .entity-sidebar {
		display: none;
	}
	.kanka-tag-horizontaltimeline .entity-main-block {
		grid-column: 2/span 2;
	}
  	/* Restrict dropdown to element’s width, because the transforms mess with the stacking context */
	.kanka-tag-horizontaltimeline .timeline-item .dropdown-menu {
		left: 0;
		right: unset;
		float: unset;
		max-width: 100%;
	}
	.kanka-tag-horizontaltimeline .timeline-item .dropdown-menu > li > a {
		white-space: normal;
	}
	/* Webkit scrollbar patch */
	.kanka-tag-horizontaltimeline ul.timeline::-webkit-scrollbar {
		background-color: var(--sht-gutter);
	}
	.kanka-tag-horizontaltimeline ul.timeline::-webkit-scrollbar-thumb {
		background-color: var(--sht-slider);
	}
}
/* END Salvatos Horizontal Timeline */