/** plugin: DnD5 Condition Tooltips #2.1 fonts **/
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro:wght@500&family=Libre+Baskerville&display=swap');

/** plugin: Calligraphic Headings V2 #1.0 fonts **/
@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');

/** plugin: Elegant Music Embeds #2.0 code **/
video, audio, iframe, embed{
  height:85px;
  width: 100%;
}

/** plugin: Bolder Names! #4.0 code **/
entity-title entity-header-line{
   color: black;
    font-weight: bold;

}

.entity-grid>.entity-header.with-entity-banner .entity-name,.entity-grid>.entity-header.with-entity-banner .entity-title {
text-shadow:-0.6px -0.6px 0 #e7caca, 0.6px -0.6px 0 #e7caca, -0.6px 0.6px 0 #e7caca, 0.6px 0.6px 0 #e7caca;
       color: black;
    font-weight: 700;
    font-size: 1.2em;
    font-variant: small-caps;  
}
.entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
.entity-grid>.entity-header.with-entity-banner .entity-icons {   
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
 	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub {  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub a {
  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
  	color: black;
    text-decoration: underline;
	font-weight: bolder;
}

/* Breadcrumbs */
#main-content > section > div > div.entity-header.pb-5.flex.flex-wrap > div.entity-header-text.flex.flex-col > div.entity-texts > ol > li:nth-child(1) > a{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
 }

.entity-header .entity-breadcrumb li+li:before
{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
}

.entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-name, .entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-title{
font-size: 3.0em;
color: black;
font-weight: 700;
font-family: Eagle Lake;
font-variant: small-caps;
text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
}


.badge{
  color: hsl(var(--bc)/var(--tw-text-opacity))
}

.entity-header-text a:not(.btn):not(.btn2) {
    text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  color: black!important;
}

/** plugin: Map Sidebar Optimization #5 code **/
/* BEGIN Map Sidebar Optimization by Salvatos */
#map-body {
	--map-sidebar-text-align: justify;
	--map-sidebar-hyphenate: manual;
	--map-sidebar-font-size: 15px; /* Ideal for Source Sans Pro */
	--map-sidebar-scrollbar-track-color: auto;
	--map-sidebar-scrollbar-slider-color: auto;
	--map-sidebar-scrollbar-width: thin;

	/* Legend spacing */
	#sidebar-map {
		.marker-actions {
			padding-block: 1em;
		}
		.map-legend:not(:last-child) {
			padding: 0 10px;
		}
	}
	/* Get rid of empty space between title and Edit button 
		when the map has no entry */
	.marker-header + .marker-entry:not(:has(p, li, img, div, table)) {
		display: none;
	}

	/* Sticky Back/Remove button */
	.map-legend:last-child,
	.marker-header ~ div .marker-actions {
		position: sticky;
		bottom: 0px;
		margin: 0;
		padding: 10px 0px;
		background: var(--sidebar-background, hsl(var(--si)));
		border-top-left-radius: unset;
    	border-top-right-radius: unset;
	}
	.marker-header + .gap-3 {
		gap: unset;
	}
	.marker-tags {
		margin-bottom: .5rem;
	}

	/* Marker text alignment */
	:is(.sidebar, #map-marker-modal) .entity-content :is(p, li) {
		text-align: var(--map-sidebar-text-align);
		hyphens: var(--map-sidebar-hyphenate);
		font-size: var(--map-sidebar-font-size);
	}

	/* Separate marker text and entity entry with a horizontal line
	rather than the default "From entity" header */
	.marker-custom-entry {
		padding-bottom: 10px;
	}
	.marker-custom-entry ~ .marker-entity-entry {
		border-top: 2px solid #eee;
		padding-top: 10px;
	}
	/* mobile modal */ 
	.marker-entry ~ .marker-entry {
		border-top: 1px solid #bbb;
		padding-top: 10px;
	}
	.marker-custom-entry + .marker-entity-entry {
		display: none;
	}

	/* Scrollbar width and colors */
	:is(#sidebar-content, #map-marker-modal article) {
		scrollbar-width: var(--map-sidebar-scrollbar-width);
		scrollbar-color: var(--map-sidebar-scrollbar-slider-color) var(--map-sidebar-scrollbar-track-color);
	}
	/* Webkit patch */
	:is(#sidebar-content, #map-marker-modal article)::-webkit-scrollbar {
		background-color: var(--map-sidebar-scrollbar-track-color);
	}
	:is(#sidebar-content, #map-marker-modal article)::-webkit-scrollbar-thumb {
		background-color: var(--map-sidebar-scrollbar-slider-color);
	}

	/* Prevent scrollbar in main pane */
	@media (min-width:768px) {
		#sidebar-map, .main-sidebar {
			max-height: calc(100vh - 3.1rem);
		}
	}
}
/* END Map Sidebar Optimization by Salvatos */

