/**
 * Campaign Styles for campaign #19153
 */

/** Style Campaign style#65 */
/*† Fonts & Basics †*/
@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Crimson+Pro:ital,wght@0,500;1,500&family=Lora:ital,wght@1,500&family=Cinzel:wght@400;600&family=Stoke&display=swap');

a, body, h1, h2, h3, h4, h5, h6 {
  font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
}
body {
  font-size: 15px;
  line-height: 22px;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
	margin-bottom: 0.75rem;
}
:is(.entity-content, .note-editable) :is(p, li) {
  font-size: 16px;
}
summary {
  margin-bottom: 8px;
}
.main-footer { --footer-text: #333; }

/* 1.43 bullshit */
:root {
  --btn-text-case: capitalize;
}
.btn2.btn-disabled,
.btn2.btn[disabled],
.btn2.btn:disabled {
  background-color: hsl(var(--b2)/.8);
}
div.badge {
  padding: 12px 7px;
}

/* Heading sizes */
h1 { font-size:26px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:17px; font-weight: 600; }

/* Background */
.main-footer, .content-wrapper {
  background: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/ZD1uhRtM0COC0cHqG8H7XvsleBEIeYJgVFcDJpbe.png);
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
}

/*† Editor †*/
.form-group {
	margin-bottom: 5px;
}

/*† Images †*/
/* Center images in text by default (pull-x supersedes) */
.entity-content *:not(.autogallery, .lightbox) > img:not(.ExT-trigger) {
	margin: auto auto;
	display: block;
}

/*† Tables †*/
.entity-content table {
	width: unset; /* Only as wide as needed */
	margin: 0 0 0.5em;
	display: inline-block; /* block for max-width 100% to apply, inline to avoid a 100% width border on narrower tables */
	overflow-x: auto;
	/* And then centering an inline-block is trickier: */
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
:is(.entity-content, .note-editing-area, .entity-grid) th {
	background-color:#eee;
	font-weight:bold;
}
/* In map explore sidebar */
.marker-entry table {
	width: unset; /* Only as wide as needed */
	margin: 0 0 0.5em;
	overflow-x: auto;
	max-width: 100%;
}
.marker-entry th {
	background-color:#555;
}
/* Custom borders on .table-bordered */
:is(.entity-content, .entity-sidebar) .table-bordered {
	border: none;
}
:is(.entity-content, .entity-sidebar) .table-bordered :is(tr, td, th) {
	border: 1px solid #bbb;
}
/* Default tables' padding */
:is(.entity-content, .note-editing-area) :is(td, th) {
    padding: 2px 5px;
}

/*† Tooltips †*/
:root {
  	--tooltip-background: #f2efed;
}
/* In case I turn on entity images in tooltips:
.flex-none + .grow.entity-names {
    margin-left: calc(-40px - 0.5rem); /* (image width + gap-2)
}*/
.tippy-arrow::before {
	border-bottom-color: var(--tooltip-background) !important;
	border-top-color: var(--tooltip-background) !important;
}
.tippy-box[data-theme~="entity-tooltip"] {
	background-color: #f2efed;
	
	.entity-name {
		text-align: center;
		font-family: "Lora", serif;
		font-size: 21px;
		font-weight: bold;
		color: #464441;
		text-shadow: #444 1px 1px 2px;
	}
	.tooltip-text {
		font-size: 16px;
		line-height: 1.25;
		color: #353535;
		text-align: justify;
		hyphens: auto;
		font-family: 'Crimson Pro', serif;
		letter-spacing: 0.2px;
	}
	.tippy-content a.entity-mention {
		font-family: 'Crimson Pro', serif;
		letter-spacing: 0.2px;
	}
}


/*† Entity header †*/
/* More visible entity titles */
.entity-content :is(h1, h2, h3, h4, h5) {
	font-family: "Crimson Pro", serif;
}
.entity-name-header .entity-name {
  font-family: "Lora", "Gentium Book Basic", 'Courgette', serif;
  font-size: 23px;
}
.entity-header.with-entity-header h1.entity-name {
  font-size: 28px;
  text-shadow: rgb(0, 0, 0) 1px 2px 2px;
}
/* Smaller icons */
.entity-header .entity-name-header i.entity-icons {
	font-size: 15px;
}
/* Banner images look weird if they have a gap with a background image between them and content */
.entity-grid .entity-header.with-entity-banner {
	padding-bottom: 0;
}
/* Editor spacing */
.breadcrumb + h1 {
  margin: 0 0 10px 0;
}

/* Remove entity image over banner */
.entity-header.with-entity-banner { grid-template-columns: auto; }
.entity-header.with-entity-banner > .entity-header-image { display: none; }
.entity-header.with-entity-banner > .entity-header-text { grid-column: 1/span 2 !important; }

/* Adjust top alert spacing */
.alert { margin-bottom: 10px; }

/* Hide breadcrumbs */
.entity-header .entity-breadcrumb {
  display: none;
}

/* Add some space between title and subtitle/tags */
.entity-texts {
	margin-bottom: 5px;
}
/* And keep buttons separated on mobile */
.header-buttons {
	margin-top: 5px;
}

/* Subtitle (character title, location type, etc.) -- not currently displayed in entity headers) */
.entity-type, .entity-title {
  font-family: "Lora", "Crimson Pro";
}
.with-entity-banner :is(.entity-type, .entity-title) {
  color: white;
}
.entity-type::before, body:not(#map-body) .entity-title::before {
	content: "¤ ";
}

/* Location tag */
.entity-header-sub {
  background: #ffffffc7;
  font-size: 13px;
  padding: 3px 5px !important;
  border: 1px solid #ddd;
  border-radius: 3px;
	margin-right: 5px;
}
.with-entity-banner .entity-header-sub {
	background: #0000008a;
	border: 1px solid #0000008a;
}
.entity-header-sub i {
	font-size: 13px;
}

/* Force visibility of race tag, otherwise we see an empty box due to custom appearance */
.entity-header-sub .entity-header-sub-element {
	display: inline-block !important;
}
/* Push it away from the location if present */
.entity-header-sub-element + .entity-header-sub-element {
	margin-left: 5px;
}

/* Tags */
.entity-tags {
  display: inline; /* Avoids line-breaking with location/race */
}
.entity-tags .badge {
	height: auto;
	background-color: #eee;
	font-size: 13px;
  	color: #373737;
	margin-right: 3px;
}

/* Hide edit time from entity posts */
.entity-note-footer {
  display: none;
}


/*† Abilities †*/
table.menace tr[class~="menace-I"][class~="I"],
table.menace tr[class~="menace-II"][class~="II"],
table.menace tr[class~="menace-III"][class~="III"],
table.menace tr[class~="menace-IV"][class~="IV"],
table.menace tr[class~="menace-V"][class~="V"] {
	font-weight: bold;
	background-color: #d1edf0;
}

/*† Calendars †*/
.calendar tbody td .reminder-entity {
	white-space: break-spaces;
}
.calendar tbody td .calendar-event-block {
	padding: .2em .6em .3em;
}

/*† Maps †*/
/* Show only pop-up titles, not excerpt */
.marker-popup-entry { display: none; }

/* Make labels pretty */
.leaflet-tooltip {
	color: white;
	text-shadow: 1px 1px 1px black;
	background: none;
	border: none;
	box-shadow: none;
	font-size: 20px;
	font-family: Courgette, Helvetica Neue;
	font-weight: bold;
}

/* Highlight area markers on hover */
.leaflet-interactive:hover {
  fill: #123456;
  fill-opacity: 0.5;
}

/* Arcadie */
#map484 .leaflet-interactive {
	fill-opacity: 0;
	stroke-width: 2;
	stroke-opacity: 0.8;
	stroke: darkslategray;
}

