/**
 * Campaign Styles for campaign #161074
 */

/** Style Font imports#1515 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almendra+Display&family=Cinzel&family=Quintessential&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almendra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bigelow+Rules&family=Bilbo+Swash+Caps&family=Calligraffitti&family=Charmonman&family=Dawning+of+a+New+Day&family=Eagle+Lake&family=Emilys+Candy&family=Felipa&family=Lancelot&family=Metamorphous&display=swap');
/** Style Editing posts#3251 */
div.note-editable {
  background-color: white;
}
/** Style Entity Images#1811 */
.entity-header .entity-header-image {
    border-radius: 5px;
    rotate: -4deg;
    filter: drop-shadow(1px 2px 3px black);
}
}
.entity-header .entity-header-image {
    border-radius: 1px;
    cursor: pointer;
    padding-top: 100%;
    position: relative;
    width: 100%;
    z-index: 10;
}
.entity-header-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: block;
    height: 200px;
    width: 200px;
}
/** Style tall widgets#1816 */
.tall .panel-body { min-height: 500px; overflow-y: auto;/* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
.tall2 .panel-body { min-height: 445px; overflow-y: auto;/* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.medium .panel-body { min-height: 300px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.small .panel-body { min-height: 275px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.calendar-height .panel-body { min-height: 200px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.widget-recent-list .blame {
  display: none;
}
/** Style Background image#1793 */
:root {
  --background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/b9b12873-2e6d-4261-b531-a78998cb7bd0.webp);
}
/** Style Parchment theme Updated#3250 */
:root {
    --body-text: #3f4548;
    --link-text: chocolate;
    --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: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/b9b12873-2e6d-4261-b531-a78998cb7bd0.webp);
 }
article.bg-box:has(.entity-content), div.bg-box.post:not(:has(.entity-content.hidden)) {border: 1px solid rgba(0,0,0,0.33);box-shadow: 0 0 5px #000;background-image: var(--bg-parchment); }
.entity-content, .widget-advanced-members { background-color: var(--half-fade); }

.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);}
article.bg-box > 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); }
.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); }
.timeline-era.post.p-2 { padding: 0; }

/** 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 ); }

div.widget:is(.widget-preview, .widget-random, .widget-recent, .widget-calendar) > .bg-box { background-image: var(--bg-parchment); background-position: top center; box-shadow: 0 0 5px #000; border: 1px solid rgba(0,0,0,0.33); }
div.widget:is(.widget-preview, .widget-random, .widget-calendar) > .bg-box > .widget-header { background-color: var(--half-fade); }
div.widget.widget-calendar > .bg-box > .widget-header + div.p-4 { background-color: var(--half-fade); }
div.widget:is(.widget-preview, .widget-random) > .bg-box > .widget-body { padding: 0; background-color: var(--half-fade); }
div.widget.widget-recent > div > h4.text-lg, div.widget.widget-recent .widget-recent-list { background-color: var(--half-fade); }
div.widget:is(.widget-preview, .widget-random) > .bg-box > .widget-body > div > .entity-content, .widget-advanced-members { padding: 1rem; }
.dashboard-widgets a.preview-switch { background-size: contain; background-image: url(https://raw.githubusercontent.com/scanime/kanka/main/css/fantasy%20parchment/tear-small.png); }
.dashboard-widgets .gradient-to-base-100 { background: none; }

.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 */

.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.table {background-image: var(--bg-parchment);border: 1px solid rgba( 0,0,0,0.25 );}
table.table:not( .table-striped ) tbody {background-color: rgba(255,255,255,0.5);}
table.table-striped>tbody>tr:nth-of-type(odd) {background-color:  var(--half-fade); }
table.table-striped>tbody>tr:nth-of-type(even) {background-color: rgba(255,255,255,0.25); }
table.table.bg-box.mb-2 { margin-bottom: 0; padding-bottom: 0.5rem; }
table.table thead {background-color: rgba(255,255,255,0.25); }

/** Entity Grid **/
.entities-grid div.entity.block, .entities-grid > div.stack > div.entity { 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, .entities-grid > div.stack > div.entity > 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: var(--half-fade); }
/** Style Fonts#1789 */
.entity-name {
  font-family: "Eagle Lake", cursive;
}
/* Entity-Name with shadow */
.entity-name {
    display: inline-block;
    font-size: 36px;    
    color: #fff !important;
    text-shadow: 4px 4px 3px black !important;
}
/*end section*/
/*Font-size Entities */
.box-body {
    padding: 10px;
    font-size: 16px;
}
/*end section*/
.nav a {
  font-family: 'Almendra', serif;
}
/*Entity-Icon*/
.entity-header .entity-name-header i.entity-icons {
    margin-left: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
}
/*end section*/
/*Entity-Icon below*/
.entity-header .entity-header-col .entity-header-sub {
    padding-top: 12px;
    color: #fff;
}
/*end section*/
/*ENTITY PAGE NAMES*/
.entity-actions h1 {
margin: 0;
padding: 1px 0px 4px 4px;
font-size: 28px;
letter-spacing: 0.40px;
display: inline-block;
text-align: center;
font-weight: 400;
font-family: "Eagle Lake", cursive; }
/*END SECTION*/
/*THE FONT EVERYWHERE ELSE*/
body {
letter-spacing: .5px;
font-size: 18px;
font-family: 'Almendra', serif;
line-height: 1.45; }

