/**
 * Campaign Styles for campaign #174440
 */

/** Style Main#1682 */
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&family=Mouse+Memoirs&family=Oswald:wght@600&family=Yeon+Sung&display=swap');

:root {
    --paw-top: url("https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-left.png?raw=true");
    --paw-bottom: url("https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-right.png?raw=true");
}

.content-wrapper {
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/blank%20page.png?raw=true);
    background-repeat: no-repeat;
    background-size: cover;
}

/* sidebar toggle */
.navbar button.sidebar-toggle { margin-left: -15px; border-radius: 50% 0 0 50%; padding-right: 0; } 

/* Campaign name & update */
section.sidebar-campaign .campaign-block .campaign-head .campaign-name { font-size: 0;margin: 0; }
section.sidebar-campaign .campaign-block:before {
    background-size: contain;
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/title.png?raw=true);
    background-repeat: no-repeat;
    content: ' ';
    width:100%;
    height: 105px;
    display: block;
    top: 15px;
    position: absolute;
}
section.sidebar-campaign .campaign-block .campaign-head .campaign-updated {
    margin-right: 1em;
    margin-top: 2em;
    text-align: right;  
}

aside.main-sidebar:has( ~ .content-wrapper#campaign-dashboard) section.sidebar-campaign .campaign-block .campaign-head .campaign-name {  text-align: center; padding-bottom: 5px; max-height: unset; font-family: 'Henny Penny', cursive; word-break: break-word; width: 60%; line-height: 1.5em; margin-left: 20%; }
aside.main-sidebar:has( ~ .content-wrapper#campaign-dashboard) section.sidebar-campaign .campaign-block:before { content: ''; display: none; }
aside.main-sidebar:has( ~ .content-wrapper#campaign-dashboard) section.sidebar-campaign .campaign-block .campaign-head .campaign-updated {
    margin-left: 1em;
    text-align: left;
    margin-right: unset;
}

/* sidebar */
section.sidebar-campaign .campaign-block { padding: 76px 0 0; }
.main-sidebar .sidebar-menu li a { font-family: 'Yeon Sung', cursive; }
.entity-submenu .nav > li >a {
    font-family: 'Yeon Sung', cursive;
    font-weight: 600;
}
ul.sidebar-submenu > li.subsection.section-abilities { display: none; } /* No abilities, replaced with subs */
/* Sidebar for flaws */
li.sidebar-bookmark-4 i.fa-duotone:before { content: "\e4ff"; }
li.sidebar-bookmark-4 i.fa-duotone:after { content: "\f6be"; }

/* Sidebar for talents */
li.sidebar-bookmark-6 i.fa-duotone:before { content: "\e500"; }
li.sidebar-bookmark-6 i.fa-duotone:after { content: "\f6be"; }

/* Skull replaced with tombstone */
i.ra.ra-skull:before { font-family: "Font Awesome 6 Pro"; content: "\f721"; font-weight: 900; }

/* Historical tag */
a[data-tag-slug="historical"] > span.badge:before { font-family: "Font Awesome 6 Pro"; content: "\f5a6"; margin-right: 1em; }

/* Magical tag */
a[data-tag-slug="magical"] > span.badge:before { font-family: "Font Awesome 6 Pro"; content: "\e2ca"; margin-right: 1em; }

/* Child tag */
a[data-tag-slug="child"] > span.badge:before { font-family: "Font Awesome 6 Pro"; content: "\f1ae"; margin-right: 1em; }

/* Visitor tag */
a[data-tag-slug="visitor"] > span.badge:before { font-family: "Font Awesome 6 Pro"; content: "\f5c1"; margin-right: 1em; }

/* Fixing entity grids */
.entities-grid .entity.block:not(.entity-stack) .truncate.h-12, .entities-grid .entity.block:not(.entity-stack):first-of-type > .bg-box {
    text-overflow: unset;
    white-space: unset;
    height: auto;
    padding-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--entity-grid-max-lines, 4);
    overflow: hidden;
}
.entities-grid .entity.block:not(.entity-stack):first-of-type > .bg-box {
    padding-bottom: 1rem;
    border-radius: 4px 4px 0 0;
}

/* More available height for text when no image */
.entities-grid .block.avatar[style*="images/defaults/"] + .truncate.h-12 {
    -webkit-line-clamp: var(--entity-grid-max-lines-noimg, 5);
}
/* Fix padding */
.entities-grid .entity.block:not(.entity-stack) {
    padding-bottom: 1rem;
}
.entities-grid a.entity.block:not(.entity-stack):first-of-type {
    padding-bottom: 0;
}

@media (max-width: 767px) {
  .navbar button.sidebar-toggle { margin-left: 0px; }
  section.sidebar-campaign .campaign-block:before { top: 60px; }
}
/** Style Dashboard#1681 */
/* Image for header */
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content > .campaign-content > .campaign-head > .grow > a { font-size:0px!important; }
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content { padding:0; }
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content > .campaign-content { margin-bottom: -50px; }
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content::after { background-size: contain; background-image: url("https://github.com/scanime/kanka/blob/main/css/kitties/title.png?raw=true"); background-repeat: no-repeat; width:75vw; height: 20vw; margin-top:auto; margin-bottom:auto; display:inline-block; content: ""; max-width: 850px; max-height: 250px; margin-left: calc( ( 100% - min( 75vw, 850px ) ) / 2 ); }
@media (max-width: 1196px)
{
    body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content::after { width: 100%; margin-top: auto;margin-bottom: auto;}
    body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content { }
}
@media (max-width: 787px)
{
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content::after { width: 90%; margin-top: auto; margin-bottom: auto }
body:not(.dashboard-1306) #campaign-dashboard .campaign-header > .campaign-header-content { padding: 0; }
}

/* Hide default campaign desc  */
body:not(.dashboard-1306) #campaign-dashboard > div > div.campaign-header-content > div > div.preview { font-size: 0px; }
body:not(.dashboard-1306) .campaign-header.campaign-imaged-header .campaign-header-content { background-color: rgba(0,0,0,0); backdrop-filter: none; }

/* Headers */
body:not(.dashboard-1306) .widget.widget-header h3 { 
  font-family: 'Mouse Memoirs', cursive; 
  font-size: max( 250%, 2vw ); 
  -webkit-transform: scale(1.5,1);
  -moz-transform: scale(1.5,1);
  -ms-transform: scale(1.5,1);
  -o-transform: scale(1.5,1);
  transform: scale(1.5,1);  
  min-height:74px;
  width: 75%;
  margin-left: 12.5%;  
}

body:not(.dashboard-1306) .widget .widget-body {min-height: 220px;/* margin-top: -2rem; */}

body:not(.dashboard-1306) .widget .widget-header {
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  background: none;
  
  border-radius: 50% 20% / 10% 20%;
  
}
body:not(.dashboard-1306) .widget .widget-header a.widget-image {
    transition: all 2s ease;
    text-align: center;
    overflow: hidden;
    border-radius: 50% 20% / 16% 34% 3% 3%;
    box-shadow: 0 0 15px rgb(0 0 0 / 60%);
    margin-top: 0px;
}
body:not(.dashboard-1306) .widget .widget-header a:not(.widget-image) {
    font-family: 'Henny Penny', cursive;
    padding: 0px 10px 30px 10px;
    font-size: 24px;
    text-align: center;
    rotate: -2deg;
    margin-bottom: 12px;
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/background-ellipse-1.png?raw=true);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    max-width: min( 100%, 270px );
    filter: drop-shadow(2px 4px 6px black);
    align-items: center;
    justify-content: center;
    width: 100%;
    top: -1rem;
    position: relative;
}
body:not(.dashboard-1306) .widget .widget-header a:not(.widget-image) > span {
  flex-grow:unset;
  margin-top: 1.5rem;
  height: 2rem;
}
body:not(.dashboard-1306) .widget:is(.widget-preview, .widget-random) {
  border-radius: 50% 20% / 10% 20%;
  padding-bottom: 20px;
  filter: drop-shadow(2px 4px 4px rgba(0,0,0,0.7));
}
body:not(.dashboard-1306) .widget:is(.widget-preview, .widget-random) .widget-body {
  margin-top: -2rem;
}
body:not(.dashboard-1306) .widget .widget-header  
{
  border-radius: 50% 20% / 16% 34% 3% 3%;
  background: white;
}
body:not(.dashboard-1306) .widget > .bg-box {
  border-radius: 50% 20% / 10% 20%;
  border: 2px solid #222;
  border-width: 0px 3px 2px 5px;
}

