/** plugin: DnD5 Condition Tooltips #1.2 fonts **/
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro&family=Libre+Baskerville&display=swap');

/** plugin: New Dashboard #1.0 code **/
:root {
    --sky-dashboard--height: 300px;
    --sky-dashboard--photo: calc(var(--sky-dashboard--height) * .45);
    --sky-dashboard--text: calc(var(--sky-dashboard--height) * .55);
}

.panel .panel-heading-entity {
    transition: background 3s ease;
}

.panel-body {
    padding: 10px;
    padding-bottom: 0px;
}
.panel .panel-heading-entity h3 {
    height: 100%;
}

.map-dashboard {
    min-height: calc(var(--sky-dashboard--height) + 31px);
}

.panel {
    min-height:  calc(var(--sky-dashboard--height) + 32px);
}

.panel-heading-entity {
    height: var(--sky-dashboard--photo);
}

.widget-preview div[data-toggle="preview"],
.panel .panel-body .preview {
	max-height: var(--sky-dashboard--text); 
}

.panel .panel-body .preview-switch {
    position: relative;
}

@media (max-width: 992px) {
    .panel .panel-heading-entity {
        width: 35%;
        max-width: 150px;
        float: left;
        height: calc(var(--sky-dashboard--height) * 0.65);
        margin-right: 16px;
    }

    .panel {
	    min-height:  calc(var(--sky-dashboard--height) * 0.45);
    }
    
    .map-dashboard {
	    min-height: calc(var(--sky-dashboard--height) * 0.65);
    }

    .panel .panel-heading-entity h3 {
	    word-wrap: break-word;
    }
}

@media (min-width: 1501px) {
    .panel .panel-heading-entity {
        width: 35%;
        max-width: 150px;
        float: left;
        height: calc(var(--sky-dashboard--height) * 0.65);
        margin-right: 16px;
    }

    .panel {
	    min-height:  calc(var(--sky-dashboard--height) * 0.65);
    }
    
    .map-dashboard {
	    min-height: calc(var(--sky-dashboard--height) * 0.65);
    }

    .panel .panel-heading-entity h3 {
	    word-wrap: break-word;
    }
}

/** plugin: Scrollable Main Sidebar #1.10.1 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
      	margin-top: 3rem;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 0;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - 160px - 6rem) !important;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
		margin-bottom: 0;
		padding: 0;
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */

/** plugin: Different-Timeline #2.0 code **/
/* Set vars */
:root {
    --sky-page-radius: 4px; /* var(--sky-page-radius) */

    --sky-background-color: #C7C9B8; /* var(--sky-background-color) */
    --sky-page-color: #FFFFFF; /* var(--sky-page-color) */
    --sky-icon-background-color: #d2d6de; /* var(--sky-icon-background-color) */
    --sky-icon-color: #666; /* var(--sky-icon-color) */
    --sky-line-color: #ddd; /* var(--sky-line-color) */
    --sky-header-color: #555; /* var(--sky-header-color) */
}


.timeline > li > .timeline-item > .timeline-header {
    color: var(--sky-header-color);
}

.timeline:before {
    background: var(--sky-line-color);
}

.timeline > li > .ra,
.timeline > li > .fa,
.timeline > li > .fab,
.timeline > li > .fas {
    color: var(--sky-icon-color);
    background: var(--sky-icon-background-color);
}

.timeline-body:not(:hover):before {
    border-radius: 0 0 var(--sky-page-radius) var(--sky-page-radius);
    background: linear-gradient(transparent,var(--sky-page-color));
}

