/** plugin: Tales of the University Theme #1.0 fonts **/
@import url('https://fonts.googleapis.com/css2?family=Girassol&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

@font-face {
    font-family: "Solbera Imitation";
    src: url("https://benlk.github.io/solbera-dnd-fonts/Solbera Imitation/Solbera Imitation.otf") format("opentype");
    font-weight: normal;
}

@font-face {
  font-family: "Nodesto Caps Condensed";
  src: url("https://benlk.github.io/solbera-dnd-fonts/Nodesto Caps Condensed/Nodesto Caps Condensed.otf") format("opentype");
  font-weight: normal;
}

@font-face {
    font-family: "Bookinsanity";
    src: url("https://benlk.github.io/solbera-dnd-fonts/Bookinsanity/Bookinsanity.otf") format("opentype");
    font-weight: normal;
}

@font-face {
    font-family: "Bookinsanity Bold";
    src: url("https://benlk.github.io/solbera-dnd-fonts/Bookinsanity/Bookinsanity Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

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

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

/** plugin: Scrollable Map Sidebar #EOL code **/
/* BEGIN Scrollable Map Sidebar by Salvatos */
.main-sidebar {
	--map-sidebar-scrollbar-track-color: auto;
	--map-sidebar-scrollbar-slider-color: auto;
	--map-sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	#map-body {
		/* Prevent scrollbar in main pane */
		#sidebar-map, .main-sidebar {
			max-height: calc(100vh - 3.1rem);
		}

		/* Scrollbar width and colors */
		#sidebar-content {
			scrollbar-width: var(--map-sidebar-scrollbar-width);
			scrollbar-color: var(--map-sidebar-scrollbar-slider-color) var(--map-sidebar-scrollbar-track-color);
		}
		/* Webkit patch */
		#sidebar-content::-webkit-scrollbar {
			background-color: var(--map-sidebar-scrollbar-track-color);
		}
		#sidebar-content::-webkit-scrollbar-thumb {
			background-color: var(--map-sidebar-scrollbar-slider-color);
		}

		/* Legend spacing */
		#sidebar-map {
			.marker-actions {
				padding-block: 1em;
			}
			.map-legend:not(:last-child) {
				padding: 0 10px;
			}
		}

		/* 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)));
		}
		.marker-header + .gap-3 {
			gap: unset;
		}
	}
}
/* END Scrollable Map Sidebar by Salvatos */

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

/** 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: Simple Background Image #1.0 code **/
/* background image */
  .content-wrapper, .main-footer, body {
    background: url(https://images.kanka.io/user/R9eAdI1H-hpB7QCMg-98FyfaA7Y=/src/notes%2F5ec0e6e60a037_RgYzoixGEjG63LEJ2OJhHWePQMEjrcWOsNTFXYY1.jpeg);
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed;
  }

/** plugin: Tales of the University Theme #1.0 code **/
body, p {
	font-family: "Bookinsanity";
  	--box-background: #F9F0DE;
  	--body-text: #3A3030;
  	font-size: 14px;
}
.sidebar-menu > li > a,
.sidebar-menu > li > span,
.sidebar-submenu > li.subsection > a {
	text-transform: none;
  	font-size: 14px;
	font-family: "Bookinsanity";
}
.sidebar-menu > li > span > i,
.sidebar-menu > li > span > i,
.sidebar-submenu > li.subsection > a > i {
	padding-bottom: 3px;
}

.sidebar-menu > li > a,
.sidebar-menu > li > span,
.sidebar-menu > li > span,
.sidebar-menu > li > span > i {
	/*color: gold !important; */
}

img.note-float-left,
img.note-float-right {
	margin: 0 20px 20px 20px;
  	border: 6px double #553C38;
}
img.note-float-left {
  	float: left;
}

a {
    color: #861200;
}
a:hover, a:active {
	color: #600D00;
}
a.entity-mention, a.mention, a.name {
    font-family: "Bookinsanity";
}

.entity-story-block > .box-entity-entry > .entity-content > p:first-child::first-letter,
.widget-preview > .panel-body > .entity-content > p:first-child::first-letter,
.entity-note > .entity-content > .entity-note-body > p:first-child::first-letter {
    font-size: 80px;
    font-family: "Solbera Imitation";
  	float: left;
  	padding-right: 8px;
  	padding-top: 5px;
    color: #B90000;
}

@media only screen and (max-width: 600px) {
  .entity-story-block > .box-entity-entry > .entity-content > p:first-child::first-letter,
  .widget-preview > .panel-body > .entity-content > p:first-child::first-letter,
  .entity-note > .entity-content > .entity-note-body > p:first-child::first-letter {
  	padding-top: 23px;
  	padding-bottom: 10px;
  }
}

section.sidebar,
aside.main-sidebar-placeholder,
section.sidebar-creator {
    --sidebar-background: #200A06;
  	--campaign-switcher-background: #200A06;
	background-color: #200A06;
}


#dashboard-widget-233110.widget-map > .panel-body,
#dashboard-widget-233143.widget-map > .panel-body {
	height: 400px;
}