body a, a, h4, h5, h6 {font-family: 'Almendra', serif; font-size: 18px}
/*END SECTION*/
/*new Sidebar Tweak mostly because I am just wildly trying out stuff*/
.main-sidebar .sidebar li .fa, .main-sidebar .sidebar li .fa-brands, .main-sidebar .sidebar li .fa-duotone, .main-sidebar .sidebar li .fa-light, .main-sidebar .sidebar li .fa-regular, .main-sidebar .sidebar li .fa-solid, .main-sidebar .sidebar li .fa-thin, .main-sidebar .sidebar li .fab, .main-sidebar .sidebar li .far, .main-sidebar .sidebar li .fas, .main-sidebar .sidebar li .ra {
  font-size: 20px;
  vertical-align: baseline;
}

.main-sidebar .sidebar-menu li a, .main-sidebar .sidebar-menu li span {
  font-size: 14px;
}

/*End of section*/
/*HEADERS IN ENTITY ARTICLES*/
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a, #campaign-dashboard body a, #campaign-dashboard a { font-family: "Eagle Lake", cursive; }
/*END SECTION*/
/*Small dashboard widget fix*/

#campaign-dashboard .panel-body a, #campaign-dashboard .more a { 
font-family: 'Almendra', serif;
}
/*end section*/
/*SIDEBAR CAMPAIGN NAME */
section.sidebar-campaign .campaign-block .campaign-head .campaign-name {
font-family: "Felipa", cursive;
font-size: 22px;
font-weight: bolder;
margin-bottom: 4px;
line-height: 150%;
max-height: 35px; }
/*END SECTION*/
/** Style Font colors#1809 */
.entity-header-line {
  color:white 
}
.entity-privacy-icon {
  color:white
}
.entity-header .entity-breadcrumb li a {
    color: white;
    text-decoration: none;
}
.panel-title, h1, h1>small, h2, h3, h4, h6 {
    color: white;
}
.entity-header-sub {
  color:white
}
.campaign-title {
  color: #3c8dbc
}
.content-wrapper a:not(.btn):not(.sidebar-toggle):not(.dropdown-toggle):not(.mention) {
        text-shadow: none;
  font-variant: small-caps;
    font-weight: 600;
}
.panel-title, h1, h1>small, h2, h3, h4, h6 {
    color: #3f4548;
}
a:hover {
    color: white;
}
.help-block {
    color: chocolate;
}
.content-header>.breadcrumb>li>a {
    color: white;
}
.panel-title, h1, h1>small, h2, h3, h4, h6 {
    color: white;
}
.panel-title, h4, h3 {
  color: white
}
.text-neutral-content .text-sm {
color: chocolate;
}