body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) a, body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) {
  rotate: -4deg;
}
body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) a, body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) a {
  rotate: 2deg;
}
body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) a, body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget-header a:not(.widget-image) a {
  rotate: 2deg;
}
body:not(.dashboard-1306) .widget .widget-header a:not(.widget-image):hover { rotate:4deg; background-color: unset; transition: all 1s ease; }
body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(even), body:not(.dashboard-1306) .dashboard-widgets .col-md-4:nth-child(even) { transform: rotate(-1.5deg); }

body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(odd) .widget .widget-header a:not(.widget-image):hover, body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-3:nth-child(odd) .widget .widget-header a:not(.widget-image):hover { rotate: 0deg; }

body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(3n) .widget-header,
body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-3:nth-child(3n) .widget-header {border-radius: 20% 50% / 30% 16% 3% 3%;border-bottom-right-radius: 20% 15%;border-bottom-left-radius: 50% 10%;}

body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-4:nth-child(3n) .bg-box,
body:not(.dashboard-1306) .dashboard-widgets .widget.md\:col-span-3:nth-child(3n) .bg-box {border-radius: 20% 50% / 20% 10% 15%;border-bottom-right-radius: 20% 15%;border-bottom-left-radius: 50% 10%;}

/* Cute Paws */
body:not(.dashboard-1306) .widget.widget-header h3:after, body:not(.dashboard-1306) .widget.widget-header h3:before {
    content: '';
    display: inline-block;
    margin-top: -50px;
    width: 50px;
    height: 75px;
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-right.png?raw=true);
    background-size: 50px 69px;
    background-repeat: no-repeat;
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5));
    min-height: 54px;
    margin-bottom: -30px;
}
body:not(.dashboard-1306) .widget.widget-header h3:after {
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-left.png?raw=true);
}

