/** 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: Background Image #1.1 code **/
:root {
--background-image: url(https://cdn-ugc.kanka.io/notes/8ly9AmgnOqMJecSFiLzSMMkItIdyK9TEKVO2WXbt.jpeg);
}

/* background image */
.wrapper {
  background: var(--background-image) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: right bottom !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.content-wrapper, .main-footer { background: none; }

/** 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: Mention Type Indicators #2.0 code **/
/* BEGIN Mention Type Indicators by Salvatos */
.entity-mention::after {
	font-size: var(--mention-icon-size, 12px);
}
.entity-mention[data-entity-type="character"]::after {
	content: " \f007";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="location"]::after {
	content: " \EAD2";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="map"]::after {
	content: " \f279";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="race"]::after {
	content: " \EAEB";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="organisation"]::after {
	content: " \EA03";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="family"]::after {
	content: " \E99E";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="calendar"]::after {
	content: " \f073";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="timeline"]::after {
	content: " \f252";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="race"]::after {
	content: " \EAEB";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="creature"]::after {
	content: " ";
	font-family: "RPGAwesome";
	font-weight: 400;
}
.entity-mention[data-entity-type="quest"]::after {
	content: " \EAE9";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="journal"]::after {
	content: " \EA75";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="item"]::after {
	content: " \E9DF";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="event"]::after {
	content: " \f0e7";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="ability"]::after {
	content: " \E9C2";
	font-family: RPGAwesome;
	font-weight: 400;
}
.entity-mention[data-entity-type="note"]::after {
	content: " \f518";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
.entity-mention[data-entity-type="tag"]::after {
	content: " \f02c";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}
/* END Mention Type Indicators by Salvatos */

/** plugin: Larger pictures in Dashboard #1.1 code **/
/* Set vars */
:root {
	--sky-dashboard-picture-height: 250px;
	--sky-dashboard-picture-height-mobile: 200px;
}

.panel .panel-heading-entity h3 {
	height: var(--sky-dashboard-picture-height);
}

@media (max-width:767px) {
	.panel .panel-heading-entity h3 {
		height: var(--sky-dashboard-picture-height-mobile);
	}
}

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

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

/** plugin: Race Replacer - Ancestries, Species, and more #1.1 code **/
:root{
  /* For race entities & entity list */
  --race-renamer-breadcrumb: "Ancestries";
  --race-renamer-breadcrumb-size: 0.75rem;
  --race-renamer-header: "Ancestries";
  --race-renamer-header-size: 2rem;
  --race-renamer-nested: "Displaying all ancestries that don't have a parent ancestry. Click on a row to see the children ancestries.";
  --race-renamer-view-btn: "Ancestry";
  --race-renamer-new-btn: "Ancestry";
  --race-renamer-th-sub: "Sub-Ancestries";
  --race-renamer-filtered: "Ancestries."; /* Don't forget the period */
  --race-renamer-filtered-width: 7em;
  --race-renamer-filtered-left: -3.5em;
  --race-renamer-filtered-bg: var(--box-footer-background);
  
  /* For character entities */
  --race-renamer-filter-label: "Ancestry";
  --race-renamer-th-char: "Ancestries";
  --race-renamer-profile: "Ancestries";
  --race-renamer-profile-with-age: "Ancestries, Age";
  --race-renamer-abilities: "Ancestry abilities";
  
  /* For forms */
  --race-renamer-form-parent: "Parent Ancestry";
  --race-renamer-form-choose: "Choose an ancestry";
  --race-renamer-form-label-new: "New Ancestry";
  --race-renamer-form-character: "Ancestries";   
  
  /* For quick creator */
  --race-renamer-quick: "Ancestry";
  --race-renamer-quick-add: "New Ancestry";
  --race-renamer-quick-submit: "Create Ancestry";
}

/* For entities & entity list */
body:is(.kanka-races, .kanka-entity-race) ol:is(.entity-breadcrumb, .breadcrumb) li > a:is([href$="/races"], [href$="/races/tree"]) { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) ol:is(.entity-breadcrumb, .breadcrumb) li > a:is([href$="/races"], [href$="/races/tree"]):after { content: var(--race-renamer-breadcrumb); font-size: var(--race-renamer-breadcrumb-size); }
body:is(.kanka-races, .kanka-entity-race) section.content > div > h1 { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content > div > h1:after { content: var(--race-renamer-header); font-size: 2rem;}
body:is(.kanka-races, .kanka-entity-race) section.content .box > form > .box-body > p.help-block { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content .box > form > .box-body > p.help-block:before { font-size: 14px; display: inline; content: var(--race-renamer-nested); }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right:has( > i.fa-list ) { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right:has( > i.fa-list ):after { font-size: 14px; display: inline; content: var(--race-renamer-view-btn); }
body:is(.kanka-races, .kanka-entity-race) section.content form.datagrid-search + a.btn.pull-right { font-size: 0; } /* For Firefox */
body:is(.kanka-races, .kanka-entity-race) section.content form.datagrid-search + a.btn.pull-right:after { font-size: 14px; display: inline; content: var(--race-renamer-view-btn); } /* For Firefox */
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right > i.fa-list { font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity:after { font-size: 14px; display: inline; content: var(--race-renamer-new-btn); }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity > i.fa-plus { font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) section.content .box form .box-footer > p.help-block:after { content: var(--race-renamer-filtered); display: inline-block; width: var(--race-renamer-filtered-width); margin-left: var(--race-renamer-filtered-left); background-color: var(--race-renamer-filtered-bg); }
table#races > thead > tr > th.avatar + th + th + th { font-size: 0; } /* looks weird, but works for public, players, and admin */
table#races > thead > tr > th.avatar + th + th + th:after {display: inline; content: var(--race-renamer-th-sub); font-size: 14px;}
body:is(.kanka-races, .kanka-entity-race) #crud-filters-form > div > .form-group:nth-child(3) > label { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) #crud-filters-form > div > .form-group:nth-child(3) > label:after { content: var(--race-renamer-form-parent); font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) #crud-filters-form > div > .form-group:nth-child(3) .select2-selection__placeholder { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) #crud-filters-form > div > .form-group:nth-child(3) .select2-selection__placeholder:after { content: var(--race-renamer-form-choose); font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) #race-characters #datagrid-parent table > thead > tr > th:last-of-type { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) #race-characters #datagrid-parent table > thead > tr > th:last-of-type:before { font-size: 14px; content: var(--race-renamer-th-char); }

/* For the quick creator */
.modal .quick-creator-body .quick-creator-selection[data-entity-type="race"] > span { font-size: 0; }
.modal .quick-creator-body .quick-creator-selection[data-entity-type="race"] > span:before { content: var(--race-renamer-quick); font-size:14px; }
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > div { font-size: 0; }
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > div:before { content: var(--race-renamer-quick-add); font-size: 1.5rem; }
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > div:after {content: "\f078"; font-family: "Font Awesome 6 Pro";font-size: 1.5rem;font-weight: 900;display: var(--fa-display,inline-block);}
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > ul.dropdown-menu > li.disabled > a { font-size: 0; }
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > ul.dropdown-menu > li.disabled > a:after { content: var(--race-renamer-quick); font-size: 14px; margin-left: -1em;  }
.modal-body.entity-creator-body-races > .quick-creator-header .dropdown > ul.dropdown-menu > li.disabled > a:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 14px; font-weight: 900;display: var(--fa-display,inline-block); }
.modal-body.entity-creator-body-races > .quick-creator-body > .qq-more-fields > .row > .col-sm-6:nth-child(2) > .form-group > label { font-size: 0; }
.modal-body.entity-creator-body-races > .quick-creator-body > .qq-more-fields > .row > .col-sm-6:nth-child(2) > .form-group > label:after { content: var(--race-renamer-form-parent); font-size: 14px; }
.modal-body.entity-creator-body-races > .quick-creator-body > .qq-more-fields > .row > .col-sm-6:nth-child(2) > .form-group > .input-group span.select2-selection__placeholder { font-size: 0; }
.modal-body.entity-creator-body-races > .quick-creator-body > .qq-more-fields > .row > .col-sm-6:nth-child(2) > .form-group > .input-group span.select2-selection__placeholder:after { content: var(--race-renamer-form-choose); font-size: 14px; }
.modal-body.entity-creator-body-races #qq-name-field::placeholder { color: var(--input-background-color); } /* Can't change placeholder text, but we can hide it */
.modal-body.entity-creator-body-races > .quick-creator-footer.mt-4 > .btn-group > button.quick-creator-submit:first-of-type > span { font-size: 0; }
.modal-body.entity-creator-body-races > .quick-creator-footer.mt-4 > .btn-group > button.quick-creator-submit:first-of-type > span:after { font-size: 14px; content: var(--race-renamer-quick-submit); }
form#entity-creator-form > .modal-body.entity-creator-body-races > .quick-creator-header .text-2xl { font-size: 0; }
form#entity-creator-form > .modal-body.entity-creator-body-races > .quick-creator-header .text-2xl:before { font-size: 1.5rem; content: var(--race-renamer-quick-add); }

/* For forms */
form.entity-form[action*="/races"] #form-entry > .row:nth-of-type(2) > .col-md-6:first-of-type > .form-group > label { font-size: 0; }
form.entity-form[action*="/races"] #form-entry > .row:nth-of-type(2) > .col-md-6:first-of-type > .form-group > label:after { content: var(--race-renamer-form-parent); font-size: 14px; }
form.entity-form[action*="/races"] #form-entry > .row:nth-of-type(2) > .col-md-6:first-of-type > .form-group > .input-group span.select2-selection__placeholder { font-size: 0; }
form.entity-form[action*="/races"] #form-entry > .row:nth-of-type(2) > .col-md-6:first-of-type > .form-group > .input-group span.select2-selection__placeholder:after { content: var(--race-renamer-form-choose); font-size: 14px; }
form.entity-form[action*="/races"] .form-group input[data-type="race"]::placeholder { color: var(--input-background-color); } /* Can't change placeholder text, but we can hide it */
form.entity-form[action*="/races"] ol:is(.entity-breadcrumb, .breadcrumb) li > a:is([href$="/races"], [href$="/races/tree"]) { font-size: 0; }
form.entity-form[action*="/races"] ol:is(.entity-breadcrumb, .breadcrumb) li > a:is([href$="/races"], [href$="/races/tree"]):after { content: var(--race-renamer-breadcrumb); font-size: var(--race-renamer-breadcrumb-size); }
form.entity-form[action$="/races"] section.content-header > h1 { font-size: 0; }
form.entity-form[action$="/races"] section.content-header > h1:after { content: var(--race-renamer-form-label-new); font-size: var(--race-renamer-header-size); }
body.kanka-races #bulk-edit .modal-body > .row:nth-of-type(3) > .col-md-6:first-of-type > .form-group > label { font-size: 0; }
body.kanka-races #bulk-edit .modal-body > .row:nth-of-type(3) > .col-md-6:first-of-type > .form-group > label:after { content: var(--race-renamer-form-parent); font-size: 14px; }
body.kanka-races #bulk-edit .modal-body > .row:nth-of-type(3) > .col-md-6:first-of-type > .form-group > .input-group span.select2-selection__placeholder { font-size: 0; }
body.kanka-races #bulk-edit .modal-body > .row:nth-of-type(3) > .col-md-6:first-of-type > .form-group > .input-group span.select2-selection__placeholder:after { content: var(--race-renamer-form-choose); font-size: 14px; }
body.kanka-races #bulk-edit .modal-body .form-group input[data-type="race"]::placeholder { color: var(--input-background-color); } /* Can't change placeholder text, but we can hide it */
body.kanka-characters #bulk-edit .modal-body > .row:nth-of-type(4) > .col-md-6:first-of-type > .form-group > label { font-size: 0; }
body.kanka-characters #bulk-edit .modal-body > .row:nth-of-type(4) > .col-md-6:first-of-type > .form-group > label:after { content: var(--race-renamer-form-character); font-size: 14px; }
form.entity-form[action*="/characters"] #form-entry > .row:nth-of-type(2) > .col-md-6:nth-of-type(2) > .form-group > label { font-size: 0; }
form.entity-form[action*="/characters"] #form-entry > .row:nth-of-type(2) > .col-md-6:nth-of-type(2) > .form-group > label:after { content: var(--race-renamer-form-character); font-size: 14px; }

/* For characters */
body.kanka-characters #crud-filters-form > #datagrid-filters > .box-body > .row:nth-of-type(4) > .col-md-6:first-of-type > .form-group > label { font-size: 0; }
body.kanka-characters #crud-filters-form > #datagrid-filters > .box-body > .row:nth-of-type(4) > .col-md-6:first-of-type > .form-group > label:after { content: var(--race-renamer-filter-label); font-size: 14px; }
body.kanka-characters #crud-filters-form > #datagrid-filters > .box-body > .row:nth-of-type(4) > .col-md-6:first-of-type .select2-selection__placeholder { font-size: 0; }
body.kanka-characters #crud-filters-form > #datagrid-filters > .box-body > .row:nth-of-type(4) > .col-md-6:first-of-type .select2-selection__placeholder:after { content: var(--race-renamer-form-choose); font-size: 14px; }
body.kanka-entity-character section.content #sidebar-profile-elements > .profile-race > .title { font-size: 0; }
body.kanka-entity-character section.content #sidebar-profile-elements > .profile-race > .title:before { content: var(--race-renamer-profile); font-size: 11px;  }
body.kanka-entity-character section.content #sidebar-profile-elements > .profile-race-age > .title { font-size: 0; }
body.kanka-entity-character section.content #sidebar-profile-elements > .profile-race-age > .title:before { content: var(--race-renamer-profile-with-age); font-size: 11px;  }
body.kanka-entity-character.entity-abilities section.content .header-buttons > a.btn[href$="entity_abilities/import?from=race"] > span.hidden-sm.hidden-xs { font-size: 0; }
body.kanka-entity-character.entity-abilities section.content .header-buttons > a.btn[href$="entity_abilities/import?from=race"] > span.visible-sm.visible-xs { font-size: 0; }
body.kanka-entity-character.entity-abilities section.content .header-buttons > a.btn[href$="entity_abilities/import?from=race"] > span.hidden-sm.hidden-xs:before { font-size: 12px; content: var(--race-renamer-abilities); }
body.kanka-entity-character.entity-abilities section.content .header-buttons > a.btn[href$="entity_abilities/import?from=race"] > span.visible-sm.visible-xs:before { font-size: 12px; content: var(--race-renamer-abilities); }
table#characters > thead > tr > th.avatar + th + th + th + th + th { font-size: 0; } /* looks weird, but works for public, players, and admin */
table#characters > thead > tr > th.avatar + th + th + th + th + th:after {display: inline; content: var(--race-renamer-th-char); font-size: 14px;}