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

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

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

/** 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: Bolder Links! #2.0 code **/
/* Name */
.entity-grid>.entity-header.with-entity-banner .entity-header-sub, .entity-grid>.entity-header.with-entity-banner i.entity-icons,
.entity-header .entity-name-header .entity-name, .label-default{
 text-shadow: none;
}

a{
color: rgbrgb(90 126 167);
text-shadow:
-0.125px -0.125px 0 #000000,
0.125px -0.125px 0 #000000,
-0.125px 0.125px 0 #000000,
0.125px 0.125px 0 #000000;
}

/** plugin: Calendar: Inverted Full Moon Icons #2 code **/
/* new moon hollow */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle::before { font-weight: 400; }
/* full moon filled */
.kanka-entity-calendar .calendar .moon.far.fa-circle::before { font-weight: 900; }

/** plugin: Calendar: Inverted Quarter Moon Icons #1.0 code **/
/* Northern hemisphere moon icons */
/* last quarter on the left */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle-half-stroke.fa-flip-horizontal { transform: unset; }
/* first quarter on the right */
.kanka-entity-calendar .calendar .moon.fa-solid.fa-circle-half-stroke { transform: scaleX(-1); }

/** 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: 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: 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: Elegant Music Embeds #2.0 code **/
video, audio, iframe, embed{
  height:85px;
  width: 100%;
}

/** plugin: Entry 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: Fantasy Parchment #1.6.8.1 code **/
:root {
    --body-text: #3f4548;
    --link-text: #296282;
    --text-help: #3f4548;
    --half-fade: rgba( 255, 255, 255, 0.5 );
    --bg-gradient: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5));
    --bg-parchment: url("https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/parchment4.jpg");
}
/** Parchment backgrounds **/
#app { background-image: var(--bg-parchment); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
article.bg-box:has(.entity-content), div.bg-box.post:not(:has(.entity-content.hidden)), .bg-box:has( > .grid.grid-cols-2 > span > a ), .bg-box:is(#character-appearance, #character-personality) { border: 1px solid rgba(0,0,0,0.33);box-shadow: 0 0 5px #000;background-image: var(--bg-parchment); }
.bg-box.post > .entity-content, .bg-box.box-entity-entry > .entity-content, .bg-box:is(#character-appearance, #character-personality) .entity-content { background: var(--half-fade) }
.bg-box > .grid.grid-cols-2:has( > span > a ) { background: var(--half-fade); margin: -16px; padding: 16px;}
.bg-box.box-entity-attributes { background-color: unset; }


.content-wrapper { background-image: var(--bg-parchment); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.entity-submenu .bg-box { background-image: var(--bg-parchment); }
.entity-submenu div > ul.entity-menu {border: 1px solid rgba(0,0,0,0.33);box-shadow: 0 0 5px #000; background: var(--half-fade) }
div.box-body {background-color: rgba(255,255,255,0.5);}
article.bg-box > div.box-header { background-image: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5)); border-bottom: 0; }
#app > div > section.content > div.box { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; }
div.box.no-border.datagrid-filters > div { background-image: var(--bg-gradient); border-bottom: 0; }
.box .box-footer { background-image: var(--bg-gradient); }
.pinned-entity.preview { background-image: none; }
.panel .panel-body .preview:before { background: none; }

/** Timelime **/
.timeline>li>.timeline-item .timeline-item-head, .timeline-era-head { padding: 8px; background-color: rgba(0,0,0,0);background-image: var(--bg-gradient);border-bottom: 0;}
.timeline>li>.timeline-item .timeline-item-body, .timeline-era-body { padding: 8px; background-color: rgba(255,255,255,0.5); }
.timeline>li>.timeline-item .bg-box { background: none; padding: 0; gap: 0; margin-bottom: 0; }
.timeline>li>.timeline-item { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; border: 1px solid rgba(0,0,0,0.33); margin-bottom: 1.25rem; padding-bottom: 0; }
ul.timeline > li > div.timeline-item > div.box { background-image: var(--bg-parchment); margin-bottom: 0; }
ul.timeline > li > div.timeline-item > div.box > div.box-header { background-image: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5));
    border-bottom: 0; }