/* For 67% width elements */
body:not(.dashboard-1306) .dashboard-widgets .col-md-8 > .widget.widget-preview .panel.panel-default.widget-preview { border-radius: 50% 20% / 20% 10% 10%; }
body:not(.dashboard-1306) .dashboard-widgets .col-md-8 > .widget.widget-preview .panel .panel-heading-entity { border-radius: 50% 20% / 33% 18% 3% 3%; }

/* Don't show skull icon */
body:not(.dashboard-1306) h3.panel-title > a > i[title="Dead"] { font-size: 0; }

/* Campaign description */
body:not(.dashboard-1306) .widget.widget-preview > .dashboard-campaign-desc {
    width: 80%;
    border-radius: 33px;
    border-width: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 2s;
    }
body:not(.dashboard-1306) .widget.widget-preview > .dashboard-campaign-desc::before
{
  content: ' ';
  display: block;
  position: absolute;
  /* left: 0; */
  top: 0;
  width: 80%;
  height: calc( 100% - 20px );
  opacity: 0.2;
  background-image: url(https://images.kanka.io/user/puI75NbGPTYR8WmQj2_anQS_cY0=/1200x400/smart/src/campaign%2F174440%2FGQgpkgag5umQ1RdXO3myD0mk1fshXNr43kN6V1Lo.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  border-radius: 33px;
  overflow: hidden;
}
body:not(.dashboard-1306) .widget.widget-preview:has( > .dashboard-campaign-desc ) {border: none;}
body:not(.dashboard-1306) .widget.widget-preview > .dashboard-campaign-desc > .widget-body { margin-top: unset; min-height: unset;color: black; text-shadow: 1px 0 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff; }
body:not(.dashboard-1306) .widget.widget-preview > .dashboard-campaign-desc > .widget-header { display:none; }

/* Art Credits */
body:not(.dashboard-1306) .widget.widget-preview:has( #dashboard-widget-238132 ) {border: none;}
body:not(.dashboard-1306) #dashboard-widget-238132 { width: 80%; border-radius: 33px; border-width: 2px; margin-left: auto; margin-right: auto; padding-bottom: 0; font-size: 80%; }
body:not(.dashboard-1306) #dashboard-widget-238132 .widget-body { margin-top: unset; min-height: unset; padding: 20px; }
body:not(.dashboard-1306) #dashboard-widget-238132 .widget-header { display: none; }
body:not(.dashboard-1306) #dashboard-widget-238132 table.table-bordered { border: none; margin-bottom: unset; margin-left: min(100px, 10%); margin-right: min(100px, 10%); width: calc( 100% - min(200px, 20%) ); }
body:not(.dashboard-1306) #dashboard-widget-238132 table.table-bordered td { border: none; }
body:not(.dashboard-1306) #dashboard-widget-238132 table > tbody { display: flex; flex-wrap: wrap; }
body:not(.dashboard-1306) #dashboard-widget-238132 table > tbody > tr { flex: 1 0 50%; }
@media (max-width: 787px)
{
  body:not(.dashboard-1306) .widget.widget-preview.dashboard-campaign-desc {
    width: 100%;
  }
}
/** Style Dashboard Grid#1818 */
.panel .panel-heading-entity {
    border-radius: 50% 20% / 16% 34% 3% 3%;
    box-shadow: 0 0 15px rgb(0 0 0 / 60%);
    border: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 75% max( 80px, 25% );
    height: 420px;
}

.panel .panel-heading-entity h3 {
    background-color: unset;
    transition: none;
    rotate: 4deg;
    transition: all 2s ease;
    text-align: center;
    grid-row-start: 2;
    justify-self: center;
    align-self: center;
    padding-bottom: 17px;
    width: min( 100%, 270px );  
}

.panel .panel-heading-entity h3 a {
    padding: 30px 20px;
    font-family: 'Henny Penny', cursive;
    font-size: 24px;
    text-align: center;
    rotate: -2deg;
    background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/background-ellipse-1.png?raw=true);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: min( 100%, 270px );
    filter: drop-shadow(2px 4px 6px black);
}
/** Style Entities#1683 */
h1.category-title { font-family: 'Henny Penny', cursive; }
.entity-grid .entity-header .entity-header-image { 
  flex-basis: 250px;
  rotate: 2deg;
  background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/parchment.jpg?raw=true);
  border-radius: 5px;
  filter: drop-shadow(2px 4px 6px black);
  background-repeat: no-repeat;
  background-size: cover;  
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.entity-grid .entity-header .entity-header-image picture > img { border-radius: 5px; rotate: -4deg; filter: drop-shadow(1px 2px 3px black); }
.entity-header .entity-name-header .entity-name { font-family: 'Henny Penny', cursive; font-size: 4rem; margin-top: 1rem; margin-bottom: 1rem; }
.entity-header .entity-banner + .entity-header-image { display: none; }
.entity-grid .entity-header .entity-header-image+.entity-header-text {
  padding-left: 20px;
}
.entity-posts > article > .post-header h3.post-title {
  font-family: 'Mouse Memoirs', sans-serif;
  -webkit-transform: scale(1.5,1);
  -moz-transform: scale(1.5,1);
  -ms-transform: scale(1.5,1);
  -o-transform: scale(1.5,1);
  transform: scale(1.5,1);
  transform-origin: left;
  width: calc( 100% * 2 / 3 );
}
/* Attributes don't need extra width in the box header */
.ability .box .box-header .box-title { width: unset; }
.box .box-header .box-title i.fa-solid
{
    transform: scale(0.75,1);
    -webkit-transform: scale(0.75,1);
}

/* Fix header drop down */
.entity-grid .post .box-header.with-border {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
}

/* Cute paws */
.entity-posts > article > .entity-note:before { content: ''; margin-top:-30px; margin-left:-20px; display:inline-block; width:50px;height:54px; background-image: var(--paw-top); background-size:50px; background-repeat: no-repeat; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5)); }
.entity-posts > article > .entity-note .entity-note-body.post-body { margin-top: -25px; }
.entity-posts > article > .post-header {margin-left: 40px;/* margin-top: 1rem; */}
.entity-story-block > .entity-posts > div:last-of-type:after {content: '';display:inline-block;margin-top:-55px;margin-right:-20px;float:right;width:50px;height:54px;background-image: var(--paw-bottom);background-size:50px;background-repeat: no-repeat;position: relative; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5));}
.entity-story-block > .entity-posts > div:last-of-type .post-footer { margin-right: 25px; }
.entity-posts > article > .entity-note:after {
  content: '';display:inline-block;margin-top:-35px;margin-right:-20px;float:right;width:50px;height:54px;background-image: var(--paw-bottom);background-size:50px;background-repeat: no-repeat;position: relative; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5));
}
.entity-story-block:has( > .entity-notes > div ) > .box-entity-entry:after {
  content: none;
}