/* Gallery */
#uploader {
	background: var(--box-background);
}

/* Asset grid */
.entity-grid .entity-assets {
	background: var(--box-background);
	padding: 1rem;
	border-radius: 5px;
}

/*† Tooltips in iframes :( †*/
iframe {
	border: 0;
	width: calc(100% - 40px);
	height: 50vh;
}
/* Let first post take over */
body.kanka-tag-transclusion .entity-note-position-1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
}
/* Styling */
body.kanka-tag-transclusion .entity-note-position-1 * {
	background: #222;
}
body.kanka-tag-transclusion .entity-note-position-1 .entity-note {
	margin: 0;
	color: whitesmoke;
	height: 100%;
	display: flex;
	flex-direction: column;
}
body.kanka-tag-transclusion .entity-note-position-1 .entity-content {
	overflow-y: auto;
}
/* Show only the title in the box-header */
body.kanka-tag-transclusion .box-header :not(.entity-note-toggle) {
	display: none;
}
/* Style box-header */
body.kanka-tag-transclusion .box-header {
	background: none !important;
	text-shadow: none !important;
	border: none;
	padding: 0;
}
body.kanka-tag-transclusion :is(.entity-note-footer, .entity-note-details) {
	display: none;
}
body.kanka-tag-transclusion .box-header .box-title {
	text-shadow: none;
	text-align: center;
	font-family: Cinzel;
	font-variant-caps: small-caps;
	font-size: 22px;
}
body.kanka-tag-transclusion .box-header .box-title::after { 
	content:"";
	display: block;
	height:20px; 
	width:100%;
	background:url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/19153/9a066ba7-3212-4076-b4a3-82adc75c6888.png");
	background-repeat: no-repeat;
	background-position-x: 50%;
	margin-top: 10px;
}
/* Hide everything else */
body.kanka-tag-transclusion :is(header, footer, aside, .sidebar-creator) {
	display: none;
}
body.kanka-tag-transclusion #app {
	height: 0 !important;
	overflow: hidden !important;
}

/*† Content in pins †*/
.entity-sidebar img {
	max-width: 100%;
}
/** Theme builder #2591 */
@layer theme {
:root {
  --er: 0 75% 35%;
  --erc: 0 0% 100%;
  --wa: 43 73% 57%;
  --wac: 0 0% 0%;
  --su: 129 37% 44%;
  --suc: 0 0% 100%;
  --p: 191 27% 40%;
  --pf: 191 27% 20%;
  --pc: 0 0% 100%;
  --s: 191 24% 31%;
  --sf: 191 24% 11%;
  --sc: 0 0% 100%;
  --in: 198 44% 64%;
  --inc: 0 0% 0%;
  --a: 191 24% 31%;
  --af: 191 24% 11%;
  --ac: 0 0% 100%;
}
}
/** Style Dashboards#1069 */
/*† Dashboards †*/

/* More subtle gradient on preview toggles */
.gradient-to-base-100 {
	background: linear-gradient(transparent 0%, transparent 80%,#fffefe8a 100%);
}

/* Set all maps to the same height as neighbouring widgets */
.map-dashboard {
    /*height: 439px !important; /* Recently Modified height */
    height: 400px !important; /* Recently Modified height with forced title */
    /*height: 429px !important; /* entity preview height */
    /*height: 429px !important; /* entity preview height with forced title */
}

/* Remove the ugly tag bubble from widgets (but not the dead badge on characters) */
.widget .panel-title span.pull-right {
	display: none;
}

/* Widget titles */
#campaign-dashboard .panel-heading:not(.panel-heading-entity) h3 > a,
#campaign-dashboard .panel .panel-heading-entity h3 a {
	font-family: "Crimson Pro", serif;
	font-size: 21px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}

