/** 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: Add Folder Icon to List Entities With Children in Nested View #1.2.1 code **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 13px;
    margin-right: -40px;
}

/** plugin: Background Image #1.1 code **/
:root {
--background-image: url(https://cdn-ugc.kanka.io/notes/8ly9AmgnOqMJecSFiLzSMMkItIdyK9TEKVO2WXbt.jpeg);
}

/* background image */
.wrapper {
  background: var(--background-image) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: right bottom !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.content-wrapper, .main-footer { background: none; }

/** 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: 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: 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: Dead Characters #1.1 code **/
.character-dead {
   --background-image: url('https://kanka-mp-assets.s3.amazonaws.com/prod/plugins/227/images/EpXD4a4A1TZMzSxENyFFKQZQsmsGM4lOz0YXBZAt.jpg');
}

.character-dead #app {
   background-attachment: fixed;
   background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}