/* Custom bullets */
.entity-story-block .entity-content li { list-style-type: "\2605 "; padding-left: 0.75em; }

/* With banners, hide images because we want them on the dashboard but not the entry (except on mobile) */
.entity-header.with-entity-banner > .entity-header-image { display: none; }
div.entity-header.with-entity-banner > .entity-header.with-entity-banner + .entity-header-image { display: none; } /* for mobile screens */

/* Also taller banners */
.entity-header.with-entity-banner { min-height: 275px; }

/* Change entry title for how to play */
.kanka-entity-3912375 .box-entity-entry > .box-header > h3.box-title { font-size: 0; }
.kanka-entity-3912375 .box-entity-entry > .box-header > h3.box-title:after { font-size: 18px; content: "Making a Check"; }

/* Change entry title for leveling up */
.kanka-entity-4018658 .box-entity-entry > .box-header > h3.box-title { font-size: 0; }
.kanka-entity-4018658 .box-entity-entry > .box-header > h3.box-title:after { font-size: 18px; content: "Experience Points"; }

/* Change entry title for magical powers & flaws */
body:is(.kanka-type-magical-power, .kanka-type-flaw, .kanka-type-talent) .box-entity-entry > .box-header > h3.box-title { font-size: 0; }
body:is(.kanka-type-magical-power, .kanka-type-flaw, .kanka-type-talent) .box-entity-entry > .box-header > h3.box-title:after { font-size: 18px; content: "Summary"; }
body:is(.kanka-type-flaw, .kanka-type-talent) .box-entity-entry:has( ~ .entity-posts > article ) { display: none!important; }
body:is(.kanka-type-flaw, .kanka-type-talent) .entity-posts > div:last-of-type > .box:before { content: ''; margin-top:-15px; margin-left:-20px; display:inline-block; width:50px;height:54px; background-image: url("https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-left.png?raw=true"); background-size:50px; background-repeat: no-repeat; filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5)); }
body:is(.kanka-type-flaw, .kanka-type-talent) .entity-posts > div:last-of-type > .box > .box-header { margin-left: 30px; margin-top: -45px; }
body:is(.kanka-type-flaw, .kanka-type-talent) .entity-posts > div:last-of-type > .box > .box-header > h3 > i.fa-solid { display: none; }