body.kanka-entity-timeline .entity-story-block > .bg-box { padding: 0; gap: 0; border: 1px solid rgba(0,0,0,0.33); box-shadow: 0 0 5px #000; background-image: var(--bg-parchment); }
.timeline-era.gap-2 { padding: 0; gap: 0; }

/** Navbar & Search **/
header#header.bg-navbar { padding-bottom: 10px; background-image: var(--bg-parchment); background-position: top center; }
header#header.bg-navbar > nav {height: 4.5rem;background-image: url("https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/tear4.png");background-size: auto 101%;align-items:  flex-start;padding-top: 0.25rem;}
aside.search-drawer { margin-top: 4rem; background-image: var(--bg-parchment); background-position: top right; box-shadow: 0 0 5px black; }
aside.search-drawer > .bg-lookup { background-color: rgba(255,255,255,0.5); }

/** Edit entry **/
.nav-tabs-custom { background-color: unset!important; }
.nav-tabs-custom .nav-tabs>li.active { }
.nav-tabs-custom .nav-tabs>li { border-top: none; background-image: var(--bg-parchment); background-position: top center; }
.nav-tabs-custom .nav-tabs>li>a { background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2),rgba(0,0,0,0.5)), var(--bg-parchment); }
.nav-tabs-custom .nav-tabs>li>a:hover { background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2),rgba(0,0,0,0.5)), var(--bg-parchment); }
.nav-tabs>li>a { box-shadow: 3px 2px 2px rgba(0,0,0,0.5); color: hsl(var(--bc)); border-left: 1px solid rgba(0,0,0,0.25); border-top: 1px solid rgba(0,0,0,0.25);  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-image: var(--bg-parchment); --tw-bg-opacity: 0; box-shadow: 3px 2px 2px rgba(0,0,0,0.5); }

#entity-form section.content > div.nav-tabs-custom > ul { background: none; }
#entity-form section.content > div.nav-tabs-custom > div.tab-content { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; }
form#map-marker-form > .nav-tabs-custom, form#map-marker-form .nav-tabs-custom .tab-content { background: var(--bg-parchment); }
form#map-marker-form > .nav-tabs-custom>.nav-tabs { background-color: rgba( 255, 255, 255, 0.5 ); }

div.widget:is(.widget-preview, .widget-random, .widget-recent, .widget-calendar) > .bg-box { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; border: 1px solid rgba(0,0,0,0.33); }
div.widget:is(.widget-preview, .widget-random, .widget-calendar) > .bg-box > .widget-header { background-color: var(--half-fade); }
div.widget.widget-calendar > .bg-box > .widget-header + div.p-4 { background-color: var(--half-fade); }
div.widget:is(.widget-preview, .widget-random) > .bg-box > .widget-body { padding: 0.5rem; background-color: var(--half-fade); }
div.widget:is(.widget-preview, .widget-random) > .bg-box > .widget-body:has( > a.preview-switch ) { padding: 0; }
div.widget.widget-recent > div > h4.text-lg, div.widget.widget-recent .widget-recent-list { background-color: var(--half-fade); }
div.widget:is(.widget-preview, .widget-random) > .bg-box > .widget-body > div > .entity-content, .widget-advanced-members { padding: 0.5rem; }
.dashboard-widgets a.preview-switch { background-size: contain; background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/tear-small.png); }
.dashboard-widgets .gradient-to-base-100 { display: none; background: none; }

.nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover { background: rgba(255,255,255,0.25); }

/** Lighten hover **/
#app > div > section.content > div.row > div.col-md-3 > div > div.box-body > ul > li > a:hover, .table-hover>tbody>tr:hover { background-color: rgba(255,255,255,0.25); }

/** add little glow to some links **/
.content-wrapper a:not(.btn):not(.sidebar-toggle):not(.dropdown-toggle):not(.mention):not(.btn2) { text-shadow: 0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75); font-variant: small-caps; font-weight: 600; }
.entity-header-text a:not(.btn):not(.btn2) { text-shadow: none!important; }
.entity-tags > a { text-shadow: unset!important; }
.entity-submenu > .box-body > ul.nav > li > a > span.label[data-original-title="Boosted campaign feature"] { text-shadow: none; } /* no glowing boosted icon */