/** plugin: Hide Campaign Header #1.0 code **/
/* Hide campaign header while keeping action bar */
.campaign-header.campaign-imaged-header {
    height: 0;
    padding: 0;
    margin: 0 0 70px 0;
    visibility: hidden;
   backdrop-filter: unset;
}
.campaign-header.campaign-imaged-header .campaign-header-content {
   backdrop-filter: unset;
}
.campaign-header .action-bar {
    visibility: visible;
}

/** plugin: DnD5 Condition Tooltips #2.1 code **/
/* BEGIN DnD5 Condition Tooltips by Salvatos */
/** Style outer container (requires :has) **/
/* Background */
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box {
	background: url(https://cdn-ugc.kanka.io/entities/files/OnfHKKTT4rtOeeQZLHwv1ddpZtKMJbykZ52WUwsg.jpg), #dbcbae;
	padding: 5px 8px;
}
/* Border and arrow */
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box {
	padding: 0;
	border: 3px solid #333;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="bottom"]>.tippy-arrow:before {
	border-bottom-color: #333;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="top"]>.tippy-arrow:before {
	border-top-color: #333;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="left"]>.tippy-arrow:before {
	border-left-color: #333;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="right"]>.tippy-arrow:before {
	border-right-color: #333;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="top"] > .tippy-arrow {
	bottom: -1px;
}
body:has(a.entity-mention[data-entity-tags~="dd5condition"][aria-expanded="true"]) .tippy-box[data-placement^="bottom"] > .tippy-arrow {
	top: -1px;
}
/* Fallback for :has */
@supports not (body:has(a.entity-mention)) {
	.tooltip-content.kanka-tag-dd5condition {
		background: url(https://cdn-ugc.kanka.io/entities/files/OnfHKKTT4rtOeeQZLHwv1ddpZtKMJbykZ52WUwsg.jpg), #dbcbae;
		padding: 5px 8px;
		border-radius: 3px;
	}
}

/** Style inner container **/
/* Style name */
.tooltip-content.kanka-tag-dd5condition .entity-name {
	font-family: "Andada Pro", serif;
	font-variant: small-caps;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	color: #a4280b;
}
/* Hide tags*/
.tooltip-content.kanka-tag-dd5condition .tooltip-tags {
	display: none;
}
/* Style paragraphs: mimic list items, which are not parsed in tooltips */
.tooltip-content.kanka-tag-dd5condition p::before {
	content: "• ";
}
.tooltip-content.kanka-tag-dd5condition p {
	font-family: "Libre Baskerville", sans-serif;
	font-size: 12px;
	color: #111;
	margin-bottom: 5px;
  	hyphens: auto;
}
/* Tooltip definitions */
.tooltip-content.kanka-tag-dd5condition p a[title] {
	text-decoration: underline dotted;
	font-style: italic;
	color: inherit;
	font-family: inherit;
}
/* Exceptions for Exhaustion */
.tooltip-content.kanka-tag-dd5condition .exhaustion p:first-child::before {
	content: "";
}
.tooltip-content.kanka-tag-dd5condition tr:not(:last-child) {
	border-bottom: 1px dotted #777
}
.tooltip-content.kanka-tag-dd5condition table {
	font-family: "Libre Baskerville", sans-serif;
	font-size: 12px;
	color: #111;
	vertical-align: baseline;
  	margin-bottom: 5px;
}
.tooltip-content.kanka-tag-dd5condition td {
	padding-left: 5px;
}
.tooltip-content.kanka-tag-dd5condition th {
	padding-inline: 2px 5px;
	border-right: 1px dotted #777;
	font-weight: normal;
}
/* END DnD5 Condition Tooltips by Salvatos */

/** plugin: Center marker on maps #Copy of 0.4 code **/
/*  CENTER MARKER ON MAPS  */
/* except for polygon editor */
.leaflet-marker-icon.marker:not(.leaflet-vertex-icon) {
  margin-left: 0px !important;
  margin-top: 0px !important;
  width: 0px !important;
  height: 0px !important;
}

/* MAKE MARKER PINS CIRCLE */
.marker-pin {
  border-radius: 50% 50% 50% 50%;
}

/* REMOVE MARKER PINS FOR TRANSPARENT BACKGROUNDS */
.marker-pin[style="background-color: unset"] {
  box-shadow: none;
}

/** plugin: Change Hidden post color #1.2 code **/
:root {
  --mj-bg-color: #b9e3fb;
}

body[data-theme="dark"] {
  --mj-bg-color: #42484e;
}

body[data-theme="midnight"] {
  --mj-bg-color: #092d44;
}

[data-visibility="2"] .post {
  background-color: var(--mj-bg-color);
}

.character-personalities:has(.fa-lock) .bg-box {
    background-color: var(--mj-bg-color);
}

/** plugin: Longer Titles in Entity Grids #2 code **/
/* BEGIN Longer Titles in Entity Grids by Salvatos */
/* Undo default overflows and replace with multiline overflow */
.entities-grid div.entity.block:not(.entity-stack) .truncate.h-12 {
	text-overflow: unset;
	white-space: unset;
	height: auto;
	padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-grid-max-lines, 4);
    overflow: hidden;
}
/* More available height for text when no image */
.entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
    -webkit-line-clamp: var(--entity-grid-max-lines-noimg, 5);
}
/* Fix padding */
.entities-grid div.entity.block:not(.entity-stack) {
    padding-bottom: 1rem;
}
/* Consistent height for the Back tile in nested pages */
a.entity.block:first-of-type > .bg-box {
	height: auto;
}
/* Mobile view is %-based, tweak accordingly */
@media(max-width:639px) {
    /* Lines of text with & without image */
    .entities-grid .entity.block:not(.entity-stack) .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines, 3);
        
    }
    .entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
        -webkit-line-clamp: var(--entity-grid-mobile-max-lines-noimg, 4);
    }
    /* More suitable padding */
    .entities-grid .entity.block:not(.entity-stack) {
        padding-bottom: 0.6rem;
    }
}
/* END Longer Titles in Entity Grids by Salvatos */