/* Link to char sheet */
body.kanka-type-player-character.kanka-entity-character ul.nav.entity-menu a[title="Attributes"] { font-size: 0; }
body.kanka-type-player-character.kanka-entity-character ul.nav.entity-menu a[title="Attributes"]:before { font-size: 14px; content: "Character Sheet"; }
body.kanka-type-player-character.kanka-entity-character.entity-attributes .entity-header ol.entity-breadcrumb > li:last-of-type { font-size: 0; }
body.kanka-type-player-character.kanka-entity-character.entity-attributes .entity-header ol.entity-breadcrumb > li:last-of-type:before { font-size: 14px; }
body.kanka-type-player-character.kanka-entity-character.entity-attributes .entity-header ol.entity-breadcrumb > li:last-of-type:after { content: 'Character Sheet'; font-size:12px; }

/* Retitle */
body { --bookmark-hide: 2.25rem; --bookmark-show: 0; --bookmark-label: ''; }
head:has( > link[href$="type=Flaw"] ) + body { --bookmark-label: 'Flaws'; --bookmark-show: 2.25rem; --bookmark-hide: 0; }
head:has( > link[href$="type=Talent"] ) + body { --bookmark-label: 'Talents'; --bookmark-show: 2.25rem; --bookmark-hide: 0; }
head:has( > link[href$="type=Magical%20Power"] ) + body { --bookmark-label: 'Magical Powers'; --bookmark-show: 2.25rem; --bookmark-hide: 0; }

body.kanka-abilities #main-content > section.content h1.category-title { font-size: var(--bookmark-hide ); }
body.kanka-abilities #main-content > section.content h1.category-title:after { display: inline; font-size: var(--bookmark-show ); content: var(--bookmark-label); }

body.kanka-type-talent ol.entity-breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-type-talent ol.entity-breadcrumb > li > a[title="Abilities"]:after { content: "Talents"; font-size: 14px; }
body.kanka-type-flaw ol.entity-breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-type-flaw ol.entity-breadcrumb > li > a[title="Abilities"]:after { content: "Flaws"; font-size: 14px; }
body.kanka-type-magical-power ol.entity-breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-type-magical-power ol.entity-breadcrumb > li > a[title="Abilities"]:after { content: "Magical Powers"; font-size: 14px; }

/*
body:is(.kanka-races, .kanka-entity-race) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Races"] { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Races"]:after { content: 'Folk'; font-size: 12px; }
body:is(.kanka-races, .kanka-entity-race) section.content-header > h1 { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content-header > h1:after { content: 'Folk'; font-size: 26px;}
body:is(.kanka-races, .kanka-entity-race) section.content .box > form > .box-body > p.help-block { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content .box > form > .box-body > p.help-block:before { font-size: 14px; display: inline; content: "Displaying all folk that don't have a parent folk. Click on a row to see the children folk."; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right:has( > i.fa-list ) { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right:has( > i.fa-list ):after { font-size: 14px; display: inline; content: " Folk"; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right[href="https://kanka.io/en/campaign/174440/races"] { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right[href="https://kanka.io/en/campaign/174440/races"]:after { font-size: 14px; display: inline; content: " Folk"; }
body:is(.kanka-races, .kanka-entity-race) section.content a.btn.pull-right > i.fa-list { font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity { font-size: 0; }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity:after { font-size: 14px; display: inline; content: " Folk"; }
body:is(.kanka-races, .kanka-entity-race) section.content .btn-group > a.btn-new-entity > i.fa-plus { font-size: 14px; }
body:is(.kanka-races, .kanka-entity-race) section.content .box form .box-footer > .datagrid-bulk-actions + p.help-block:after { content: "Folk."; display: inline-block; width: 7em; margin-left: -5.2em; background-color: var(--box-footer-background); }
table#races > thead > tr > th.avatar + th + th + th { font-size: 0; }
table#races > thead > tr > th.avatar + th + th + th:after {display: inline; content: "Sub-Folk"; font-size: 14px;}
*/