.panel-default > .panel-heading,
div.box-entity-entry > div.box-header.with-border,
.entity-story-block > .box-entity-entry,
.box .box-header.with-border {
  border-color: #DDBD93 !important;
  border-width: 2px !important;
}

.box.box-solid {
  box-shadow: initial;
}

.content-wrapper,
.main-footer, div.panel {
  background-color: #F9F0DE;
}
body .main-header .navbar {
  background-color: #EADFC9;
}

div.box-entity-entry > div.box-header > h3.box-title {
  visibility: hidden;
}
div.box-entity-entry > div.box-header > h3.box-title::before {
  content: 'Summary';
  visibility: visible;
}

.entity-note > .box-header > h3.box-title, .box-entity-entry > .box-header > h3.box-title, h3.panel-title {
	content: 'Summary';
}

.entity-note > .box-header > h3.box-title,
.box-entity-entry > .box-header > h3.box-title,
h3.panel-title {
 font-size: 30px;
}

.entity-note > .box-header > h3.box-title {
  font-size: 30px;
}
html body.ab-testing-second div#app.wrapper div#campaign-dashboard.content-wrapper div.campaign-header.no-header div.campaign-header-content div.campaign-content div.campaign-head a.campaign-title {
  background: #861200;
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 0% 100%);
  padding: 20px 40px 20px 20px;
  color: #f9f0de;
}
.campaign-header .campaign-content .campaign-head a.campaign-title {
  font-size: 48px;
}
section.sidebar-campaign .campaign-block .campaign-head .campaign-name {
  font-size: 29px;
}
section.sidebar-campaign .campaign-block .campaign-head .campaign-name i {
  font-size: 16px;
}
.campaign-header .campaign-content .campaign-head a.campaign-title,
section.sidebar-campaign .campaign-block .campaign-head .campaign-name {
  font-family: 'Nodesto Caps Condensed' !important;
}

h1, h2, h3, h4, h5,
h3.panel-title {
  /* color: #58170D; */
  color: #861200;
  font-family: 'Girassol', cursive !important;
}
h3.panel-title > a {
  font-family: 'Girassol', cursive !important;
}

.content-header h1 {
  font-size: 3.3em;
}
.campaign-header .campaign-content .campaign-head .campaign-title {
  font-size: 42px;
}

p:not(:empty),
p > span:not(:empty),
div.preview:not(:empty),
.post-body > ul > li {
  color: #3A3030;
  font-size: 18px !important;
  line-height: 25px;
  font-family: 'Bookinsanity';
}

.div {
	color: #3A3030;
}

/** plugin: Hexagon Entities #3.0 code **/
:root {
  --hexagon-images-variant-one: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
  --hexagon-images-variant-two: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
  --hexagon-images-use: var(--hexagon-images-variant-one);
}

td > .entity-image, .user-image, td > .avatar, #members-permissions .cover-background {
  border-radius: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: var(--hexagon-images-use);
  mask-image: var(--hexagon-images-use);
}

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