/* Give the same font-size to list widgets */
#campaign-dashboard :is(.widget-recent, .widget-unmentioned) .panel .panel-heading h3 {
	font-size: 21px;
	font-family: "Crimson Pro", serif;
}
/* Campign header styling */
#campaign-dashboard .campaign-title {
	font-size: 28px;
	font-family: "Cinzel", serif;
	font-weight: bold;
	color: #f2c78f;
	text-align: center;
	text-shadow: #333 1px 1px 2px;
}
#campaign-dashboard .campaign-title::before,
#campaign-dashboard .campaign-title::after {
	content: "꘏";
}
.campaign-header a {
	color: #d0b28b;
	font-family: Crimson Pro;
}
.campaign-header a:hover {
	color: #ece0d1;
}

/* Add a title to a map widget */
#dashboard-widget-44291 .panel-body::before {
	content: "Arcadie";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 10%;
	padding: 30px 20px;
	display: inline-block;
	width: 100%;
	color: #fff;
	text-shadow: rgba(0,0,0,.9) 0 1px 4px;
	font-size: 21px;
	font-family: "Crimson Pro", serif;
	background-image: var(--default-banner-66p);
	border-bottom: 1px solid #d3e0e9b5;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

/* Latest journal styling */
#dashboard-widget-52696 .panel-body .preview {
	max-height: 169px;
}
#dashboard-widget-52696 .entity > .flex div:last-child {
	display: none;
}
#dashboard-widget-52696 .entity > .flex .name {
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0;
}
#widget-preview-body-52696 {
	margin-top: 15px;
	display: grid;
	grid-template-columns: auto minmax(200px, 20%);
}
#widget-preview-body-52696 .entity-content {
	text-align: justify;
}
#widget-preview-body-52696 .widget-advanced-relations {
	margin-left: 10px;
}
/* Show pinned relations as a sidebar */
.widget-advanced-relations .pinned-relation {
	padding: 0 10px;
	margin: 5px 0;
}
.widget-advanced-relations .pinned-relation:first-child {
	margin-top: 10px;
}
.widget-advanced-relations .pinned-relation:last-child {
	margin-bottom: 10px;
}
.widget-advanced-relations .pinned-relation strong {
  display: block;
}
#dashboard-widget-52696 .dl-horizontal {
	border: 1px solid gray;
	border-radius: 5px;
	list-style-type: none;
}
#dashboard-widget-52696 .pinned-relation:not(:first-child) {
	border-top-color: gray;
}
#dashboard-widget-52696 .list-group-item {
	background: #dae3e2;
}

/* Dashboard Exploration */
/* Smaller headers */
.dashboard-1127 .panel-heading:not(.panel-heading-entity) h3 {
	padding: 15px 20px !important;
}
/* Exploration regions sidebar */
#widget-preview-body-284612 {
  display: grid;
  grid-template-columns: 1fr 200px;
}
#widget-preview-body-284612 .widget-advanced-attributes ul {
  border: 1px solid #66666666;
  padding: 5px 10px;
}
#widget-preview-body-284612 .pinned-attribute-section {
  border-top-width: 0;
  border-bottom-width: 1px;
}

/* Org members as sidebar */
#dashboard-widget-284631 .panel-body {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 20px;
}
#dashboard-widget-284631 .members {
	grid-template-columns: 1fr;
}
#dashboard-widget-284631 .panel-body::before,
#dashboard-widget-284631 .panel-body::after,
#dashboard-widget-284631 .members .font-extrabold {
	display: none;
}