/*
body:is(.kanka-creatures, .kanka-entity-creature) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Creatures"] { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Creatures"]:after { content: 'Foes'; font-size: 12px; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content-header > h1 { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content-header > h1:after { content: 'Foes'; font-size: 26px;}
body:is(.kanka-creatures, .kanka-entity-creature) section.content .box > form > .box-body > p.help-block { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content .box > form > .box-body > p.help-block:before { font-size: 14px; display: inline; content: "Displaying all foes that don't have a parent foe. Click on a row to see the children foes."; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content a.btn.pull-right:has( > i.fa-list ) { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content a.btn.pull-right:has( > i.fa-list ):after { font-size: 14px; display: inline; content: " Foes"; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content a.btn.pull-right[href="https://kanka.io/en/campaign/174440/creatures"] { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content a.btn.pull-right[href="https://kanka.io/en/campaign/174440/creatures"]:after { font-size: 14px; display: inline; content: " Foes"; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content a.btn.pull-right > i.fa-list { font-size: 14px; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content .btn-group > a.btn-new-entity { font-size: 0; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content .btn-group > a.btn-new-entity:after { font-size: 14px; display: inline; content: " Foe"; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content .btn-group > a.btn-new-entity > i.fa-plus { font-size: 14px; }
body:is(.kanka-creatures, .kanka-entity-creature) section.content .box form .box-footer > .datagrid-bulk-actions + p.help-block:after { content: "Foes."; display: inline-block; width: 7em; margin-left: -5.2em; background-color: var(--box-footer-background); }
table#creatures > thead > tr > th.avatar + th + th + th { font-size: 0; } 
table#creatures > thead > tr > th.avatar + th + th + th:after {display: inline; content: "Sub-Foes"; font-size: 14px;}
*/
/*
body:is(.kanka-journals, .kanka-entity-journal) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Journals"] { font-size: 0; }
body:is(.kanka-journals, .kanka-entity-journal) ol:is(.entity-breadcrumb, .breadcrumb) li > a[title="Journals"]:after { content: 'Episodes'; font-size: 12px; }
body:is(.kanka-journals, .kanka-entity-journal) section.content-header > h1 { font-size: 0; }
body:is(.kanka-journals, .kanka-entity-journal) section.content-header > h1:after { content: 'Episodes'; font-size: 26px;}
*/

body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-6.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-6.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"]:before { font-size: 12px; content: "Talents"; display: inline-block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-6.active ) div section.content > div.flex > h1 { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-6.active ) div section.content > div.flex > h1:before { font-size: 32px; content: "Talents"; display: block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-6.active ) section.content .box form .box-footer > p.help-block:after { content: "Talents."; display: inline-block; width: 7em; margin-left: -3.9rem; background-color: var(--box-footer-background); }

body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-3.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-3.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"]:before { font-size: 12px; content: "Magical Powers"; display: inline-block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-3.active ) div section.content > div.flex > h1 { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-3.active ) div section.content > div.flex > h1:before { font-size: 32px; content: "Magical Powers"; display: block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-3.active ) section.content .box form .box-footer > p.help-block:after { content: "Magical Powers."; display: inline-block; width: 11em; margin-left: -3.9rem; background-color: var(--box-footer-background); }

body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-4.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"] { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-4.active ) section.content-header > ol.breadcrumb > li > a[title="Abilities"]:before { font-size: 12px; content: "Flaws"; display: inline-block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-4.active ) div section.content > div.flex > h1 { font-size: 0; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-4.active ) div section.content > div.flex > h1:before { font-size: 32px; content: "Flaws"; display: block; }
body.kanka-abilities:has( .sidebar .sidebar-quick-link.sidebar-quick-link-4.active ) section.content .box form .box-footer > p.help-block:after { content: "Flaws."; display: inline-block; width: 7em; margin-left: -3.9rem; background-color: var(--box-footer-background); }

/* Fix box tools in headers */
.box .box-header>.box-tools { z-index: 5000; }

/* Human problems */
img.human-problems { float: right; width: 33%; padding-left: 10px; }

@media (max-width: 991px) {
  .entity-grid .entity-header {
      grid-template-columns: 120px auto;
  }
  .entity-header .entity-breadcrumb {
    margin-bottom: 5px;
  }
  .entity-header .entity-name-header .entity-name { font-size: 3em; }
}