/** plugin: Stub Banner #1.2 code **/
.kanka-tag-stub .entity-main-block:before {
    text-align: center;
    font-style: oblique;
    display:inline-block;
    background: var(--box-background);
    padding: 2ch;
    border: 1px solid lightgrey;
    border-left: 5px solid orange;
    margin: 10px;
    margin-right: 10%;
    margin-left: 10%;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    width: 80%;
    content: var(--stub-text);
}

/** plugin: Entity Box Backgrounds #2.3 code **/
/* BEGIN Entity Box Backgrounds by Salvatos */
@media screen {
    .sidebar-section-box {
        --sidebar-section-background: hsl(var(--b1)/1);
        --sidebar-section-padding: 10px;
        border-radius: .25rem;
        box-shadow: 0 1px 1px rgba(0,0,0,.1);
    }

    /* Post headings */
    .post-header {
        background-color: var(--box-background, hsl(var(--b1)/1));
        border-radius: .25rem;
        padding: .2rem .5rem;
    }
    .post-title {
        margin: 0;
    }
}
/* END Entity Box Backgrounds by Salvatos */

/** plugin: Calligraphic Headings V2 #1.0 code **/
.entity-actions h1 {
margin: 0;
padding: 1px 0px 4px 4px;
font-size: 1.8em;
letter-spacing: 0.40px;
display: inline-block;
text-align: center;
font-weight: 400;
font-family: 'Eagle Lake', cursive, 'Palatino Linotype', fantasy, 'Book Antiqua', Palatino, serif; }


