/**
 * Campaign Styles for campaign #137460
 */

/** Style All Pages#1186 */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&family=Passion+One:wght@400;700&display=swap');

body { font-family: "Lora", serif; }

div.content-wrapper {
  background-image: url(https://github.com/scanime/kanka/blob/main/css/left-field/green-background.jpg?raw=true);
  background-size: 50%;
}
/** Style Art Credits#1264 */
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.box-header { display: none; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.entity-note-details { margin-bottom: 0; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.entity-note-body { text-align: center; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.entity-note-body p { margin: 0; color: black; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.entity-note-body p a { text-shadow: -1px -1px rgba(255,255,255,0.5), -1px 1px rgba(255,255,255,0.5), 1px -1px rgba(255,255,255,0.5),1px 1px rgba(255,255,255,0.5) ; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box div.entity-note-footer { display: none; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box {background-image: var(--entity-header-image-url), var(--entity-image-url);background-size: 200%;background-position: center; transition: 1s;}
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box > div.box-body { background-color: rgba(255,255,255,0.45); transition: 1s; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box:hover { background-size: 100%; }
body.kanka-tag-newartcredit section.content > div.entity-grid > div.entity-story-block > div.entity-notes > div:last-of-type > div.box > div.box-body:hover { background-color: rgba(2552,255,255,0.65); }
/** Style Campaign Header#1159 */
div#campaign-dashboard > div.campaign-header {
  background-image: url(https://github.com/scanime/kanka/blob/main/css/left-field/left-field-title-flip.jpg?raw=true);
  background-position-x: calc( 5.5vw + 100px );  
  background-color: black;
  margin-bottom: 0px;
}

div#campaign-dashboard > div.campaign-header a.campaign-title {
  font-size: 0;
}

div#campaign-dashboard > div.campaign-header div.campaign-head {
  height: 150px;
  background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/left-field-title-text.png);
  background-size: contain;  
  background-repeat: no-repeat;
}

div#campaign-dashboard > div.campaign-header div.preview {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
/** Style Sidebar#1161 */
#app > aside > section.sidebar-campaign div.campaign-name { font-family: 'Lora', serif; letter-spacing: .1rem; font-weight: 600; }
/*
.sidebar li.section-locations > a i:before { content: "\f1ad"; font-family: 'FontAwesome'; font-weight: 400; }
.sidebar li.section-organisations > a i:before { content: "\f0e8"; font-family: 'FontAwesome'; font-weight: 400; }
.sidebar li.section-journals > a i:before { content: "\f1ea"; font-family: 'FontAwesome'; font-weight: 400; }
.sidebar li.section-items > a i:before { content: "";; font-family: 'RPGAwesome'; font-weight: 400; }
*/

.sidebar li.section-races { display: none; }
/** Style Entities#1173 */
:root {
  --box-background: #eee;
  --box-border: solid 1px black;
}

/* Timelines */
body.kanka-entity-timeline li > div.timeline-item > .box {box-shadow: 2px 2px 4px 2px #0000008a;border: none!important;margin-bottom: 0;}

/* Entity header */
.entity-grid .entity-header .entity-header-text {
    text-shadow: 1px 1px #000, -1px 1px #000;
    color: white;
    font-family: 'Lora', serif;
}
.entity-grid .entity-header .entity-header-text div.header-buttons {
  text-shadow: none;
}
.entity-header .entity-name-header .entity-name {
  font-family: 'Passion One', cursive;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 48px;  
}
@media (max-width: 767px) {
  .entity-header .entity-name-header h1.entity-name {
    font-size: 20px!important;
  }
}
h3.box-title { font-family: 'Lora', serif; }
.entity-header .entity-image { box-shadow: 2px 2px 4px 2px #0000008a; }
.entity-header .entity-breadcrumb li a { color: white; }

/* Shadows to all boxes */
.box.box-solid { box-shadow: 2px 2px 4px 2px #0000008a; }

/* Format nav menu */
div.entity-submenu ul.nav > li > a { font-family: "Passion One"; }

/* Update help block/history to make visible */
.entity-modification-history .help-block {
    background: var(--box-background);
    padding: 5px 15px 5px 0px;
    border: var(--box-border);
    box-shadow: 2px 2px 4px 2px #0000008a;
    border-radius: 3px;
}

/* Give pins a background */
.sidebar-section-box {
    border-radius: 3px;
    border: 1px solid black;  
    box-shadow: 2px 2px 4px 2px #0000008a;
}
.sidebar-section-box .sidebar-section-title {    
    background: var(--box-background);
    font-family: "Lora", serif;
    padding: 3px;  
}
.sidebar-section-box .sidebar-elements {
    background: var(--box-background);
    margin: 0;
    padding: 0 8px;
    border-top: 1px solid black;
}
/** Style Specific Entities#1172 */
/* Hide main entry for Savage Worlds Basics */
body.kanka-entity-3260271 div.box-entity-entry { display: none; }
/** Style Baseball card#1194 */
body.kanka-entity-3260271 div.box-entity-entry { display: none; }
/** Style Baseball card#1194 */
/* Update header image to card */
body.kanka-tag-baseballplayer .entity-header-image:after { display: inline-block;width: 190px; height: 208px; margin-top:-6px; margin-left: -170px; background-size: 100% 100%; background-repeat: no-repeat; background-image: url('https://github.com/scanime/kanka/blob/main/css/left-field/blank-card-2.jpg?raw=true');content: ''; box-shadow: 2px 2px 4px 2px #0000008a; }
body.kanka-tag-baseballplayer .entity-header .entity-image { box-shadow: none; border: 2px solid rgba(0,0,0,0.5); filter:sepia(0.3); }
body.kanka-tag-baseballplayer .entity-header-image:before { position: absolute; height: 2em; font-size: 1em; bottom: -2px; width: 170px; text-align: center; content: 'Player Name'; z-index: 1000; color: rgba(0,0,0,0.75); font-family: 'Passion One', serif; }
body.kanka-tag-baseballplayer.kanka-entity-3220757 .entity-header-image:before { content: 'Jack Crenshaw'; }
body.kanka-tag-baseballplayer.kanka-entity-3280465 .entity-header-image:before { content: '"Bullseye" Atterwood'; }
@media (max-width: 991px) {
  body.kanka-tag-baseballplayer .entity-grid .entity-header { grid-template-columns: 200px auto; }
}
@media (max-width: 767px)
{
  body.kanka-tag-baseballplayer .entity-header-image:after { height: 125px; width: 120px; margin-left: -90px; }
  body.kanka-tag-baseballplayer .entity-header-image:before { display: none; }
}

/* Grid */
body.kanka-tag-baseballplayer div.entity-story-block { display: grid; grid-template-areas: "notes notes" "entry entry" "add-note add-note" "other-posts other-posts" "mentions mentions" "history history";}
body.kanka-tag-baseballplayer div.box-entity-entry { grid-area: entry; }
body.kanka-tag-baseballplayer div.entity-notes {display: grid;grid-template-areas: "card-front . card-back" "entry entry entry" "other-notes other-notes other-notes"; grid-area: notes;grid-template-columns: 47.5% 5% 47.5%;}
body.kanka-tag-baseballplayer div.entity-mentions-box { grid-area: mentions; }
body.kanka-tag-baseballplayer div.entity-modification-history { grid-area: history; }
body.kanka-tag-baseballplayer div.row-add-note-button { grid-area: add-note; }
body.kanka-tag-baseballplayer div.entity-note-position-3, body.kanka-tag-baseballplayer div.entity-note-position-4, body.kanka-tag-baseballplayer div.entity-note-position-5 { grid-area: other-notes; }
@media (max-width: 1100px)
{
  body.kanka-tag-baseballplayer div.entity-notes { grid-template-areas: "card-front" "card-back" "entry" "other-notes"; grid-template-columns: 100%; }  
  body.kanka-tag-baseballplayer div.entity-note-position--2, body.kanka-tag-baseballplayer div.entity-note-position--1 { justify-self: center!important; }
}

/* Turn notes in to baseball cards */
body.kanka-tag-baseballplayer div.entity-note-position--2, body.kanka-tag-baseballplayer div.entity-note-position--1 { grid-area: card-back; justify-self: start; }
body.kanka-tag-baseballplayer div.entity-note-position--1 { grid-area: card-front; justify-self: end; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body, body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body {width: 75%;margin-left: auto;margin-right: auto;max-width: 525px;background-color: white;border-radius: 5px;padding-top: 0.5em;box-shadow: 2px 2px 4px 2px #0000008a;width: 324px;height: 400px;}
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note { background: none; box-shadow: none; border: none; }
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note > div.box-header, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note > div.box-header { border-bottom: none; justify-content: flex-end; }
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note > div.box-header > h3.box-title, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note > div.box-header > h3.box-title { display: none; }
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note > div.box-header div.box-tools > i, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note > div.box-header div.box-tools > i { color: rgba(255,255,255,0.5); }
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note > div.box-header div.box-tools > a, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note > div.box-header div.box-tools > a { color: rgba(255,255,255,0.5); }
body.kanka-tag-baseballplayer div.entity-note-position--2 div.entity-note-footer, body.kanka-tag-baseballplayer div.entity-note-position--1 div.entity-note-footer { opacity: 0; }

/* Card back */
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body { font-size: 85%; color: rgba(0,0,0,0.75); background-image: url("https://raw.githubusercontent.com/scanime/kanka/main/css/left-field/blank%20back.jpg"); background-size: cover; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body h2 {font-family: 'Passion One', serif;text-align: center;width: 100%;margin-bottom: 0;margin-top: 5px;}
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body span.attribute { background: none; border-radius: 0; color: unset; font-style: unset; padding: 0; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table { border: none; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table td { border: none; padding: 1px; text-align: center; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table td > p { margin: 0; } /* Because they get added within cells sometimes */
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table tr:nth-of-type(1) { font-weight: 800; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table tr:nth-of-type(2) { font-style: italic; }
body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body table + p { text-align: justify; padding-left: 15px; padding-right: 15px; }

/* Card front */
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body {aspect-ratio: 0.81;color: rgba(0,0,0,0.75);font-family: 'Passion One', serif;text-align: center;background-size: contain;background-repeat: no-repeat;background-image: url('https://github.com/scanime/kanka/blob/main/css/left-field/blank-card-2.jpg?raw=true');width: 100%;width: 324px;/* height: 400px; */}
body.kanka-tag-baseballplayer div.box.entity-note div.entity-note-body p.image-here { background-image: var(--entity-image-url)!important; height: 342px; background-size: cover; background-repeat: no-repeat; width: calc( 100% - 20px ); margin-left: 10px; margin-bottom: 47px; filter: sepia(0.3); }
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body p:not(.image-here) {font-size: 125%;bottom: 8%;position: absolute;width: calc( 100% - 20px );margin-left: auto;margin-right: auto;width: 324px;}
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body img {object-fit: cover;object-position: center top;height: 372px;padding-bottom: 30px;overflow: hidden;width: calc( 100% - 20px );}
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body img.sepia3 { filter:sepia(0.3); }
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body img.sepia4 { filter:sepia(0.4); }
body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body img.sepia5 { filter:sepia(0.5); }

@media (max-width: 991px) {
  body.kanka-tag-baseballplayer div.entity-note-position--2, body.kanka-tag-baseballplayer div.entity-note-position--1 { width: 100%; margin-left: unset; }
}
@media (max-width: 767px)
{
  body.kanka-tag-baseballplayer div.entity-note-position--2, body.kanka-tag-baseballplayer div.entity-note-position--1 { width: 75%; margin-left: auto; margin-right: auto; }  
  body.kanka-tag-baseballplayer div.entity-note-position--2 > div.box.entity-note div.entity-note-body, body.kanka-tag-baseballplayer div.entity-note-position--1 > div.box.entity-note div.entity-note-body { margin-left: unset;}
}
@media (max-width: 568px)
{
  body.kanka-tag-baseballplayer div.entity-note-position--2, body.kanka-tag-baseballplayer div.entity-note-position--1 { width: 100%; margin-left: unset; }
}
/** Style Sepia#1640 */
div.entity-tags.entity-header-line > a[data-tag-slug="sepia10"] { display: none; }
div.tooltip-content .tooltip-tags > span.tooltip-tag[data-tag-slug="sepia10"] { display: none; }

body.kanka-tag-sepia10.kanka-tag-baseballplayer div.box.entity-note div.entity-note-body p.image-here, 
body.kanka-tag-sepia10.kanka-tag-baseballplayer .entity-header .entity-image  { filter: sepia(1.0)!important; opacity: 0.75; }
