/** 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: 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: Back to top #1.0 code **/
.content-wrapper {
  position: relative;
  padding-bottom: 50px;
}

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

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

/** plugin: Stone Buttons #V 1.2.1 code **/
:root {
    --btn-default-border: rgba(0,0,0,0.33);
    --btn-default-hover-border: rgba(0,0,0,0.5);
    --btn-default-hover-text: white;
    --btn-default-hover-background: unset;
}
.btn-default, .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn2 {
    color: white!important;
    background-color: unset;
    text-shadow: -1px 1px rgb(0 0 0 / 100%), 1px -1px rgb(0 0 0 / 50%);
    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 50%), inset 2px 0 0 rgb(0 0 0 / 50%), inset 0 2px 0 rgb(255 255 255 / 50%), 0 3px 3px rgb(0 0 0 / 30%), 0 0 5px 2px rgb(0 0 0 / 20%), inset -2px 0 0 rgb(255 255 255 / 50%)!important;
}
.btn-default, .btn2 {
    text-shadow: -1px 1px rgb(0 0 0 / 50%), 1px -1px rgb(255 255 255 / 50%);
}
.btn2.btn-disabled, .btn2.btn[disabled], .btn2.btn:disabled {
  color: unset;
}
.btn-primary {
    border-color: rgba(54,127,169,0.5);
}
.btn-warning {
    border-color: rgba(224,142,11,0.5);
}
.btn:hover, .btn:active, .btn2:hover, .btn2:active {
    text-shadow: 1px -1px rgb(0 0 0 / 100%), -1px 1px rgb(0 0 0 / 50%);
}
.btn-default:hover, .btn-primary:hover, .btn-warning:hover, .btn-danger:hover, .btn-success:hover, .btn2:hover {
    background-color: unset;
    box-shadow: inset 0 2px 0 rgb(0 0 0 / 50%), inset -2px 0 0 rgb(0 0 0 / 50%), inset 0 -2px 0 rgb(255 255 255 / 50%), 0 3px 3px rgb(0 0 0 / 30%), 0 0 5px 2px rgb(0 0 0 / 20%), inset 2px 0 0 rgb(255 255 255 / 50%)!important;
}
.btn-default:active, .btn-default.active, .btn-primary:active, .btn-primary.active, .btn-warning:active, .btn-warning.active, .btn-danger:active, .btn-sucess:active, .btn2.btn-accent:active, .btn2.btn-accent.active, .btn2.btn-error:active, .btn2.btn-error.active {
    background-color: unset;
    box-shadow: inset 0 2px 0 rgb(0 0 0 / 50%), inset -2px 0 0 rgb(0 0 0 / 50%), inset 0 -2px 0 rgb(255 255 255 / 50%), 0 3px 3px rgb(0 0 0 / 30%), 0 0 5px 2px rgb(0 0 0 / 20%), inset 2px 0 0 rgb(255 255 255 / 50%)!important;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary.active {
    border-color: rgba(54,127,169,0.75);
}
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning.active,
.btn2.btn-accent, .btn2.btn-accent:hover, .btn2.btn-accent:active, .btn2.btn-accent.active {
    border-color: rgba(224,142,11,0.75);
}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger.active,
.btn2.btn-error, .btn2.btn-error:hover, .btn2.btn-error:active, .btn2.btn-error.active{
    border-color: rgba(191,83,41,0.75);
}
.btn-default, .btn2 {
    background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/buttons-stone/stone.jpg)!important;
}
.btn-primary {
    background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/buttons-stone/stone-primary.jpg)!important;
}
.btn-warning, .btn2.btn-accent {
    background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/buttons-stone/stone-warning-2.jpg)!important;
}
.btn-danger, .btn2.btn-error {
    background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/buttons-stone/stone-danger.jpg)!important;
}
.btn-success {
    background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/buttons-stone/stone-success.jpg)!important;
}

/** plugin: Sidebar Category Capitalization #1.0 code **/
/* sidebar font tweaks */
.main-sidebar .sidebar li.subsection a {text-transform: capitalize;}
.main-sidebar .sidebar li.subsection {padding-left: 28px;}
.main-sidebar .sidebar li .sidebar-text, .main-sidebar .sidebar li a {font-size: 0.9em;}