h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, #campaign-dashboard body a, #campaign-dashboard a { font-family: 'Eagle Lake'; }

/** plugin: Back to top #1.0 code **/
.content-wrapper {
  position: relative;
  padding-bottom: 50px;
}

.back-to-top {
  display: block !important;
}

/** plugin: Inverted Timeline Ordering #2.0 code **/
ul.timeline:not(.hidden) { 
    display: flex;
    flex-direction: column-reverse;
}

/** plugin: Easy Tabs #1.0 code **/
/* BEGIN Easy Tabs */
:root {
	--summernote-insert-easytabs: enabled;
}
.easytabs {
    --border-thickness: 1px;
    --tab-border: hsl(var(--bc));
    --tab-background: hsl(var(--s));
    --tab-text: hsl(var(--sc));
    --tab-hover-background: hsl(var(--sf));
    --tab-content-background: hsl(var(--b2));
}
/* Clickable tabs */
.easytabs-toggles {
	overflow-x: auto;
    display: flex;
}
.easytabs-tab {
	display: block;
    width: max-content;
    overflow: hidden;
    border: var(--border-thickness) solid var(--tab-border);
	background: var(--tab-background);
	padding: 5px 10px;
	color: var(--tab-text);
    font-size: 17px;
}
.easytabs-tab:not(:first-child) {
    margin-left: calc(-1 * var(--border-thickness)); /* fake border-collapse */
}
.easytabs-tab:first-child {
	border-top-left-radius: 5px;
}
.easytabs-tab:last-child {
	border-top-right-radius: 5px;    
}
.easytabs-tab:hover {
	background-color: var(--tab-hover-background);
    color: var(--tab-text);
}
/* Tab containers */
.easytabs-content {
	scroll-margin-top: 40px;
    margin-top: calc(-1 * var(--border-thickness)); /* fake border-collapse */
  	padding: 1em;
    border: var(--border-thickness) solid var(--tab-border);
    background-color: var(--tab-content-background);
}
/* Tab toggle logic: most hidden by default, last-child hidden specifically if another is targeted */
.easytabs-content, .easytabs-content:target ~ .easytabs-content:last-child {
  display: none;
}
/* Tab toggle logic: shown if targeted, or last-child if none is targeted */
.easytabs-content:last-child, .easytabs-content:target {
  display: block;
}
/* Consecutive display in Summernote, since you can’t activate the tabs, and an outline to distinguish each section */
.note-editable .easytabs-content {
	display: block;
	border: 1px dashed var(--tab-border);
}
/* Also show a hint of the tab’s id on hover to tell them apart if empty */
.note-editable .easytabs-content:empty:hover::after {
	content: "#"attr(id);
    display: block;
	font-style: italic;
    text-align: center;
}
/* END Easy Tabs */

/** plugin: Profile Pane Reorder #1 code **/
.profile .list-none {order:0}
.profile .notifications {order:1}
.profile .releases {order:2}
.profile .subscription {order:3}
.profile .marketplace {order:4}

/** plugin: Pin Privacy Icons #2 code **/
/* BEGIN Pinned Attribute Privacy Icons By Salvatos */
:is(.pinned-attribute, .pinned-relation) > strong::after {
	font-family: "Font Awesome 6 Pro";
	font-size: 10px;
	color: hsl(var(--bc) / .5);
}
/* Non-admins will never see anything but public attributes,
   so there’s no use showing them any icon for attributes */