@media (min-width:768px) {
    /* Hide unnecessary elements */
    .timeline-footer,
    .timeline-body,
    .timeline > li::after,
    .timeline > li::before {
        display: none;
    }

    .timeline-body {
        display: block;
    }

    .timeline::before {
        left: calc(25% - 3px);
        width: 6px;
    }

    /* Position events */
    .timeline > li {
        left: 25%;
        margin: 0 0 15px 0;
        width: 75%;
        padding-right: 25px;
    }

    /* Position markers */
    .timeline > li > .ra,
    .timeline > li > .fa,
    .timeline > li > .fas {
        position: absolute;
        top: 15px;
        left: -15px;
     }
    
    .timeline > li > .timeline-item {
        margin-left: 25px;
        margin-right: 0px;
        position: relative;
    }

    .timeline > li > .timeline-item > .time {
        width: 24px;
        padding: 5px;
    }

    .timeline > li > .timeline-item > .timeline-header {
        margin: 0;
        right: calc(100% + 50px);
        font-weight: 900;
        position: absolute;
        width: 30%;
        padding: 10px;
        text-align: center;
        overflow: hidden;
        max-height: 100px;
        border: none;
    }

    .timeline > li .text-muted {
        width: 100%;
        float: right;
    }

    .timeline-body {
        max-height: 150px;
        overflow: hidden;
        min-height: 100px;
    }

    .timeline-body:hover {
        max-height: none;
        overflow: auto;
    }

    .timeline-body:not(:hover):before {
        content: "";
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

}

/** plugin: Quick Link Icons #1.5 code **/
.subsection a[href*="/characters"] i:before { content: "\f007"; }
.subsection a[href*="/locations"] i:before { content: "\EAD2"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/races"] i:before { content: "\EAEB"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/families"] i:before { content: "\E99E"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/items"] i:before { content: "\E9DF"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/notes"] i:before { content: "\f518"; }
.subsection a[href*="/maps"] i:before { content: "\f279"; }
.subsection a[href*="/calendars"] i:before { content: "\f073"; }
.subsection a[href*="/events"] i:before { content: "\f0e7"; }
.subsection a[href*="/journals"] i:before { content: "\EA8F"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/organisations"] i:before { content: "\EA03"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/quests"] i:before { content: "\EAE9"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/tags"] i:before { content: "\f02c"; }
.subsection a[href*="/abilities"] i:before { content: "\E9C2"; font-family: RPGAwesome; font-weight: 400; }
.subsection a[href*="/timelines"] i:before { content: "\f252"; }
.subsection a[href*="?dashboard="] i:before { content: "\f009"; }

/** plugin: No Fluff #1.2.1 code **/
/* Custom properties to allow easy disabling of individual things */
/*
:root {
    --footer-nofluff: block;
    --boosted-text-nofluff: inline-block;--boosted-rocket-nofluff: inline-block;
    --help-block-nofluff: inline-block;--dead-bottom-margin-nofluff: 15px;
}
*/

/* Removes the footer that usually has links and such */
footer#footer.main-footer {
    display: var(--footer-nofluff, none);
}

/* Removes "Boosted" text and boosted rocket */
strong.text-maroon,
strong.text-maroon ~ p.help-block,
strong.text-maroon ~ br{
    display: var(--boosted-text-nofluff, none);
}
.fas.fa-rocket,
.label.label-default.bg-maroon.pull-right {
    display: var(--boosted-rocket-nofluff, none);
}


/* Removes help blocks */
.help-block {
    display: var(--help-block-nofluff, none);
}

/** plugin: Dashboard: Default Widget Banner #1.4 code **/
/* BEGIN Default Widget Banner by Salvatos */
#campaign-dashboard .widget {
	--default-banner-100p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=1200);
	--default-banner-75p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=1000);
	--default-banner-66p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=800);
	--default-banner-50p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=800);
	--default-banner-33p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=400);
	--default-banner-25p: url(https://images.unsplash.com/photo-1601137705550-adcd8d863861?fit=crop&w=400);
}
#campaign-dashboard div.col-md-12 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-100p);
}
#campaign-dashboard div.col-md-9 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-75p);
}
#campaign-dashboard div.col-md-8 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-66p);
}
#campaign-dashboard div.col-md-6 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-50p);
}
#campaign-dashboard div.col-md-4 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-33p);
}
#campaign-dashboard div.col-md-3 .panel-heading:not(.panel-heading-entity) {
	background-image: var(--default-banner-25p);
}
#campaign-dashboard .panel-heading:not(.panel-heading-entity) {
	padding: unset;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 10%;
}
#campaign-dashboard .panel-heading:not(.panel-heading-entity) h3 {
	padding: 30px 20px;
	display: inline-block;
	width: 100%;
	color: #fff;
	text-shadow: rgba(0,0,0,.9) 0 1px 4px;
	font-size: 18px;
}
/* END Default Widget Banner by Salvatos */

/** plugin: DnD5 Condition Tooltips #1.2 code **/
/* BEGIN DnD5 Condition Tooltips by Salvatos */
/* Fix opacity on mentions (not possible on Kanka-generated links) */
a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip.in {
	opacity: 1;
}
/* Style container */
a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip .tooltip-inner,
a:not(.entity-mention) + .tooltip .kanka-tag-dd5condition {
	max-width: 400px;
	background: url(https://cdn-ugc.kanka.io/entities/files/OnfHKKTT4rtOeeQZLHwv1ddpZtKMJbykZ52WUwsg.jpg), #dbcbae;
	padding: 5px 8px;
}
/* Extras that only work on the outer container */
a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip .tooltip-inner {
	--tooltip-background: transparent;
	border: 4px solid #333;
}
/* Style name */
:is(a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip, .tooltip .kanka-tag-dd5condition) .entity-name {
	font-family: "Andada Pro", serif;
	font-variant: small-caps;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	color: #a4280b;
}
:is(a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip, .tooltip .kanka-tag-dd5condition) .entity-tooltip-avatar {
	margin: 5px 0 0;
	text-align: left;
}
/* Style description */
a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip .dd5-condition {
	color: #222;
}
/* Darker text where opacity is reduced */
.tooltip .kanka-tag-dd5condition .dd5-condition {
	color: #000;
}
/* Style paragraphs: mimic list items, which are not parsed in tooltips */
:is(a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip, .tooltip .kanka-tag-dd5condition) .dd5-condition p::before {
	content: "• ";
}
:is(a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip, .tooltip .kanka-tag-dd5condition) .dd5-condition p {
	font-family: "Libre Baskerville", sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}
/* Hide tags*/
:is(a.entity-mention[data-entity-tags~="dd5condition"] + .tooltip, .tooltip .kanka-tag-dd5condition) .tooltip-tags {
	display: none;
}
/* END DnD5 Condition Tooltips by Salvatos */