/** plugin: Rainbow Sidebar #1.1 code **/
:root {
  --ctp-rosewater: #F4DBD6;
  --ctp-flamingo: #F0C6C6;
  --ctp-pink: #F5BDE6;
  --ctp-mauve: #C6A0F0;
  --ctp-red: #ED8796;
  --ctp-maroon: #EE99A0;
  --ctp-peach: #F5A97F;
  --ctp-yellow: #EED49F;
  --ctp-green: #A6DA95;
  --ctp-teal: #8BD5CA;
  --ctp-sky: #91D7E3;
  --ctp-sapphire: #7DC4E4;
  --ctp-blue: #8AADF4;
  --ctp-lavender: #B7BDF8;
}
.sidebar-menu li:nth-child(11n+1) { --sidebar-text: var(--ctp-red); }
.sidebar-menu li:nth-child(11n+2) { --sidebar-text: var(--ctp-maroon); }
.sidebar-menu li:nth-child(11n+3) { --sidebar-text: var(--ctp-peach); }
.sidebar-menu li:nth-child(11n+4) { --sidebar-text: var(--ctp-yellow); }
.sidebar-menu li:nth-child(11n+5) { --sidebar-text: var(--ctp-green); }
.sidebar-menu li:nth-child(11n+6) { --sidebar-text: var(--ctp-teal); }
.sidebar-menu li:nth-child(11n+7) { --sidebar-text: var(--ctp-sky); }
.sidebar-menu li:nth-child(11n+8) { --sidebar-text: var(--ctp-sapphire); }
.sidebar-menu li:nth-child(11n+9) { --sidebar-text: var(--ctp-blue); }
.sidebar-menu li:nth-child(11n+10) { --sidebar-text: var(--ctp-lavender); }
.sidebar-menu li:nth-child(11n+11) { --sidebar-text: var(--ctp-mauve); }

.main-sidebar .sidebar-menu li.sidebar-quick-links > a,
.main-sidebar .sidebar-menu li.section-campaigns > a,
.main-sidebar .sidebar-menu li.section-campaign > a,
.main-sidebar .sidebar-menu li.section-other > a,
.main-sidebar .sidebar-menu li.section-other > span {
  --tw-text-opacity: 1;
  color: var(--sidebar-text, hsl(var(--sic)/var(--tw-text-opacity))) !important;
}

/** 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: External Link Icon and Styling #1.6 code **/
/* BEGIN External Link Icon and Styling by Salvatos */
:root {
	--external-link-color: var(--link-text);
	--external-link-hover-color: var(--link-hover);
	--external-link-font: inherit;
	--external-link-size: inherit;
	--external-link-weight: inherit;
	--external-link-decoration: inherit;
    --intercampaign-link-color: var(--link-text);
	--intercampaign-link-hover-color: var(--link-hover);
}
:is(.entity-content, .note-editable) {
  a[href*="//"]:not([href*="kanka.io"]) {
	color: var(--external-link-color, hsl(var(--p)));
	font-family: var(--external-link-font);
	font-size: var(--external-link-size);
	font-weight: var(--external-link-weight);
	text-decoration: var(--external-link-decoration);
  }
  a[href*="//"]:not([href*="kanka.io"]):hover {
    color: var(--external-link-hover-color, hsl(var(--pf)));
  }
  a[href*="//"]:not([href*="kanka.io"])::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f35d";
    font-size: 9px;
    vertical-align: top;
    margin-left: 2px;
  }
}
/* Inter-campaign mentions (in imported entities) */
.external-mention {
    color: var(--intercampaign-link-color, hsl(var(--p)));
	font-family: var(--external-link-font);
	font-size: var(--external-link-size);
	font-weight: var(--external-link-weight);
	text-decoration: var(--external-link-decoration);
}
.external-mention:hover {
    color: var(--intercampaign-link-hover-color, hsl(var(--pf)));
}
.external-mention::after {
    font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	content: "\f127";
	font-size: 10px;
	margin-left: 3px;
}
/* END External Link Icon and Styling by Salvatos */

/** plugin: Scrollable Main Sidebar #1.13 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 3rem;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - (160px + 50px) - 3rem) !important;
		padding-bottom: 1em;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */

/** 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: Add Folder Icon to List Entities With Children in Nested View #1.2.1 code **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 13px;
    margin-right: -40px;
}

/** plugin: [REDACTED] Hidden Links #1.0 code **/
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

.unknown-entity {
    overflow: hidden;
    text-overflow: clip;
    display: inline-block;
    width: calc(var(--redact-width));
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    font-family: 'Special Elite', cursive;
}
.unknown-entity::before {
    content: var(--redact-text);
    margin: 0 1ch;
    background: rgb(255, 0, 0);
    font-size: 16px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 100%;
    display: inline-block;
}

/** plugin: Redacted Text #1.3 code **/
:root { --summernote-insert-salv-redacted: enabled; }

.salv-redacted {
	position: relative;
	word-break: break-all;
	background-color: black;
	color: black;
	-webkit-user-select: none;
	user-select: none;
}
.salv-redacted a {
	display: none;
}
.salv-redacted::before {
	content: "[REDACTED]";
	position: relative;
	padding: 0 1ch;
	background-color: black;
	word-break: break-word;
	color: white;
	font-weight: bold;
	font-family: Roboto,sans-serif;
	letter-spacing: 0.2ch;
}