.is-admin .pinned-attribute > strong::after {
	content: var(--public-attribute-icon, " \f3c1");
}
.is-admin .pinned-attribute[data-private="true"] > strong::after {
	content: var(--public-attribute-icon, " \f023");
}
/* Connections matter for everyone */
/* All: unlocked */
.pinned-relation[data-visibility="1"] > strong::after {
	content: var(--public-attribute-icon, " \f3c1");
}
/* Admins: locked */
.pinned-relation[data-visibility="2"] > strong::after {
	content: var(--private-attribute-icon, " \f023");
}
/* Me & Admins: person-lock */
.pinned-relation[data-visibility="3"] > strong::after {
	content: var(--self-admins-connection-icon, "\f502");
}
/* Only Me: spy */
.pinned-relation[data-visibility="4"] > strong::after {
	content: var(--self-only-connection-icon, "\f21b");
}
/* Campaign members: group */
.pinned-relation[data-visibility="5"] > strong::after {
	content: var(--members-only-connection-icon, "\f0c0");
}
/* END Pinned Attribute Privacy Icons By Salvatos */

/** plugin: Reasonable Widget Images #1.0 code **/
/* BEGIN Reasonable Widget Images by Salvatos */
:root {
	--RWI-h: 120px;
	--RWI-c: #fff;
}
.widget-image {
	display: block;
	max-height: var(--RWI-h);
	overflow: hidden;
	aspect-ratio: initial;
}
.widget-header:has(.widget-image) {
	position: relative;
}
.widget-image + .flex {
	position: absolute;
	top: 0;
	color: var(--RWI-c);
	text-shadow: rgba(0,0,0,.9) 0 1px 4px;
}
/* END Reasonable Widget Images by Salvatos */