@media (max-width: 767px) {
  .entity-grid .entity-header {
      grid-template-columns: 120px minmax(auto,calc(100% - 120px));
  }
  .entity-header .entity-breadcrumb {
    margin-bottom: 5px;
  }
  .entity-header .entity-name-header .entity-name { font-size: 3em; padding-bottom:10px; }
}
/** Style Over image fix#1817 */
.box-body.entity-content::after {
    content: "";
    clear: both;
    display: block;
}
/** Style Icons#1684 */
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="3899750"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-dog.png?raw=true')!important; }
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="3892893"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-fairy.png?raw=true')!important; }
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="4004134"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-fairy.png?raw=true')!important; }
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="3892886"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-boy.png?raw=true')!important; }
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="3892888"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-cat.png?raw=true')!important; }
body:is(.kanka-entity-race, .kanka-races) table#races > tbody > tr[data-entity-id="3899491"] > td + td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-mermaid.png?raw=true')!important; }
body.kanka-abilities table#abilities > tbody > tr[data-type="flaw"] > td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-ability-flaw.png?raw=true')!important; border-radius: unset; }
body.kanka-abilities table#abilities > tbody > tr[data-type="talent"] > td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-ability-talent-2.png?raw=true')!important; border-radius: unset; }
body.kanka-abilities table#abilities > tbody > tr[data-type="magical-power"] > td > a.entity-image { background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/icon-ability-magic-2.png?raw=true')!important; border-radius: unset; }
/** Style Foe Box#1739 */
table.kitty-foe {
     border: none;
}
table.kitty-foe > tbody > tr {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
table.kitty-foe > tbody > tr > td {
     border: none;
     flex-basis: calc( 100% / 8 );
     height: auto;
}
table.kitty-foe > tbody > tr > td:nth-child(odd) {
     font-family: 'Mouse Memoirs', sans-serif;
     font-size: 110%;
     text-align: right;
}
table.kitty-foe > tbody > tr > td:nth-child(even) {
     text-align: center;
     vertical-align: middle!important;
     background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/kitties/foe%20stat%20blank.png);
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     aspect-ratio: 1 / 1;
     display: flex;
     align-items: center;
     justify-content: center;
     max-height: 4em;
}
table.kitty-foe > tbody > tr > td:nth-child(even) p {
     margin: 0;
}
table.kitty-foe > tbody > tr > td:nth-child(even) span.attribute {
     background-color: unset;
     font-weight: 800;
     font-size: 2em;
     padding: 0;
     font-style: normal;
}
p.kitty-foe-reaction:has( > span.attribute:empty ) {
     display: none;
}
p.kitty-foe-reaction {
     color: var(--body-text);
}
p.kitty-foe-reaction:first-of-type:before {
     content: 'Reactions';
     font-weight: 800;
     text-transform: uppercase;
     font-weight: 800;
     text-align: center;
     font-size: 125%;
     display: block;
     padding-bottom:0.25em;
     border-bottom: solid 1px rgba(0,0,0,0.5);
     width:100%;
}
p.kitty-foe-reaction > span.attribute:first-of-type {
    color: var(--body-text);
    background-color: unset;
    font-weight: 800;
    font-style: normal;
    padding-top: 0.75em;
    display: inline-block;
}
p.kitty-foe-reaction > span.attribute:nth-of-type( 2 ) {
     background-color: unset;
     color: var(--body-text);
     font-style: normal;
}
/** Style Tooltips#1783 */
/* To undo wideness */
.box .box-header .box-title .tooltip.in, .box .box-header .box-title a .tooltip.in {
  -webkit-transform: scale(0.75,1);
  -moz-transform: scale(0.75,1);
  -ms-transform: scale(0.75,1);
  -o-transform: scale(0.75,1);  
  transform: scale(0.75,1);
}

.tooltip {
     rotate: 2deg;
     filter: drop-shadow(2px 4px 6px black);
}
.tooltip.in {
     filter: alpha(opacity=100);
     opacity: 1;
}
.tooltip.bottom .tooltip-arrow {
     border-width: 0;
     top: -15px;
}
.tooltip.top .tooltip-arrow {
    border-width: 0;
    bottom: -9px;
    left: unset!important;
    right: 10px;
    rotate: 305deg;
}
.tooltip:has( .tooltip-content ) .tooltip-arrow:before {
     content: '';
     margin-top: -15px;
     margin-left: -20px;
     display: inline-block;
     width: 50px;
     height: 54px;
     background-image: var(--paw-top);
     background-size: 50px;
     background-repeat: no-repeat;
}
.tooltip.top:has( .tooltip-content ) .tooltip-arrow:before {
     background-image: var(--paw-bottom);
     rotate: 180deg;
}
.tooltip .tooltip-inner {
     rotate:2deg;
     background-image: url('https://github.com/scanime/kanka/blob/main/css/kitties/blank%20page%20dark.jpg?raw=true');
}
.tooltip .tooltip-content {
     rotate: -2deg;
     background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/parchment.jpg?raw=true);
     filter: drop-shadow(2px 4px 6px black);
     padding:5px;
}
.tooltip .tooltip-content .entity-image {
     border-radius:5px;
     rotate: 2deg;
     filter: drop-shadow(1px 2px 3px black);
}
.tooltip .tooltip-content .entity-names {
     font-family: 'Mouse Memoirs', sans-serif;
     -webkit-transform: scale(1.5,1);
     -moz-transform: scale(1.5,1);
     -ms-transform: scale(1.5,1);
     -o-transform: scale(1.5,1);
     transform: scale(1.5,1);
     transform-origin: left;
     width: calc( 100% * 2 / 3 );
     color: #636b6f;
}
.tooltip .tooltip-content .tooltip-text {
     color: #636b6f;
     padding: 2px;
}
/** Style Timeline fix#1743 */
@media (min-width: 768px) {
    .timeline-item > .box > .box-header>.box-tools { margin-left: auto; }
    .timeline-item .box-tools { display: flex; justify-content: flex-end; align-items: center; }
	.timeline-item .btn-box-tool .fa-ellipsis-v { padding: 0; }
	
    .kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline .box-title { flex-grow: unset!important; }
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline .box-title > .text-muted { top: -2px; }

    .kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]:nth-child(2n+1) .text-muted { left: calc(100% + 80px); }
    .kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) .text-muted:after, .kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) .text-muted:before { border-radius: unset; }
  