/* Character sheets */
.kanka-tag-participantsauxepreuves .box-entity-attributes {
	margin-bottom: 0;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes :is(.mb-5, .dl-horizontal, .py-2) {
	margin: 0;
	padding: 0;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded h4 {
	margin-top: 10px;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .dl-horizontal dt {
	display: inline;
	margin-right: 5px;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .dl-horizontal dd {
	display: inline;
  	margin-bottom: 0;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .dl-horizontal dd span {
	display: inline;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .dl-horizontal dd::before {
	display: none;
}
.kanka-tag-participantsauxepreuves .box-entity-attributes .dl-horizontal dd::after {
	display: block;
	content: "";
  /* (not needed with Bootstrap but it’s just a matter of time) */
}
/* Hide non-widget attributes */
.kanka-tag-participantsauxepreuves .box-entity-attributes > dl:first-child {
	display: none;
}
/* Hide "Widget" section */
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded:first-of-type h4 {
	display: none;
}
/* Hide "Background" attribute title */
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded:first-of-type dt:first-of-type {
	display: none;
}
/* 2-column attributes and combat */
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded:is(:nth-of-type(2), :nth-of-type(3)) .dl-horizontal {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
/* Add + to combat values except Defense */
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded:nth-of-type(3) dd:not(:last-child)::before {
	content: "+";
	display: inline;
}
/* Add + to skill values */
.kanka-tag-participantsauxepreuves .box-entity-attributes .rounded:nth-of-type(4) dd::before {
	content: "+";
	display: inline;
}
/** Style Winter/Jungle Theme#452 */
/*† Winter Theme †*/
:root {
	--box-background: #ffffffdd; /* winter */
  	--box-background: #f4f0ebf5; /* jungle */
  	--footer-links-background: hsla(0,0%,100%,0.6);
	--body-text: #4a4646;
  	--header-text: #373737;
}
.widget, .entities-grid {
	--box-background: #eee; /* Nice color to keep for boxes in general, I think */
}
.panel .panel-body .preview::before {
	display: none;
}

.wrapper {
	background: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/CBdqDO8aPqmIhzJ3MajT361myZjOmHuhJw7gALrV.jpg); /* winter */
  	background: url(https://th.kanka.io/UniLI-HYBb8uv3bWtjjif2JzXMs=/smart/src/campaigns/19153/8c5161fe-d1b4-4c4e-8eb3-bdaaa8f69f4d.jpg); /* jungle */	
	background-size: cover;
	background-attachment: fixed;
}
.content-wrapper {
	background: none;
}
.main-footer {
	background: var(--box-background);
}
body[class*="kanka-entity"]  .content-header {
	display: none; /* this probably hides banner notices */
}
body[class*="kanka-entity-"] section.content {
	background: linear-gradient(to bottom, #e8e8e8d0, transparent); /* winter */
  	/*background: linear-gradient(to bottom, #e8e8e873, transparent); /* jungle */
	background-repeat: no-repeat;
	background-size: 100% 300px;
}
/* Change padding target to support colorful headers */
.sidebar-section-box {
	padding: 0;
}
.sidebar-elements {
	padding: 0 var(--sidebar-section-padding);
}
.sidebar-section-box .sidebar-section-title {
	padding: 7px 10px;
	color: #fff;
	font-family: Stoke, Crimson Pro, Serif;
	font-size: 15px;
	background: #355157;
	background: linear-gradient(to bottom, #355157, #2E4247);
}
.sidebar-section-title .fa-question-circle::before {
	vertical-align: middle;
}
.sidebar-section-box .list-group-unbordered .list-group-item {
	padding: 10px;
}
#sidebar-toc-list,
#sidebar-link-elements,
#sidebar-profile-elements {
	padding: 0 8px;
	hyphens: auto; /* unrelated but testing this */
}

/* Subtle text without a bg needs to be less subtle */
.hidden .help-block {
	color: #eee;
}
.entity-modification-history .help-block,
footer .text-muted {
	color: var(--calendar-event-text);
	text-shadow: gray 1px 2px 3px;
}

.campaign-header {
	background: none !important;
}

.dropdown-menu li>a {
	color: #4a4646;
}
/** Style Navigation and search pane#861 */
/* Section dividers in a category */
.section-campaigns li:is(:nth-child(4), :nth-child(7))::after,
.section-other li:is(:nth-child(4))::after{
	content: "";
	border-bottom: 1px solid grey;
	display: block;
	margin: 5px 0 3px;
}

/* Theming */
.main-sidebar {
	--sidedar-scrollbar-track-color: #333;
	--map-sidedar-scrollbar-track-color: #333;
	--sidedar-scrollbar-slider-color: #2e7993;
	--map-sidedar-scrollbar-slider-color: #2e7993;
  /* For Pop-Out Sidebar only
	--popout-sidebar-heading-bg: #333;
	--popout-sidebar-heading-color: darkgrey;
  */
}
.sidebar-creator {
	background-color: #2e7993;
}

/* List item fonts and spacing */
.main-sidebar .sidebar li :is(span, a) {
	text-transform: unset;
	font-size: 15px;
	font-family: "Crimson Pro", serif;
}

/* Hide Campaign category since we moved everything to World and Other */
li.section-campaign {
    display: none;
}
/* Undo Dashboard rotate for Expandable Navigation Panel if we hack its position in the DOM */
/*body:not(#map-body) :is(.sidebar:hover, .sidebar:focus-within) li.section-dashboard {
	writing-mode: unset;
}*/

/* Override font size for Expandable Navigation Panel only */
body:not(#map-body) :is(.sidebar:hover, .sidebar:focus-within) li :is(a, i, span) {
  font-size: 15px;
}
/* This is probably for Pop-Out Sidebar */
/*.sidebar-menu.tree > li.section-notes { padding-left: 24px; }
body:not(#map-body) .main-sidebar .sidebar { scrollbar-width: auto; }*/

#header {
	background-color: #333;
}

/* Search pane results */
.search-drawer .entity-name {
	font-family: 'Crimson Pro', 'Courgette', serif;
	font-size: 15px;
}
/* Search pane preview */
.search-preview {
    --lookup-entity-background: transparent;
}
.search-preview .entity-name {
	font-family: "Lora", "Gentium Book Basic", 'Courgette', serif;
	font-size: 20px;
}
/** Style Main entity layout and sidebars#905 */
/*† GRID MASONRY, FUCK YEAH †*/
@supports (grid-template-rows: masonry) {
	@media(min-width:768px) {
		.entity-grid {
			/*grid-auto-flow: dense;*/
			grid-template-columns: minmax(0, 1fr) 250px;  /* minmax to handle pre’s infinite width */
			grid-template-rows: masonry; /* Firefox only with an opt-in config for the foreseeable future but YOLO */
		}
		.entity-grid > .entity-submenu {
			grid-column-start: 2;
		}
		.entity-grid > :is(.entity-story-block, .entity-main-block) {
			grid-column: 1 / span 1;
		}
		.entity-sidebar {
			grid-column-start: 2;
		}
	}
}

/*† Sidebars to the right (without masonry) †*/
@supports not (grid-template-rows: masonry) {
	/* Roomier right column*/
	.entity-grid {
		grid-template-columns: 250px minmax(0, 1fr) 250px;  /* minmax to handle pre’s infinite width */
	}
	/* Reorder sidebar items (also on mobile) */
	.entity-sidebar {
		grid-column-start: 3;
		grid-row-start: 2;
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: min-content;
		align-items: start;
		align-content: start;
      margin-top: 60px; /* Giving room to the submenu */
	}
	.entity-grid > .entity-submenu {
		margin: 2px 0;
		height: min-content;
      /* Place the submenu right above the Pins, and expand over them on hover since the stacking context doesn’t allow one to push the other */
      grid-column-start: 3;
	grid-row-start: 2;
	z-index: 4;
	}
	.entity-submenu > .hidden-xs:hover {
		background: #ddd; /* Add a background color so we don’t see the Pins underneath */
	}
	.entity-grid > :is(.entity-story-block, .entity-main-block) {
		grid-column: 1 / span 2;
		grid-row-start: 2;
	}
	.sidebar-section-box.entity-pins {
		grid-row-start: 2;
	}
	.sidebar-section-box.entity-links {
		grid-row-start: 3;
	}
	.sidebar-section-box#toc {
		grid-row-start: 4;
	}
	.sidebar-section-box.sidebar-section-profile {
		grid-row-start: 1;
	}
}
/* Sidebars to the right (where grid doesn't apply, e.g. campaign settings) */
@media(min-width: 768px) {
	div.content-wrapper:not(#campaign-dashboard) > section.content > div.row > .col-md-3 {
		float: right;
		padding-left: 0;
	}
	/* Regardless of Masonry, hide all but the first submenu item (Overview) by default, expand on hover */
	.entity-submenu > .hidden-xs:not(:hover) {
		max-height: 55px;
		overflow-y: hidden;
		margin-bottom: 20px;
      	border-radius: 5px;
	}
	/* Add a visual clue that the compressed submenu can be expanded */
	body[class*="kanka-entity-"] .hidden-xs:not(:hover) > .bg-box:first-child ul:first-child {
		position: relative;
		max-height: 55px;
		overflow: hidden;
		padding-bottom: 12px;
	}
	body[class*="kanka-entity-"] .hidden-xs:not(:hover) > .bg-box:first-child ul:first-child::after {
		content: "\f7a4";
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		color: #777;
		position: absolute;
		bottom: -4px;
		transform: scale(1.7, 1);
		left: calc(50% - 8px);
	}
	/* Logged in users have a cog on there that messes with the centering */
	body[class*="kanka-entity-"] .main-sidebar-member ~ .content-wrapper .hidden-xs:not(:hover) > .box:first-child li:first-child a:first-child::after {
		left: calc(50% + 10px);
	}
}
/* Hide empty attributes */
.pinned-attribute-empty {
	display: none;
}
/* Hide Profile box */
.sidebar-section-box.sidebar-section-profile {
	display: none;
}
.sidebar-section-box, .sidebar-section-box.entity-links { /* (second selector for Tampermonkey TOC box) */
	margin-bottom: 20px;
}
/* Sensible size for external link icon */
.entity-links li > a i {
	font-size: 13px;
}
/* More discreet History */
#sidebar-history {
	font-size: 14px;
	margin: 7px 2px;
}
#sidebar-history p {
	margin: 0 0 5px;
}

/* Sidebar bg */
.sidebar-section-box {
	--sidebar-section-background: var(--box-background);
}
/** Style Box headers (entry, post, timeline era)#894 */
.entity-notes > div:not(.notice-post) .entity-note > .box-header.with-border,
:is(.box-entity-entry, .entity-mentions-box) > .box-header.with-border {
	background: #355157;
	background: linear-gradient(to bottom, #355157, #2E4247);
}
.timeline-item :is(.box, .box-header, .box-body) {
	background: transparent;
	box-shadow: none;
}
.timeline-item .box-title, .timeline-item .box-title .name {
	font-family: "Crimson Pro", serif;
	font-size: 18px;
	font-weight: bold;
}
.timeline-item .box-title .text-muted {
	font-family: "Crimson Pro", serif;
	font-size: 17px;
	font-weight: normal;
}
/* Smaller toggle and lock icons */
.timeline-item .box-title > i {
	font-size: 14px;
}
.entity-notes > div:not(.notice-post) .entity-note > .box-header.with-border  > :is(h3, .box-title),
:is(.box-entity-entry, .entity-mentions-box) > .box-header.with-border > :is(h3, .box-title) {
	display: inline-block;
	font-size: 16px;
	margin: 0;
	line-height: 1;
	text-shadow: 0px 0px 3px #000; /* rgba(168, 163, 163, 0.5) 0 1px 4px; */
	font-weight: bold;
	font-family: 'Stoke', serif;
	padding: 10px 5px;
	color: white;
}
:is(.box-entity-entry, .entity-note, .entity-mentions-box) > .box-header .box-tools {
	margin: 0 !important;
}
:is(.box-entity-entry, .entity-note, .entity-mentions-box) > .box-header .box-title + .pull-right {
	padding: 7px 0;
}
:is(.box-entity-entry, .entity-note, .entity-mentions-box) > .box-header .box-tools > i:first-child {
	color: #ddd;
}
:not(.timeline-item > .box) > .box-header.with-border .box-title a {
  color: white;
}
:not(.timeline-item > .box) > .box-header.with-border a.text-red {
	color: #dd2828 !important;
}
:is(.box-entity-entry, .entity-note, .entity-mentions-box) > .box-header i.btn-box-tool,
:is(.box-entity-entry, .entity-note, .entity-mentions-box) > .box-header > .box-tools > :not(.dropdown-menu) i {
	color: #e1e0e0;
}
.kanka-entity-timeline .col-md-8 :not(.timeline-item > .box) > .box-header .pull-right {
	margin: 6px 0 0 0;
}
/* Post collapse toggle */
.box-title > i:is(.fa-chevron-up, .fa-chevron-down) {
	margin-right: 5px;
}
/** Style Horizontal Timelines Customization#320 */
.kanka-tag-horizontaltimeline .entity-story-block {
	width: 100%;
}
/** Style Vertical Timelines Customization#862 */
.timeline {
	--svtlinecolor: #395b62;
	--svtbgc: #395b62;
}
/* Styling */
.timeline > li > .timeline-item {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.88);
  box-shadow: 0 2px 5px rgba(98, 98, 98, 0.3);
  padding: 0 10px;
}
.timeline-era-head > .flex.gap-2 {
	gap: 0;
}
.timeline-item .bg-box {
	background: none;
}
.timeline-item-body {
	border-top: 1px solid #ddd6d6;
	padding-top: 5px;
}
.timeline-item .entity-content :is(p, li) {
	text-align: justify;
}
.timeline-item .entity-content :is(ul, ol) {
	padding-left: 10px;
}

/* Override the default event marker */
.timeline .fa.fa-hourglass-half::before {
	/* ink and quill */
	font-family: RPGAwesome;
	content: "\EA75";
	/* book */
	content: "\E93A";
	/* ethereum gem */
	font-family: "Font Awesome 5 Brands";
	content: "\F42E";
}
/* Auto. give the last item in an era a custom icon */
.kanka-entity-timeline.kanka-type-journal :is(form:nth-last-child(2), form:nth-last-child(3)) .timeline li:last-of-type .fa-hourglass-half::before {
	/* ethereum gem */
	font-family: "Font Awesome 5 Brands";
	content: "\F42E";
}
/** Style Nested datagrid folders (more compact)#350 */
.table-nested tbody tr[data-children]:not([data-children="0"]) {
	position: relative;
}
.table-nested tbody tr[data-children]:not([data-children="0"]):after {
	content: "\f07c";
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	position: absolute;
	top: 18px;
	left: 35px;
}
.table-nested tr[data-children]:not([data-children="0"]) td:first-child {
	padding-right: 25px;
}
/* Checkboxes don't line up */
.table-nested td:first-child input {
	margin-top: 9px;
}
/** Style Extraordinary Tooltips#481 */
/*† Dungeon World character Sheet tooltip container †*/
/* Dungeon World character Sheet tooltip container */
.ExT-trigger + .ExT-attribute.dwp {
	padding: 0;
	min-width: unset;
	width: auto;
	border-radius: 10px;
	background-color: #222;
}
.ExT-attribute.dwp > .attribute-mention {
	overflow: auto;
	max-width: inherit;
	max-height: inherit;
	display: block;
	padding: 5px 20px 20px 0px;
}

/*† Ability tooltip container †*/
/* Ability tooltip container */
.ExT-entry.ability {
	border-radius: 10px;
	padding: 10px 10px;
	background-color: #222;
}
.ExT-entry.ability::after {
	border-width: 0 85px 85px 85px;
	border-style: solid;
	border-color: transparent;
    border-image-repeat: round;
    border-image-slice: 0 85 85 85;
    border-image-source: url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/19153/b2df2bb5-5571-4dec-b3fe-f07046258559.png");
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.ExT-entry.ability .ExT-wrap {
	padding-bottom: 10px;
}
/* Ability card title */
.ExT-entry.ability .entity-mention-name {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
	margin: 0;
	font-family: Cinzel;
	color: whitesmoke;
}
.ExT-entry.ability .entity-mention-name::after {
	content:"";
	display: block;
	height:20px;
	background:url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/19153/9a066ba7-3212-4076-b4a3-82adc75c6888.png");
	background-repeat: no-repeat;
	background-position-x: 50%;
}
/* Hide Mention Previewer trigger */
.ExT-entry.ability .entity-mention-name + .MentionPreviewer-loader {
	display: none;
}
.ExT-entry.ability p {
	color: whitesmoke;
	padding: 0 20px;
	margin: 10px 0;
}

/*† Unity NPC Sheet tooltip container †*/
/* Unity NPC Sheet tooltip container */
.ExT-attribute.unity-npc {
	padding: 0;
	min-width: unset;
	width: auto;
	border-radius: 10px;
	background-color: #222;
}
.ExT-attribute.unity-npc > .attribute-mention {
	overflow: auto;
	max-width: inherit;
	max-height: inherit;
	display: block;
	padding: 5px 20px 20px 0px;
}
.maintext p, .blocktext p {
	margin: 4px 0 0;
	padding: unset;
	color: black;

}

/*† Basic Item Box tooltip container †*/
/* Basic Item Box tooltip container */
.ExT-trigger + .ExT-entry.item {
	padding: 10px;
	min-width: unset;
	width: auto;
	border-radius: 10px;
	background-color: #f4f4f2;
	border: 3px solid #217d4f;
	color: #262626;
}
.ExT-entry.item .entity-mention-name {
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
	color: #262626;
}
.ExT-trigger + .ExT-entry.item p {
	color: #262626;
	text-align: justify;
}
.ExT-trigger + .ExT-entry.item th {
	background-color: #f7f3e9;
}
.ExT-trigger + .ExT-entry.item td {
	background-color: #fbfbfb;
}

/*† NPC Qualities †*/
.ExT-entry.AchillesHeel p:not(.AchillesHeel) { display: none; }
.ExT-entry.AlwaysReady p:not(.AlwaysReady) { display: none; }
.ExT-entry.Aquatic p:not(.Aquatic) { display: none; }
.ExT-entry.Aquatic p:not(.Aquatic) { display: none; }
.ExT-entry.Attractive p:not(.Attractive) { display: none; }
.ExT-entry.BannedAction p:not(.BannedAction) { display: none; }
.ExT-entry.Battering p:not(.Battering) { display: none; }
.ExT-entry.Beguiling p:not(.Beguiling) { display: none; }
.ExT-entry.Blindsight p:not(.Blindsight) { display: none; }
.ExT-entry.Bright p:not(.Bright) { display: none; }
.ExT-entry.BurdenofAges p:not(.BurdenofAges) { display: none; }
.ExT-entry.Cagey p:not(.Cagey) { display: none; }
.ExT-entry.Chameleon p:not(.Chameleon) { display: none; }
.ExT-entry.Chameleon p:not(.Chameleon) { display: none; }
.ExT-entry.ChargeAttack p:not(.ChargeAttack) { display: none; }
.ExT-entry.ClassAbility p:not(.ClassAbility) { display: none; }
.ExT-entry.Clumsy p:not(.Clumsy) { display: none; }
.ExT-entry.Cold-Blooded p:not(.Cold-Blooded) { display: none; }
.ExT-entry.ConditionImmunity p:not(.ConditionImmunity) { display: none; }
.ExT-entry.ContagionImmunity p:not(.ContagionImmunity) { display: none; }
.ExT-entry.Conversion p:not(.Conversion) { display: none; }
.ExT-entry.CriticalHesitation p:not(.CriticalHesitation) { display: none; }
.ExT-entry.CriticalSurge p:not(.CriticalSurge) { display: none; }
.ExT-entry.DamageDefiance p:not(.DamageDefiance) { display: none; }
.ExT-entry.DamageImmunity p:not(.DamageImmunity) { display: none; }
.ExT-entry.DamageReduction p:not(.DamageReduction) { display: none; }
.ExT-entry.Darkvision p:not(.Darkvision) { display: none; }
.ExT-entry.Darkvision p:not(.Darkvision) { display: none; }
.ExT-entry.DeathThroes p:not(.DeathThroes) { display: none; }
.ExT-entry.Devoted p:not(.Devoted) { display: none; }
.ExT-entry.Devour p:not(.Devour) { display: none; }
.ExT-entry.Diurnal p:not(.Diurnal) { display: none; }
.ExT-entry.DramaticEntrance p:not(.DramaticEntrance) { display: none; }
.ExT-entry.Dread p:not(.Dread) { display: none; }
.ExT-entry.Everlasting p:not(.Everlasting) { display: none; }
.ExT-entry.ExpandedSpellbook p:not(.ExpandedSpellbook) { display: none; }
.ExT-entry.Expertise p:not(.Expertise) { display: none; }
.ExT-entry.FastHealing p:not(.FastHealing) { display: none; }
.ExT-entry.FatalFalls p:not(.FatalFalls) { display: none; }
.ExT-entry.FavoredFoes p:not(.FavoredFoes) { display: none; }
.ExT-entry.Fearless p:not(.Fearless) { display: none; }
.ExT-entry.Fearless p:not(.Fearless) { display: none; }
.ExT-entry.Fearsome p:not(.Fearsome) { display: none; }
.ExT-entry.Feat p:not(.Feat) { display: none; }
.ExT-entry.Feral p:not(.Feral) { display: none; }
.ExT-entry.Ferocity p:not(.Ferocity) { display: none; }
.ExT-entry.Frenzy p:not(.Frenzy) { display: none; }
.ExT-entry.Frenzy p:not(.Frenzy) { display: none; }
.ExT-entry.Frenzy p:not(.Frenzy) { display: none; }
.ExT-entry.Grappler p:not(.Grappler) { display: none; }
.ExT-entry.GruelingCombatant p:not(.GruelingCombatant) { display: none; }
.ExT-entry.HiveMind p:not(.HiveMind) { display: none; }
.ExT-entry.Honorable p:not(.Honorable) { display: none; }
.ExT-entry.ImpairedSense p:not(.ImpairedSense) { display: none; }
.ExT-entry.ImprovedCarryingCapacity p:not(.ImprovedCarryingCapacity) { display: none; }
.ExT-entry.ImprovedSense p:not(.ImprovedSense) { display: none; }
.ExT-entry.ImprovedStability p:not(.ImprovedStability) { display: none; }
.ExT-entry.Interests p:not(.Interests) { display: none; }
.ExT-entry.Invisibility p:not(.Invisibility) { display: none; }
.ExT-entry.Knockback p:not(.Knockback) { display: none; }
.ExT-entry.Light-Sensitive p:not(.Light-Sensitive) { display: none; }
.ExT-entry.LightSleeper p:not(.LightSleeper) { display: none; }
.ExT-entry.Lumbering p:not(.Lumbering) { display: none; }
.ExT-entry.Meek p:not(.Meek) { display: none; }
.ExT-entry.MenacingThreat p:not(.MenacingThreat) { display: none; }
.ExT-entry.Mook p:not(.Mook) { display: none; }
.ExT-entry.MonstrousAttack p:not(.MonstrousAttack) { display: none; }
.ExT-entry.MonstrousDefense p:not(.MonstrousDefense) { display: none; }
.ExT-entry.NaturalDefense p:not(.NaturalDefense) { display: none; }
.ExT-entry.NaturalSpell p:not(.NaturalSpell) { display: none; }
.ExT-entry.NeverOutnumbered p:not(.NeverOutnumbered) { display: none; }
.ExT-entry.Night-Blind p:not(.Night-Blind) { display: none; }
.ExT-entry.Nocturnal p:not(.Nocturnal) { display: none; }
.ExT-entry.Regeneration p:not(.Regeneration) { display: none; }
.ExT-entry.Rend p:not(.Rend) { display: none; }
.ExT-entry.Repulsive p:not(.Repulsive) { display: none; }
.ExT-entry.Shambling p:not(.Shambling) { display: none; }
.ExT-entry.Shapeshifter p:not(.Shapeshifter) { display: none; }
.ExT-entry.Shapeshifter p:not(.Shapeshifter) { display: none; }
.ExT-entry.Shapeshifter p:not(.Shapeshifter) { display: none; }
.ExT-entry.SpellDefense p:not(.SpellDefense) { display: none; }
.ExT-entry.SpellReflection p:not(.SpellReflection) { display: none; }
.ExT-entry.Splitter p:not(.Splitter) { display: none; }
.ExT-entry.Stench p:not(.Stench) { display: none; }
.ExT-entry.SternerStuff p:not(.SternerStuff) { display: none; }
.ExT-entry.Story-Critical p:not(.Story-Critical) { display: none; }
.ExT-entry.SuperiorClimber p:not(.SuperiorClimber) { display: none; }
.ExT-entry.SuperiorJumper p:not(.SuperiorJumper) { display: none; }
.ExT-entry.SuperiorRunner p:not(.SuperiorRunner) { display: none; }
.ExT-entry.SuperiorSwimmer p:not(.SuperiorSwimmer) { display: none; }
.ExT-entry.SuperiorTraveler p:not(.SuperiorTraveler) { display: none; }
.ExT-entry.Swarm p:not(.Swarm) { display: none; }
.ExT-entry.SwiftAttack p:not(.SwiftAttack) { display: none; }
.ExT-entry.Telepathic p:not(.Telepathic) { display: none; }
.ExT-entry.Tough p:not(.Tough) { display: none; }
.ExT-entry.Treacherous p:not(.Treacherous) { display: none; }
.ExT-entry.Tricky p:not(.Tricky) { display: none; }
.ExT-entry.Turning p:not(.Turning) { display: none; }
.ExT-entry.Turn Immunity p:not(.Turn Immunity) { display: none; }
.ExT-entry.UnlimitedSpellPoints p:not(.UnlimitedSpellPoints) { display: none; }
.ExT-entry.Unnerving p:not(.Unnerving) { display: none; }
.ExT-entry.Veteran p:not(.Veteran) { display: none; }

/* FC Conditions (not really ExT but similar) */
.entity-mention[data-entity-tags*="id-277195"] {
	text-decoration: dotted underline;
	font-style: italic;
	color: var(--body-text);
}
.kanka-tag-fccondition .tooltip-tags {
  	display: none;
}
/** Style Mention Previewer#1236 */
#MentionPreviewer .box-header.with-border {
	background: linear-gradient(to bottom, #355157, #2E4247);
}
#MentionPreviewer .box-header:not(.has-header) .box-title a {
	color: #d9d9d9;
	text-shadow: none;
}
#MentionPreviewer-content:not(.specificity) {
	background: #e3e2dd;
}
/** Style Infobox styling for Pins#806 */
/* Infobox styling for Pins (note: likely contains junk from prior iterations) */
.kanka-tag-test .entity-pins {
  border: 3px solid black;
  border-radius: 8px;
  overflow: hidden;
  background-color: #713e3ee8;
}
.kanka-tag-test .entity-pins .sidebar-section-title {
  background-position: top center;
  background-color: #713e3ee8;
  height: 250px;
	background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/19153/474ab71e-f39c-4b0f-af12-b279f2353e5a.jpg);
  background-size: cover;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0;
	text-align: center;
	font-size: 0;
}
.kanka-tag-test .entity-pins .sidebar-section-title i[class*="fa-"] {
  display: none;
}
.kanka-tag-test .entity-pins #sidebar-pinned-elements {
	margin-top: 1px;
	margin-bottom: 2px;
}
.kanka-tag-test .entity-pins #sidebar-pinned-elements li {
  font-size: 14px;
  background-color: #eaeeea;
  border-color: #713e3ee8;
  border-left: none;
  border-right: none;
  color: #4a5155;
}
.kanka-tag-test .entity-pins #sidebar-pinned-elements .pinned-attribute-section {
  background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/19153/b2df2bb5-5571-4dec-b3fe-f07046258559.png);
  background-image: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861);
  background-size: cover;
  background-repeat: no-repeat;
  color: #201f1f; 
}
/** Style Inconspicuous attribute mentions#349 */
.attribute.attribute-mention {
	background-color: unset;
	font-style: initial;
	color: var(--body-text);
	padding: 0;
	border-radius: 0;
}
.attribute.attribute-mention + .tooltip {
	display: none !important;
}
/** Style Testing: Notice Posts#797 */
/* Foundation for adventure banner backgrounds */
.notice-post.adventure-banner {
	background: transparent;
	border-radius: 3px;
}
.notice-post.adventure-banner::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
/* Set up a grid and position elements */
.notice-post.adventure-banner {
	display: grid;
	grid-template-columns: 15px auto 15px;
	grid-template-areas: "left mid right";
	min-height: 100px;
}
.notice-post.adventure-banner .post-header {
	grid-area: right;
}
.notice-post.adventure-banner .bg-box {
	grid-area: mid;
	z-index: 1;
	align-self: center;
}
/* Keep action dropdown visible on dark bg */
.notice-post .post-header .dropdown > a {
	color: white;
}
/* Common styles for main text */
.notice-post.adventure-banner p {
	color: white;
	font-size: 20px;
	font-family: "Crimson Pro";
	font-style: italic;
	text-shadow: black 1px 2px 3px;
}
.notice-post.adventure-banner p strong {
	font-size: 22px;
	white-space: nowrap; /* optional to prevent line breaks in important terms */
}
/* Style specific adventure banners */
.notice-post.saltmarsh::before {
	background-image: url("https://www.scifimoviepage.com/wp-content/uploads/2019/06/salt-1.jpg");
	background-size: 100%;
	background-position-y: 100%;
	filter: brightness(1.0) blur(0.5px);
}
/** Style Pinned portraits#1853 */
/* Personal dimension override */
.pinned-attribute[data-attribute^="pinned portrait"] {
    --pinned-portrait-width: 200px;
}
/* Center pinned portrait */
.pinned-attribute[data-attribute^="pinned portrait"]:not([data-attribute*="caption"])::after,
.pinned-attribute[data-attribute^="pinned portrait"][data-attribute*="caption"]::before {
	margin: 0 auto;
}
/** Style Easy Tabs Customization#1893 */
.easytabs-tab {
	background-color: #cde1e8;
	border-color: #8dafb0;
	font-weight: bold;
	font-size: 14px;
	font-family: Stoke, Crimson Pro, serif;
}
.easytabs-tab:hover {
	background-color: #bfd9e3;
}
.easytabs-content {
	background-color: #f2f4f4;
	border-color: cadetblue;
}
.easytabs-content > :is(h1, h2, h3, h4, h5, h6):first-child {
	margin-top: 0px;
}
/** Style Tooltips#5298 */
.big-tooltip {
	margin-bottom: .75rem; /* Like paragraphs */

	a[data-dropdown] {
		cursor: pointer;
	}
	div.dropdown {
		display: inline;
	}
	.tippy-box {
		max-width: 100% !important;
	}
	[data-tippy-root] {
		

	}
	.dd-menu {
		display: block;
	}

	.tippy-content {
      max-height: 50vh;
		overflow: auto;
		scrollbar-width: unset !important;

		.entity-mention-name {
			text-align: center;
			font-size: 18px;
			font-weight: bold;
		}
	}
}
