/** 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: Round Entity Images #1.0 code **/
.entity-header .entity-image {

    border-radius: 100% !important;

}

/** 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: Elegant Music Embeds #1.0 code **/
/*Music  Embeds */
.panel-body iframe {
    width: 100%;
    height: 85px;
}

.box-body iframe {
    width: 100%;
    height: 85px;
}

/** plugin: Taller Map #1 code **/
/* dashboard */
.widget-map .panel-body { height: 750px; }
.panel-heading-entity .panel-title { line-height: 0.1; }
.panel-heading-entity { height: 750px; }
#campaign-dashboard .campaign { display: none; }
#campaign-dashboard .campaign + .row:before { content: "World Map"; }
#campaign-dashboard .campaign + .row:after { content: "Characters"; }
#campaign-dashboard .campaign + .row:after, #campaign-dashboard .campaign + .row:before {
font-size: xx-large;
position: relative;
text-align: center;
margin-left: 50%;
transform: translateX(-50%);
display: inline-block;
margin-bottom: 20px;
width: 95%;
padding-top: 10px;
padding-bottom: 10px;
background-image: linear-gradient(to right, rgba(0,0,0,0), rgb(30, 30, 30), rgba(0,0,0,0));
}

.panel-title .ra,
.panel-title .fa,
.panel-title .fab,
.panel-title .fad,
.panel-title .fal,
.panel-title .far,
.panel-title .fas {
line-height: 0.1;
}

/** plugin: Extraordinary Tooltips #b4 code **/
:root {
	--summernote-insert-extraordinary-tooltips: enabled;
	--ExT-trigger-icon: " \f00e";
	--ExT-trigger-icon-font: "FontAwesome";
}

/* Style the trigger word/phrase */
.ExT-trigger {
	display: block; /* So that standalone triggers don’t occupy full container width */
	width: max-content;
	position: relative;
	color: var(--link-hover); /* Make triggers that aren’t links stand out a little */
}
/* Add invisible space under the trigger so the element doesn’t
lose focus while moving the pointer to the tooltip, in affixed mode */
.ExT-trigger::before {
	position: absolute;
	content: "";
	height: 20px;
	width: 100%;
	bottom: -15px;
	left: 0;
}
/* Add an optional indicator that ExT is active here */
.ExT-trigger::after {
	content: var(--ExT-trigger-icon, " \f00e");
	font-family: var(--ExT-trigger-icon-font, "FontAwesome");
	font-weight: 400;
	font-size: 12px;
}
.ExT-trigger.no-icon::after {
	content: "";
}
/* Hide Kanka tooltips on triggers and the main entity title */
.ExT-trigger > .tooltip,
.ExT-wrapper .entity-mention-name + .tooltip {
	display: none !important;
}

/* Position and toggle affixed tooltips */
.ExT-wrapper.affixed {
	display: none;
}
.ExT-trigger:hover + .ExT-wrapper.affixed,
.ExT-wrapper.affixed:hover {
	display: block;
	position: relative;
	overflow: hidden;
}

/* Position and animate fixed tooltips */
.ExT-wrapper.fixed {
	position: fixed;
	z-index: 10;
	top: 50%;
	left: 50%;
	overflow: hidden;
	animation: simple-tooltip-fadeout 1s ease-in;
	animation-fill-mode: forwards;
	--direction-transform: translateX(-50%) translateY(-50%);
	transition: 0.5s all; /* mouseout transition to allow moving the pointer from trigger to tooltip before it closes */
	opacity: 0;
	visibility: hidden;
	/* transform: scale(0); /* don't remember exactly what this was for, but doesn't seem necessary anymore */
}
.ExT-trigger:hover + .ExT-wrapper.fixed,
.ExT-wrapper.fixed:hover {
	animation: simple-tooltip-fadein .3s ease-out;
	animation-fill-mode: forwards;
	opacity: 1;
	visibility: visible;
}
@keyframes simple-tooltip-fadein {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	1% {
		transform: scale(1) var(--direction-transform);
	}
	100% {
		transform: scale(1) var(--direction-transform);
		opacity: 1;
	}
}
@keyframes simple-tooltip-fadeout {
	0% {
		transform: scale(1) var(--direction-transform);
		opacity: 1;
	}
	99% {
		transform: scale(1) var(--direction-transform);
	}
	100% {
		transform: scale(0) var(--direction-transform);
		opacity: 0;
	}
}

