/** plugin: Dashboard Banners #1.1 code **/
/* dashboard */
.widget-map .panel-body { height: 350px; }
.panel-heading-entity .panel-title { line-height: 0.1; }
.panel-heading-entity { height: 175px; }
#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: [REDACTED] Hidden Links #1.0 code **/
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

.unknown-entity {
    overflow: hidden;
    text-overflow: clip;
    display: inline-block;
    width: calc(var(--redact-width));
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    font-family: 'Special Elite', cursive;
}
.unknown-entity::before {
    content: var(--redact-text);
    margin: 0 1ch;
    background: rgb(255, 0, 0);
    font-size: 16px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 100%;
    display: inline-block;
}

/** plugin: Horizontal Timelines #1.0 code **/
@media (min-width:768px) {
	/* Set vars */
	.kanka-tag-horizontaltimeline {
		--sht-gutter: #1c8097;
		--sht-slider: whitesmoke;
		--sht-date-color: inherit;
		--sht-date-font-family: inherit;
		--sht-date-font-size: inherit;
		--sht-marker-bg: var(--timeline-element-border); /* replace default grey markers, e.g. var(--sht-gutter) */
		--sht-marker-color: inherit; /* replace default grey markers */
		--sht-element-bg: white;
		--sht-hide-description: block; /* none|block */
	}
	/* UL as grid, flipped for scrollbar hack */
	.kanka-tag-horizontaltimeline ul.timeline {
		display: grid !important;
		grid-auto-flow: column;
		transform: rotateX(180deg);
		overflow-x: scroll;
		scrollbar-color: var(--sht-slider) var(--sht-gutter);
	}
	.kanka-tag-horizontaltimeline ul.timeline::before {
		content: unset;
	}
	/* LI sizing, and reflip for scrollbar hack */
	.kanka-tag-horizontaltimeline .timeline > li {
		transform: rotateX(180deg);
		width: clamp(300px, 15vw, 600px);
	}
	/* Line from throughline to event marker */
	.kanka-tag-horizontaltimeline .timeline > li::before {
		display: block;
		position: absolute;
		left: 50%; /* centered? */
		left: 30px;
		top: -15px;
		width: 4px;
		height: 20px;
		background: var(--sht-gutter);
	}
	/* Event marker position and style */
	.kanka-tag-horizontaltimeline .timeline > li > :is(.fab, .far, .fas, .ra) {
		top: 5px;
		left: calc(50% - 13px); /* centered? */
		left: 17px;
		background-color: var(--sht-marker-bg);
		color: var(--sht-marker-color);
	}
	/* Date position and style */
	.kanka-tag-horizontaltimeline .timeline > li .text-muted {
		position: absolute;
		top: -38px;
		left: 60px;
		color: var(--sht-date-color);
		font-size: var(--sht-date-font-size);
		font-family: var(--sht-date-font-family);
	}
	/* Timeline element styling */
	.kanka-tag-horizontaltimeline .timeline > li > .timeline-item {
		margin-top: 50px;
		margin-left: 0px;
		background: var(--sht-element-bg);
	}
	/* Hide useless footer */
	.kanka-tag-horizontaltimeline .timeline-footer {
		display: none;
	}
	/* Hide description if applicable */
	.kanka-tag-horizontaltimeline .timeline-body {
		display: var(--sht-hide-description);
	}
	/* Get rid of right sidebar */
	.kanka-tag-horizontaltimeline .entity-sidebar-pins {
		display: none;
	}
	.kanka-tag-horizontaltimeline .entity-story-block {
		width: 83%;
	}
	/* Hide tooltips from header links as they don't play nice with the grid */
	.kanka-tag-horizontaltimeline .timeline-header .tooltip {
		display: none !important;
	}
	/* Webkit scrollbar patch */
	.kanka-tag-horizontaltimeline ul.timeline.collapse::-webkit-scrollbar {
		background-color: var(--sht-gutter);
	}
	.kanka-tag-horizontaltimeline ul.timeline.collapse::-webkit-scrollbar-thumb {
		background-color: var(--sht-slider);
	}
}