.cursor-pointer {
  color: chocolate; 
}
/** Theme builder #3253 */
@layer theme {
:root {
  --si: 250 52% 19%;
  --sif: 0 0% 0%;
  --sic: 250 52% 99%;
  --in: 0 0% 100%;
  --inc: 0 0% 20%;
  --su: 25 100% 50%;
  --suc: 0 0% 0%;
  --wa: 28 96% 48%;
  --wac: 0 0% 0%;
  --er: 13 93% 38%;
  --erc: 0 0% 100%;
  --p: 26 100% 46%;
  --pf: 26 100% 26%;
  --pc: 0 0% 0%;
  --s: 60 100% 46%;
  --sf: 60 100% 26%;
  --sc: 0 0% 0%;
  --a: 9 99% 39%;
  --af: 9 99% 19%;
  --ac: 0 0% 100%;
}
}
/** Style Rounded widget corners#1800 */
.panel  {
  border-radius: 30px
}
.widget-map {
  border radius: 30px 
}
.panel-body {
  border-radius: 0px 0px 30px 30px
}
#dashboard-widget-238834 .panel-body {
  border-radius: 30px
}
.panel-heading {
  border-radius: 30px 30px 0px 0px
}
.panel-title {
  border-radius: 30px 30px 0px 0px
}
/** Style Widget Heights#1645 */
.medium { height: 400px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.tall { height: 450px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
.extratall { height: 600px;overflow-y: auto; /* Hide vertical scrollbar */ overflow-x: hidden; /* Hide horizontal scrollbar */}
/** Style Buttons#1798 */
/** plugin: Marble Buttons #1.1 **/
:root {
    --btn-default-text: #444444;
    --btn-default-border: rgba(0,0,0,0.33);
    --btn-default-hover-border: rgba(0,0,0,0.5);
    --btn-default-hover-text: #444444;
    --btn-default-hover-background: unset;
}
.btn-default, .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn2 {
    background-color: unset;
    text-shadow: -1px 1px rgb(0 0 0 / 100%), 1px -1px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 3px rgb(0 0 0 / 30%), 0 0 5px 2px rgb(0 0 0 / 20%), -2px -2px 10px rgb(0 0 0 / 50%) inset, 2px 2px 10px rgb(255 255 255 / 75%) inset!important;
}
.btn-default, .btn2 {
    text-shadow: -1px 1px rgb(0 0 0 / 50%), 1px -1px rgb(255 255 255 / 50%);
}
.btn-primary {
    border-color: rgba(54,127,169,0.5);
}
.btn-warning, .btn2.btn-accent {
    border-color: rgba(224,142,11,0.5);
}
.btn:hover, .btn:active {
    text-shadow: 1px -1px rgb(0 0 0 / 100%), -1px 1px rgb(0 0 0 / 50%);
}
.btn-default:hover {
    text-shadow: 1px -1px rgb(0 0 0 / 50%), -1px 1px rgb(255 255 255 / 50%);
}
.btn-default:hover, .btn-primary:hover, .btn-warning:hover, .btn-danger:hover, .btn-success:hover, .btn2:hover {
    background-color: unset;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%) inset, -2px -2px 10px rgb(255 255 255 / 75%) inset!important;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary.active {
    border-color: rgba(54,127,169,0.75);
}
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning.active,
.btn2.btn-accent, .btn2.btn-accent:hover, .btn2.btn-accent:active, .btn2.btn-accent.active {
    border-color: rgba(224,142,11,0.75);
}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger.active,
.btn2.btn-error, .btn2.btn-error:hover, .btn2.btn-error:active, .btn2.btn-error.active
{
    border-color: rgba(191,83,41,0.75);
}
.btn-default, .btn2 {
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/27033b05-51e2-484b-9e35-456742fe9f78.jpg)!important;
}
.btn-primary {
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/27033b05-51e2-484b-9e35-456742fe9f78.jpg)!important;
}
.btn-warning, .btn2.btn-accent {
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/27033b05-51e2-484b-9e35-456742fe9f78.jpg)!important;
}
.btn-danger, .btn2.btn-error {
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/27033b05-51e2-484b-9e35-456742fe9f78.jpg)!important;
}
.btn-success {
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/27033b05-51e2-484b-9e35-456742fe9f78.jpg)!important;
}
/** Style text header#1511 */
.widget-header h1 {
    background: chocolate;
    padding: 10px 5px;
    border-radius: 3px;
    opacity: 0.9;
    color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
  width: 70% ; 
  font-family: 'Almendra Display', cursive;
  font-weight: bolder;
}
.widget.widget-header h1:before {
    content: '';
    display: inline-block;
    margin-top: -50px;
    width: 50px;
    height: 80px;
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/7ad576b9-5877-4d30-9d3e-c93e7614616c.png);
    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;
}
.widget.widget-header h1 {
  border-radius: 10px 100px / 120px;
}
/** Style Map labels#1514 */
.leaflet-tooltip { background-color: unset; border: 0; color: #5D200A; box-shadow: none; font-family: 'Cinzel Decorative', cursive; text-shadow: -1px -1px 0 #d9c198, 1px -1px 0 #d9c198, -1px 1px 0 #d9c198, 1px 1px 0 #d9c198, 0 0 10px #d9c198, 0 0 15px #d9c198; }
.leaflet-tooltip {font-size:85%;}
#leaflet-tooltip-164,
#leaflet-tooltip-167 {font-size:150%;}
/** Style Corner designs#1788 */
.post-block:last-child .entity-note:after {
    content: '';
    display: inline-block;
    margin-top: -55px;
    margin-right: -20px;
    float: right;
    width: 100px;
    height: 54px;
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/6565b086-ad0f-45e1-afa6-5045a1959124.png);
    background-size: 120px;
    background-repeat: no-repeat;
    position: relative;
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5));
}

.entity-main-block > .box-entity-entry:before {
     content: '';
  margin-top: -25px;
    margin-left: -50px;
    display: inline-block;
    width: 150px;
    height: 54px;
    background-image: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/161074/168c7789-41d8-4fe2-90e0-4658d22774c1.png);
    background-size: 120px;
    background-repeat: no-repeat;
  position: absolute;
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.5));
}
/** Style Sidebar#1775 */
.main-sidebar .sidebar-menu li a:hover {
  text-decoration; border-bottom:2px solid chocolate
}
.main-sidebar .sidebar-menu li a, .main-sidebar .sidebar-menu li span {
    font-size: 14px;
/** Style Music Embeds#1510 */
/*Music  Embeds */
.panel-body iframe {
    width: 100%;
    height: 85px;
}

.box-body iframe {
    width: 100%;
    height: 85px;
}
/** Style Timeline#1513 */
:root {
    --sky-page-radius: 4px;
    --sky-background-color: #C7C9B8;
    --sky-page-color: #FFFFFF;
    --sky-icon-background-color: #d2d6de;
    --sky-icon-color: #666;
    --sky-line-color: #ddd;
    --sky-header-color: #555;
}