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

/** 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: Compact Inventory #1.0 code **/
/* BEGIN Compact Inventory by Salvatos */
/* Unset fixed height */
.box-entity-inventory .h-60 {
	height: auto;
}
/* Change to display: grid */
.box-entity-inventory [data-position] div[data-toggle="dialog"] {
	display: grid;
	grid-template-columns: 5rem auto;
	grid-template-areas: "topleft topright"
						 "bottomleft bottomright";
	/* Make direct descendants participate in parent grid */
	> div:not(.cover-background) { /* Except custom images which have no children */
		display: contents;
	}
	/* Place and style each piece of info */
	.item-amount {
		grid-area: topleft;
		&::first-letter {
			color: transparent; /* Remove the odd "+" */
		}
		&::after {
			content: "x"
		}
	}
	.text-lg {
		grid-area: topright;
	}
	div.rounded-full {
		grid-area: bottomleft;
      	height: 4rem;
		width: 4rem;
		margin: 0 auto;
		i { /* Center Font Awesome icons */
			margin: inherit;
		}
	}
	.text-xs {
		grid-area: bottomright;
	}
}
/* END Compact Inventory by Salvatos */

/** 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: Vertical Timelines #2.2 code **/
/* BEGIN Vertical Timelines by Salvatos */
/* Set vars */
.timeline {
	--svtlinecolor: hsl(var(--s));
	--svtbgc: hsl(var(--n));
	--svtbgt: hsl(var(--nc));
}
/* Container shorthand */
.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .entity-main-block {
	container: svt / inline-size;
}
@container svt (width > 600px) {
	/* Position events */
	li[id|="timeline-element"] {
		width: 50%;
		padding-bottom: 25px;
	}
	li[id|="timeline-element"]:nth-child(2n+1) {
		left: 0;
		padding-right: 25px;
	}
	li[id|="timeline-element"]:nth-child(2n) {
		left: 50%;
		padding-left: 25px;
	}
	/* Shorten the bar on the last item so it doesn't collide with buttons */
	li[id|="timeline-element"]:last-child {
		padding-bottom: 0;
		margin-bottom: 15px;
	}
	/* Position markers*/
	li[id|="timeline-element"] > i {
		position: absolute;
		top: 7px;
		background-color: var(--svtbgc);
		color: var(--svtbgt);
	}
	li[id|="timeline-element"]:nth-child(2n) > i {
		left: calc(0% - 15px);
	}
	li[id|="timeline-element"]:nth-child(2n+1) > i {
		left: calc(100% - 15px);
	}
	/* Position lines */
	li[id|="timeline-element"]::before {
		display: block !important; /* important otherwise Kanka sets the last one to 'table' */
		width: 6px;
		border-radius: 0;
		background-color: var(--svtlinecolor);
	}
	li[id|="timeline-element"]:nth-child(2n)::before {
		left: calc(0% - 2px);
	}
	li[id|="timeline-element"]:nth-child(2n+1)::before {
		left: calc(100% - 2px);
	}
	/* Set radius of line start */
	:is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:first-of-type::before) {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	/* Fix length and set radius of line end */
	:is(li[id|="timeline-element"]::after, li[id|="timeline-element"]:last-of-type::before) {
		display: initial;
		height: calc(100% - 25px);
		border-bottom-left-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}
	/* Reshape event blocks */
	.timeline-item {
		margin: 0;
	}
	/* Remove the misplaced box-shadow from Kanka */
	.timeline > li .timeline-item {
		box-shadow: unset;
	}
  	/* More consistent spacing around the toggle */
  	.element-toggle .icon-hide {
		padding-inline: 2px;
	}
	/* Set date markers */
	.bg-aqua + .timeline-item .text-neutral-content {--svtbgc:#00c0ef;--svtbgt:#fff}
	.bg-black + .timeline-item .text-neutral-content {--svtbgc:#111;--svtbgt:#fff}
	.bg-brown + .timeline-item .text-neutral-content {--svtbgc: #a35831;--svtbgt:#fff}
  	.bg-grey + .timeline-item .text-neutral-content {/* use defaults */}
	.bg-green + .timeline-item .text-neutral-content {--svtbgc:#00a65a;--svtbgt:#fff}
	.bg-light-blue + .timeline-item .text-neutral-content {--svtbgc:#3c8dbc;--svtbgt:#fff}
	.bg-maroon + .timeline-item .text-neutral-content {--svtbgc:#d81b60;--svtbgt:#fff}
	.bg-navy + .timeline-item .text-neutral-content {--svtbgc:#001f3f;--svtbgt:#fff}
	.bg-orange + .timeline-item  .text-neutral-content {--svtbgc:#ff851b;--svtbgt:#fff}
	.bg-pink + .timeline-item .text-neutral-content {--svtbgc:#ebbde9;--svtbgt:#fff}
	.bg-purple + .timeline-item .text-neutral-content {--svtbgc:#605ca8;--svtbgt:#fff}
	.bg-red + .timeline-item .text-neutral-content {--svtbgc:#dd4b39;--svtbgt:#fff}
	.bg-teal + .timeline-item .text-neutral-content {--svtbgc:#39cccc;--svtbgt:#111}
	.bg-yellow + .timeline-item .text-neutral-content {--svtbgc:#f39c12;--svtbgt:#fff}
	.timeline-item-head .text-neutral-content {
		position: absolute;
		top: 7px;
		width: max-content;
		padding: 5px 8px;
		border: 1px solid var(--svtbgc);
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
		background-color: var(--svtbgc);
		color: var(--svtbgt);
      	overflow: visible;
	}
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content {
		right: calc(100% + 75px);
	}
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content {
		left: calc(100% + 75px);
	}
	/* Fancy arrowheads */
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content:after,
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content:before {
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-radius: 50%;
	}
	li[id|="timeline-element"]:nth-child(2n) .text-neutral-content:after {
		right: -25px;
		border-right: none;
		border-left: 25px solid var(--svtbgc);
	}
	li[id|="timeline-element"]:nth-child(2n+1) .text-neutral-content:before {
		left: -25px;
		border-left: none;
		border-right: 25px solid var(--svtbgc);
	}
}
/* END Vertical Timelines by Salvatos */