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

/** plugin: Larger pictures in Dashboard #1.1 code **/
/* Set vars */
:root {
	--sky-dashboard-picture-height: 250px;
	--sky-dashboard-picture-height-mobile: 200px;
}

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

@media (max-width:767px) {
	.panel .panel-heading-entity h3 {
		height: var(--sky-dashboard-picture-height-mobile);
	}
}

/** 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: Bolder Names! #2.0 code **/
.entity-grid>.entity-header.with-entity-banner .entity-name, 
.entity-header .entity-name-header .entity-name {
margin: 0;
font-size: 2.5em;
display: inline-block;
padding: 0px 0px 10px;
color: black;
font-weight: 700;
font-family: Caesar Dressing;
font-variant: small-caps;
text-shadow:
-0.60px -0.60px 0 #ffffff,
0.60px -0.60px 0 #ffffff,
-0.60px 0.60px 0 #ffffff,
0.60px 0.60px 0 #ffffff;
}

/** plugin: Fantasy Parchment #V 1.5.2 code **/
:root {
    --body-text: #3f4548;
    --link-text: #296282;
    --text-help: #3f4548;
    --half-fade: rgba( 255, 255, 255, 0.5 );
    --bg-gradient: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5));
    --bg-parchment: url("https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/parchment4.jpg");
}
/** Parchment backgrounds **/
#app { background-image: var(--bg-parchment); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
.content-wrapper { background-image: var(--bg-parchment); background-position: right center; background-repeat: no-repeat; background-attachment: fixed; }
div.box-solid, .panel.panel-default:not(.note-editor) {border: 1px solid rgba(0,0,0,0.33);box-shadow: 0 0 5px #000;background-image: var(--bg-parchment); }
.entity-submenu .bg-box { background-image: var(--bg-parchment); }
.entity-submenu div > ul.entity-menu {border: 1px solid rgba(0,0,0,0.33);box-shadow: 0 0 5px #000; background: var(--half-fade) }
div.box-body {background-color: rgba(255,255,255,0.5);}
div.box.box-solid > div.box-header { background-image: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5)); border-bottom: 0; }
#app > div > section.content > div.box { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; }
div.box.no-border.datagrid-filters > div { background-image: var(--bg-gradient); border-bottom: 0; }
.box .box-footer { background-image: var(--bg-gradient); }
.panel-body { background-color: var(--half-fade); }
.pinned-entity.preview { background-image: none; }
.panel .panel-body .preview:before { background: none; }

/** Timelime **/
.timeline>li>.timeline-item .timeline-item-head, .timeline-era-head { padding: 8px; background-color: rgba(0,0,0,0);background-image: var(--bg-gradient);border-bottom: 0;}
.timeline>li>.timeline-item .timeline-item-body, .timeline-era-body { padding: 8px; background-color: rgba(255,255,255,0.5); }
.timeline>li>.timeline-item .bg-box { background: none; padding: 0; gap: 0; margin-bottom: 0; }
.timeline>li>.timeline-item { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; border: 1px solid rgba(0,0,0,0.33); margin-bottom: 1.25rem; }
ul.timeline > li > div.timeline-item > div.box { background-image: var(--bg-parchment); margin-bottom: 0; }
ul.timeline > li > div.timeline-item > div.box > div.box-header { background-image: linear-gradient(rgba(0,0,0,0), rgba(255,255,255,0.5));
    border-bottom: 0; }
body.kanka-entity-timeline .entity-story-block > .bg-box { padding: 0; gap: 0; border: 1px solid rgba(0,0,0,0.33); box-shadow: 0 0 5px #000; background-image: var(--bg-parchment); }


/** Navbar & Search **/
header#header.bg-navbar { padding-bottom: 10px; background-image: var(--bg-parchment); background-position: top center; }
header#header.bg-navbar > nav {height: 4.5rem;background-image: url("https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/tear4.png");background-size: auto 101%;align-items:  flex-start;padding-top: 0.25rem;}
aside.search-drawer { margin-top: 4rem; background-image: var(--bg-parchment); background-position: top right; box-shadow: 0 0 5px black; }
aside.search-drawer > .bg-lookup { background-color: rgba(255,255,255,0.5); }

/** Edit entry **/
.nav-tabs-custom { background-color: unset!important; }
.nav-tabs-custom .nav-tabs>li.active { }
.nav-tabs-custom .nav-tabs>li { border-top: none; background-image: var(--bg-parchment); background-position: top center; }
.nav-tabs-custom .nav-tabs>li>a { background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2),rgba(0,0,0,0.5)), var(--bg-parchment); }
.nav-tabs-custom .nav-tabs>li>a:hover { background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2),rgba(0,0,0,0.5)), var(--bg-parchment); }
.nav-tabs>li>a { box-shadow: 3px 2px 2px rgba(0,0,0,0.5); color: hsl(var(--bc)); border-left: 1px solid rgba(0,0,0,0.25); border-top: 1px solid rgba(0,0,0,0.25);  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-image: var(--bg-parchment); --tw-bg-opacity: 0; box-shadow: 3px 2px 2px rgba(0,0,0,0.5); }

#entity-form section.content > div.nav-tabs-custom > ul { background: none; }
#entity-form section.content > div.nav-tabs-custom > div.tab-content { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; }
form#map-marker-form > .nav-tabs-custom, form#map-marker-form .nav-tabs-custom .tab-content { background: var(--bg-parchment); }
form#map-marker-form > .nav-tabs-custom>.nav-tabs { background-color: rgba( 255, 255, 255, 0.5 ); }