.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"]::before {
    min-height: calc( 100% + 2px );
    margin-top: -2px;  
  }
.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) li[id|="timeline-element"] { 
    filter: drop-shadow(2px 1px 2px rgba(0,0,0,0.5));
}  
}
/** Style Dark & Midnight Theme#1782 */
/* Dashboard */
:is(body[data-theme="dark"], body[data-theme="midnight"]) .panel.panel-default.widget-preview.dashboard-campaign-desc > .panel-body { color: white; text-shadow: none; }

/* Main */
:is(body[data-theme="dark"], body[data-theme="midnight"]) .content-wrapper { background-image: url(https://github.com/scanime/kanka/blob/main/css/kitties/blank%20page%20dark%202.png?raw=true); }
body[data-theme="dark"] {
    --paw-top: url("https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-left-light.png?raw=true");
    --paw-bottom: url("https://github.com/scanime/kanka/blob/main/css/kitties/paw-top-right-light.png?raw=true");
    --breadcrumb-text: var(--header-text);
    --link-hover: var(--theme-link);
    --link-text: #d6eaee;  
}

/* Entities */
:is(body[data-theme="dark"], body[data-theme="midnight"]) .entity-header-sub-element, body[data-theme="dark"] .entity-sidebar { color: var(--header-text); }
/** Style Mobile#1790 */
.entity-grid  { 
  --image-width: 95%;
  --padding-height: 95%;
}

/*
@media (max-width: 576px) {
  aside.main-sidebar { margin-top: 45px }
  section.sidebar-campaign { height: 165px; }
  section.sidebar-campaign .campaign-block:before { top: 10px; }

  .entity-grid .entity-header {grid-template-columns: 100%;grid-template-rows: auto;}
  .entity-header:before {content: '';width: 0;padding-bottom: 90%;grid-row: 1 / 1;grid-column: 1 / 1;}
  .entity-header .entity-name-header .entity-name { }
  .entity-grid .entity-header .entity-header-image {width: 85%;justify-self: center;}
  .entity-grid .entity-header .entity-header-image+.entity-header-text { padding-left: 10px; grid-row-start: 2; grid-column-start: 1; }  
}
*/
@media (max-width: 576px) {
  aside.main-sidebar { margin-top: 45px }
  section.sidebar-campaign { height: 165px; }
  section.sidebar-campaign .campaign-block:before { top: 10px; }
  .entity-header .entity-banner + .entity-header-image { display: block; }
  .entity-header .entity-name-header .entity-name { font-size: 2.5em; padding-top: 5px; }  
  .entity-grid .entity-header {grid-template-columns: 100%;grid-template-rows: auto;}
  .entity-header:before {content: '';width: 0;padding-bottom: var(--padding-height);grid-row: 1 / 1;grid-column: 1 / 1;}
  .entity-header .entity-name-header { align-items: center; }
  .entity-grid .entity-header .entity-header-image {width: var(--image-width);justify-self: center;padding-left:0;padding-right:0; justify-content: center; }
  .entity-grid .entity-header .entity-header-image+.entity-header-text { padding-left: 10px; grid-row-start: 2; grid-column-start: 1; }  
  .entity-grid>.entity-header.with-entity-banner .entity-header-text { padding-top: calc( var(--image-width) - 100% ); }
  .entity-grid>.entity-header.with-entity-banner .entity-header-image { padding: initial; }
  .entity-header.with-entity-banner > .entity-banner {display: none; }  
  .entity-header.with-entity-banner > .entity-header-text { grid-row-start: 2; grid-column-start: 1; color: var(--header-text); }
  .entity-header.with-entity-banner .entity-name-header> h1.entity-name { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text > .entity-texts > ol > li { color:  var(--breadcrumb-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text > .entity-texts > ol > li > a {color:  var(--breadcrumb-text);text-shadow: none;/* row-gap: 26px; */}
  .entity-header.with-entity-banner > .entity-header-text .entity-name-icons i { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text .entity-name-icons span.entity-icons { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text .entity-header-sub.pull-left { color:  var(--header-text); text-shadow: none; }
  .entity-header.with-entity-banner > .entity-header-text .entity-header-sub.pull-left a { color:  var(--header-text); text-shadow: none; }
  body.entity-with-banner .content-wrapper>.content { padding-top: 15px; }
}
/** Style Entity Attributes#1836 */
.box-abilities {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 10px;
}
.box-abilities .ability .help-block:first-of-type {
  background-color: var(--link-text);
  color: white;
  font-weight: 800;
  padding: 2px 5px;
  border-radius: 5px;
}

.box-abilities > .row { display: none; }