/* Handle scrollbar behaviour within the tooltip */
.ExT-attribute > .attribute-mention,
.ExT-entry > .ExT-wrap {
	display: block;
	overflow: auto;
	max-width: inherit;
	max-height: inherit;
}

/* Style default tooltip container
   (other variants can be created using additional classes) */
.ExT-wrapper {
	border-radius: 10px;
	padding: 10px 10px;
	background-color: #222;
	--body-text: whitesmoke;
	color: var(--body-text);
	max-width: 80vw;
	max-height: 90vh;
	width: auto;
}
/* Entity title */
.ExT-entry .entity-mention-name {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
	color: whitesmoke;
}

/* All attribute mentions in tooltips should be innocuous */
.ExT-wrapper .attribute-mention {
	background: none;
}

/* For TOC userscript, hide heading "to top" link */
.ExT-wrapper .to-top {
	display: none;
}

/* Now to handle triggers in text (paragraphs or otherwise)...
To fake inserting block content in a paragraph, we need:
1. an inline p;
2. an inline span to keep the trigger on the same line;
3. an inline p to join the second paragraph;
4. a block ::after for the bottom margin, which is ignored on inlines,
   as well as to break away anything inline that could follow. */

.ExT-inline,
.ExT-inline + .ExT-trigger,
p .ExT-trigger { /* This last one is for a standalone trigger inside a standard paragraph, for tooltips that contain only phrasing content, and won’t work otherwise */
	display: inline;
	margin: 0;
	position: relative;
}
.ExT-inline + .ExT-trigger + .ExT-wrapper + .ExT-inline::after {
	content: "";
	margin-bottom: 11px;
	display: block;
}

/** plugin: Handwritten Journal #1.3 code **/
/* Made by Ornstein, maybe sloppy, to create 'letter' styles for journals and notes */
/*Import of Salvatos' userscript plugin */
:root { --summernote-insert-handwritten-journal: enabled; }

/*Import fonts from google for handwritten letters; there are 6.*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Fondamento&family=Homemade+Apple&family=Kalam&family=Sacramento&family=Shadows+Into+Light&display=swap');
/*Main letter class, establishing background image and text colour (in case they're in dark mode)*/
.lback
{
   background: url("https://cdn-ugc.kanka.io/entities/files/n68lwMIv4f0NVfp0d1ghHo0tJQikA3CAnyhHW9s6.png") no-repeat center top;
   background-size: cover;
    background-attachment:fixed;
padding-top: 25px;
padding-left: 50px;
padding-right:50px;
padding-bottom:25px;
  color:black;
background-attachment: local;
}
/*Certain things ignore the master styling. Need to overrwrite. Lists and block quotes*/
.lback li {
background:transparent;
color:black; 
}

.lback hr {
    height: 1px;
    background-color: black;
    border: none;
}

.lback a 
{
	color: DarkBlue;
}

.letter blockquote {
background:transparent;
color:black; 
font-size: 1.1em;
border-left: 5px double black;
}

.hand1 {
font-family: 'Kalam', cursive;
}

.hand2 {
    font-size: 1.5em;
font-family: 'Sacramento', cursive;
}

.hand3 {
    font-size: 1.2em;
font-family: 'Dancing Script', cursive;
}

.hand4 {
font-family: 'Fondamento', cursive;
}

.hand5 {
font-family: 'Homemade Apple', cursive;
}

.hand6{
    font-size: 1.1em;
font-family: 'Shadows Into Light', cursive;

}

.sig {
    font-size:2em;
}
.letter a, h1, h2, h3, h4, h5, h6 {
    font-family:inherit;
}

.lback .table-bordered,
.lback .table-bordered > tbody > tr > td,
.lback .table-bordered > tbody > tr > th,
.lback .table-bordered > tfoot > tr > td,
.lback .table-bordered > tfoot > tr > th,
.lback .table-bordered > thead > tr > td,
.lback .table-bordered > thead > tr > th
    { border: 1px solid black; }