.sidebar-section-box { box-shadow: 0 0 10px #000; background-image: var(--bg-parchment); }
.sidebar-section-box .sidebar-section-title { padding: 5px; }
.sidebar-section-box .sidebar-section-title, .sidebar-section-box .sidebar-elements { background-color: var(--half-fade); }
.sidebar-section-box .sidebar-elements { margin: 0; padding: 0 5px; }

table.table {background-image: var(--bg-parchment);border: 1px solid rgba( 0,0,0,0.25 );}
table.table:not( .table-striped ) tbody {background-color: rgba(255,255,255,0.5);}
table.table-striped>tbody>tr:nth-of-type(odd) {background-color:  var(--half-fade); }
table.table-striped>tbody>tr:nth-of-type(even) {background-color: rgba(255,255,255,0.25); }
table.table.bg-box.mb-2 { margin-bottom: 0; padding-bottom: 0.5rem; }
table.table thead {background-color: rgba(255,255,255,0.25); }

/** Entity Grid **/
.entities-grid > div.entity, .entities-grid > div.stack > div.entity { background: var(--bg-parchment); box-shadow: 0 0 5px black; }
.entities-grid div.entity.block.entity-stack > .bg-box { background: var(--half-fade); }
.entities-grid > .stack > .entity.entity-stack > .block.bg-box { background-color: transparent; }
.entities-grid > div.entity > a.block.text-center, .entities-grid > div.stack > div.entity > a.block.truncate.text-center { background: var(--half-fade); }
.entities-grid div.entity.block:hover { box-shadow: 2px 2px 7px black; }
.entities-grid > a.entity:first-of-type { background: var(--bg-parchment); box-shadow: 0 0 5px black; }
.entities-grid > a.entity:first-of-type:hover { box-shadow: 2px 2px 7px black; }
.entities-grid > a.entity:first-of-type > div.bg-box.block { background: var(--half-fade); }

/** Footer **/
.main-footer {  background: var(--half-fade); }

/** Tooltips **/
.tippy-box { background: var(--bg-parchment); border: 1px solid rgba(0,0,0,0.33); box-shadow: 2px 2px 5px #000; }
.tippy-content { background: var(--half-fade); }
.tippy-box[data-placement^=top]>.tippy-arrow:before { border-top-color: black; }
.tippy-box[data-placement^=bottom]>.tippy-arrow:before { border-bottom-color: black; }

/** Entity profiles **/
body.entity-profile div.bg-box:is( .box-entity-profile, .character-appearances, .character-personalities ) { column-gap: 0; row-gap: 0; padding: 0; background-image: var(--bg-parchment); border: 1px solid rgba(0, 0, 0, 0.33); box-shadow: 0 0 5px #000; }
body.entity-profile div.bg-box:is( .box-entity-profile, .character-appearances, .character-personalities ) > * { background: var(--half-fade); padding: 16px; }

/** 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: Inverted Timeline Ordering #2.0 code **/
ul.timeline:not(.hidden) { 
    display: flex;
    flex-direction: column-reverse;
}

/** plugin: Longer Titles in Entry 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: 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: Mention Type Indicators #3.4 code **/
/* BEGIN Mention Type Indicators by Salvatos */
.entity-mention::after {
	font-size: var(--mention-icon-size, 12px);
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="ability"]::after   { content: " \f06d" }
.entity-mention[data-entity-type="calendar"]::after  { content: " \f133" }
.entity-mention[data-entity-type="character"]::after { content: " \f007" }
.entity-mention[data-entity-type="creature"]::after  { content: " \f78e" }
.entity-mention[data-entity-type="event"]::after     { content: " \f1fd" }
.entity-mention[data-entity-type="family"]::after    { content: " \e300" }
.entity-mention[data-entity-type="journal"]::after   { content: " \f5db" }
.entity-mention[data-entity-type="location"]::after  { content: " \f602" }
.entity-mention[data-entity-type="map"]::after 		 { content: " \f279" }
.entity-mention[data-entity-type="note"]::after 	 { content: " \f518" }
.entity-mention[data-entity-type="item"]::after 	 { content: " \f3a5" }
.entity-mention[data-entity-type="organisation"]::after { content: " \f63d" }
.entity-mention[data-entity-type="quest"]::after 	 { content: " \f4d9" }
.entity-mention[data-entity-type="race"]::after 	 { content: " \e608" }
.entity-mention[data-entity-type="tag"]::after 		 { content: " \f02c" }
.entity-mention[data-entity-type="timeline"]::after  { content: " \e1d1" }
/* END Mention Type Indicators by Salvatos */

/** 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: 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: 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: 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);
}