/** plugin: Vertical Timelines #2.2 code **/
/* BEGIN Vertical Timelines by Salvatos */
/* Set vars */
.timeline {
	--svtlinecolor: hsl(var(--s));
	--svtbgc: hsl(var(--n));
	--svtbgt: hsl(var(--nc));
}
/* Container shorthand */
.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .entity-main-block {
	container: svt / inline-size;
}
@container svt (width > 600px) {
	/* Position events */
	li[id|="timeline-element"] {
		width: 50%;
		padding-bottom: 25px;
	}
	li[id|="timeline-element"]:nth-child(2n+1) {
		left: 0;
		padding-right: 25px;
	}
	li[id|="timeline-element"]:nth-child(2n) {
		left: 50%;
		padding-left: 25px;
	}
	/* Shorten the bar on the last item so it doesn't collide with buttons */
	li[id|="timeline-element"]:last-child {
		padding-bottom: 0;
		margin-bottom: 15px;
	}
	/* Position markers*/
	li[id|="timeline-element"] > i {
		position: absolute;
		top: 7px;
		background-color: var(--svtbgc);
		color: var(--svtbgt);
	}
	li[id|="timeline-element"]:nth-child(2n) > i {
		left: calc(0% - 15px);
	}
	li[id|="timeline-element"]:nth-child(2n+1) > i {
		left: calc(100% - 15px);
	}
	/* Position lines */
	li[id|="timeline-element"]::before {
		display: block !important; /* important otherwise Kanka sets the last one to 'table' */
		width: 6px;
		border-radius: 0;
		background-color: var(--svtlinecolor);
	}
	li[id|="timeline-element"]:nth-child(2n)::before {
		left: calc(0% - 2px);
	}
	li[id|="timeline-element"]:nth-child(2n+1)::before {
		left: calc(100% - 2px);
	}
	/* Set radius of line start */
	:is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:first-of-type::before) {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	/* Fix length and set radius of line end */
	:is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:last-of-type::before) {
		display: initial;
		height: calc(100% - 25px);
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}
	/* Reshape event blocks */
	.timeline-item {
		margin: 0;
	}
	/* Remove the misplaced box-shadow from Kanka */
	.timeline > li .timeline-item {
		box-shadow: unset;
	}
  	/* More consistent spacing around the toggle */
  	.element-toggle .icon-hide {
		padding-inline: 2px;
	}
	/* Set date markers */
	.bg-aqua + .timeline-item .text-neutral-content {--svtbgc:#00c0ef;--svtbgt:#fff}
	.bg-black + .timeline-item .text-neutral-content {--svtbgc:#111;--svtbgt:#fff}
	.bg-brown + .timeline-item .text-neutral-content {--svtbgc: #a35831;--svtbgt:#fff}
  	.bg-grey + .timeline-item .text-neutral-content {/* use defaults */}
	.bg-green + .timeline-item .text-neutral-content {--svtbgc:#00a65a;--svtbgt:#fff}
	.bg-light-blue + .timeline-item .text-neutral-content {--svtbgc:#3c8dbc;--svtbgt:#fff}
	.bg-maroon + .timeline-item .text-neutral-content {--svtbgc:#d81b60;--svtbgt:#fff}
	.bg-navy + .timeline-item .text-neutral-content {--svtbgc:#001f3f;--svtbgt:#fff}
	.bg-orange + .timeline-item  .text-neutral-content {--svtbgc:#ff851b;--svtbgt:#fff}
	.bg-pink + .timeline-item .text-neutral-content {--svtbgc:#ebbde9;--svtbgt:#fff}
	.bg-purple + .timeline-item .text-neutral-content {--svtbgc:#605ca8;--svtbgt:#fff}
	.bg-red + .timeline-item .text-neutral-content {--svtbgc:#dd4b39;--svtbgt:#fff}
	.bg-teal + .timeline-item .text-neutral-content {--svtbgc:#39cccc;--svtbgt:#111}
	.bg-yellow + .timeline-item .text-neutral-content {--svtbgc:#f39c12;--svtbgt:#fff}
	.timeline-item-head .text-neutral-content {
		position: absolute;
		top: 7px;
		width: max-content;
		padding: 5px 8px;
		border: 1px solid var(--svtbgc);
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
		background-color: var(--svtbgc);
		color: var(--svtbgt);
      	overflow: visible;
	}
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content {
		right: calc(100% + 75px);
	}
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content {
		left: calc(100% + 75px);
	}
	/* Fancy arrowheads */
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content:after,
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content:before {
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-radius: 50%;
	}
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content:after {
		right: -25px;
		border-right: none;
		border-left: 25px solid var(--svtbgc);
	}
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content:before {
		left: -25px;
		border-left: none;
		border-right: 25px solid var(--svtbgc);
	}
}
/* END Vertical Timelines by Salvatos */

/** plugin: Desaturate dead characters #1.1 code **/
:root {
 --dead-grey-value: 1;
}

.character-dead .entity-image {
 filter: grayscale(var(--dead-grey-value));
}

.panel-heading-entity:has(.ra-skull) {
    filter: grayscale(var(--dead-grey-value));
}

[data-defunct="true"] .avatar , [data-dead="true"] .avatar  {
  filter: grayscale(var(--dead-grey-value)); 
}

[data-dead="true"] .avatar::after {
content: "💀";
    pointer-events: none;
    width: 24px;
    position: absolute;
    right: .375rem;
    top: .375rem;
}

.entity-header:has(.entity-char-dead) img {
    filter: grayscale(var(--dead-grey-value));
}

.character-dead img {
	filter: grayscale(var(--dead-grey-value));
}

/** plugin: Dead Characters #1.4 code **/
.character-dead {
   --background-image: url('https://nbg1.your-objectstorage.com/kanka-plugins/prod/plugins/227/images/EpXD4a4A1TZMzSxENyFFKQZQsmsGM4lOz0YXBZAt.jpg');
}
@media (prefers-color-scheme: dark) {
   --background-image: url('https://nbg1.your-objectstorage.com/kanka-plugins/production/plugins/227/images/9N3uePdUbmgeERdgRQ8crZfzXhFMMqBjj1g94z8R.jpg');
}

.character-dead #app {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: var(--background-image);
  background-attachment: fixed;
}

.content-wrapper {
  background-image: unset;
}