.panel.panel-default.widget-preview, .panel.panel- { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; border: 1px solid rgba(0,0,0,0.33); }

.nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover { background: rgba(255,255,255,0.25); }

/** Lighten hover **/
#app > div > section.content > div.row > div.col-md-3 > div > div.box-body > ul > li > a:hover, .table-hover>tbody>tr:hover { background-color: rgba(255,255,255,0.25); }

/** add little glow to some links **/
.content-wrapper a:not(.btn):not(.sidebar-toggle):not(.dropdown-toggle):not(.mention):not(.btn2) { text-shadow: 0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75); font-variant: small-caps; font-weight: 600; }
.entity-header-text a:not(.btn):not(.btn2) { text-shadow: none!important; }
.entity-tags > a { text-shadow: unset!important; }
.entity-submenu > .box-body > ul.nav > li > a > span.label[data-original-title="Boosted campaign feature"] { text-shadow: none; } /* no glowing boosted icon */
.btn-box-tool[title="Edit"], div#organisation-members .box-tools .btn-box-tool, .dropdown-toggle.btn-box-tool { color: var(--text-body); }
.btn-box-tool[title="Edit"]:hover, div#organisation-members .box-tools .btn-box-tool:hover, .dropdown-toggle.btn-box-tool:hover { background: none!important; text-shadow: 0 0 3px #fff, 0 0 5px #fff; }
div.box-header > div.box-tools > a.btn.btn-box-tool:hover { background: none!important; text-shadow: 0 0 3px #fff, 0 0 5px #fff; }
div.box-tools .btn-box-tool { color: #444!important; }

.sidebar-section-box { box-shadow: 0 0 10px #000; background-image: var(--bg-parchment); }
.sidebar-section-box .sidebar-section-title { padding: 5px; }
.sidebar-section-box .sidebar-section-title, .sidebar-section-box .sidebar-elements { background-color: var(--half-fade); }
.sidebar-section-box .sidebar-elements { margin: 0; padding: 0 5px; }

.table-responsive { background-image: var(--bg-parchment); }
.table { border: 1px solid rgba( 0,0,0,0.25 ); }
.table:not( .table-striped ) { background-color: rgba(255,255,255,0.5); }
.table-striped>tbody>tr:nth-of-type(odd) {background-color:  var(--half-fade); }
.table-striped>tbody>tr:nth-of-type(even) {background-color: rgba(255,255,255,0.25); }

/** Entity Grid **/
.entities-grid div.entity.block { background: var(--bg-parchment); box-shadow: 0 0 5px black; }
.entities-grid div.entity.block.entity-stack > .bg-box { background: var(--half-fade); }
.entities-grid div.entity.block > a.block.truncate.text-center { background: var(--half-fade); }
.entities-grid div.entity.block:hover { box-shadow: 2px 2px 7px black; }

/** Footer **/
.main-footer { background-image: var(--bg-parchment); background-position: right center; background-repeat: no-repeat; padding-top: 0; padding-bottom: 0; }
.footer-links { background: var(--half-fade); padding-top: 2.5rem; padding-bottom: 2rem; }

/** 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: Bolder Headings! (Deprecated) #15.0 code **/
/* Entity Title elements */
  .entity-grid>.entity-header.with-entity-banner .entity-breadcrumb, .entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
  .entity-header.with-entity-banner .entity-header-sub, .entity-grid>.entity-header.with-entity-banner .entity-icons,
  .entity-title,
  .entity-header-line,
  .entity-privacy-icon,
  .entity-icons,
  .entity-grid>.entity-header.with-entity-banner .entity-header-sub, .entity-grid>.entity-header.with-entity-banner i.entity-icons,
  .entity-header .entity-name-header .entity-name,
  .entity-name-icons entity-name-icons-2,
  .entity-name-icons-2,
  .entity-header-sub pull-left,
  .entity-header-sub,
  .entity-header-sub-element,
  .entity-header-sub-element .name,
  .entity-header-sub-element .text,
  .entity-header-sub pull-left .name,
  .entity-header-sub .name,
  .entity-name-icons,
  .fa-solid fa-cog {
    color: black;
    font-weight: bold;
  }

.entity-grid>.entity-header.with-entity-banner .entity-name,.entity-grid>.entity-header.with-entity-banner .entity-title {
     text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
     color: black;   
     font-weight: bolder;
}
.entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
.entity-grid>.entity-header.with-entity-banner .entity-icons {   
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
 	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub {  
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub a {
  
   text-shadow:
      -0.4px -0.4px 0 #FFFFFF,
       0.4px -0.4px 0 #FFFFFF,
      -0.4px 0.4px 0 #FFFFFF,
       0.4px 0.4px 0 #FFFFFF;
  	color: black;
    text-decoration: underline;
	font-weight: bolder;
}

/* Breadcrumbs */
#main-content > section > div > div.entity-header.pb-5.flex.flex-wrap > div.entity-header-text.flex.flex-col > div.entity-texts > ol > li:nth-child(1) > a{
  color: black;
 }
.entity-header .entity-breadcrumb li+li:before{
  text-shadow:
      -0.2px -0.2px 0 #FFFFFF,
       0.2px -0.2px 0 #FFFFFF,
      -0.2px 0.2px 0 #FFFFFF,
       0.2px 0.2px 0 #FFFFFF;
  	color: black;
}

.badge{
  color: hsl(var(--bc)/var(--tw-text-opacity))
}