/**
 * Campaign Styles for campaign #38782
 */

/** Style Campaign style#148 */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Fondamento&family=Homemade+Apple&family=Kalam&family=Sacramento&family=Shadows+Into+Light&family=Special+Elite&display=swap');

.entity-mention[data-entity-tags~="stub"] {
    color: indianred;
}

/*Add footer text*/
.main-footer .text-muted:before{
    content: "This is a work of fiction. The DNM is not a real government organization and should not treated as such.\A";
    white-space: pre-wrap;
}

/* Change the unknown entity mentions */
:root {
    --redact-text: '\00a0\00a0[REDACTED]\00a0 \00a0 ';
    --redact-width: 6em;
    --stub-text: "This entry is lacking information. For the safety of everyone please consider expanding it.";
}

p {text-indent: 20px; }

/*Jay added this for something*/
.bg-box {
  /*background-image: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/C1VApOoi90AHj8v3QWkazeBFFUmNcBCjk5LjOhgZ.png') !important;
  background-size: 100% !important;*/
  font-family: "Times New Roman", Serif;
}


/* Main navbar, change back colour */
/*
aside.main-sidebar.main-sidebar { 
    background-color: #F6DFB6;
    background-image: url('https://www.photos-public-domain.com/wp-content/uploads/2018/05/manilla-card-stock-paper-texture.jpg');
    border-left: 2px solid pink;
    /*box-shadow: 0px 0px 3px 3px #888888;*/
/*}*/

/*Entity mentions*/
a.entity-mention {
    font-family: Courier;
    text-transform: uppercase;
}

/* The toggle bit for the navbar*/
.skin-black .main-header a.sidebar-toggle {
    background-color: #F6DFB6;
    color:black;

}

/* The navbar table area, get rid of its background so its the same colour as the main navbar*/
aside.main-sidebar.main-sidebar-placeholder section.sidebar{ 
    background-color: transparent;
}

/* This is the gradient area to separate the navbar from the campaign select */
section.sidebar-campaign {
    background: linear-gradient(180deg,rgba(255,255,255,0),#FFFFF);
    border-bottom: 3px solid black;
}

/* Just testing something, trying to get rid of the current hover effect on the navbar */
li:hover {
    /* background-color: pink; */
}

.main-sidebar .sidebar li a {
    transition: background-position-x 0.25s;
    background-image: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/LTFgq409vJeGWUkOc5IeClfBUCTu16R9f9cjcJY4.png') ;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    background-position-x: -225px;
}

.main-sidebar .sidebar li a:hover, .main-sidebar .sidebar li.active a:hover {
    background-color:transparent;
    background-image: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/LTFgq409vJeGWUkOc5IeClfBUCTu16R9f9cjcJY4.png') ;
    background-repeat: no-repeat;
    background-size: 80% 100%;
    background-position-x: 0px;
    opacity: 0.7;
}

.main-sidebar .sidebar li.active > a {
    background-color: transparent;
    background-repeat: no-repeat;
    border-radius: 2%;
    box-shadow: none;
    border-bottom: 2px double black;
}


.main-sidebar .sidebar li a, .main-sidebar div.sidebar-text *, .main-sidebar span, .main-sidebar i {
    color: black;
}

.main-sidebar span {
    font-family: "Courier New", Courier, serif;
    font-weight: bold;
}

/* Changes colour of all fonts in navbar to black 
.main-sidebar span, .main-sidebar .fa, .main-sidebar .ra, .main-sidebar .fas, .main-sidebar .far, .main-sidebar .fab {
    color: inherit;
} */

/* Change button hover on save */
button#form-submit-main.btn.btn-success:hover {

}

/* Changes the name, race, and other links in the entity list to be uppercase */
a.name {
    font-family: "Courier New", Courier, Serif;
    text-transform: uppercase;
    
}

/* global background image */
body {
background: url('https://tileable.co/products/v3/tileable_preview/Retro_aged_plastic_-_design_2/512.jpg');
/*background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20200806/pngtree-brown-leather-seamless-texture-background-image_386137.jpg');*/
background-repeat: repeat;
background-attachment: fixed;
background-position: right top;
}
.content-wrapper, .main-footer { background: none; }

/* Entity Title*/
.entity-actions h1 {
margin: 0;
font-size: 2.0em;
display: inline-block;
padding: 0px 10px 0;
color: black;
font-weight: 500;
font-family: "Courier New", Courier, Serif;
font-style: uppercase;
}

section.content {
    background:transparent;
}

/* Entity notes and body text */
.box-body.entity-content {
    background-image: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/entities/files/C1VApOoi90AHj8v3QWkazeBFFUmNcBCjk5LjOhgZ.png')!important;
    background-size: 100%!important;
    padding-right: 4%;
    padding-left: 4%;
    padding-top: 2%;
    font-family: "Times New Roman", Serif;
}

/*inner div, only the content*/
div#entry.tab-pane.active {
    background-color: transparent;
    padding-right: 4%;
    padding-left: 4%;
    padding-top: 2%;
}
div.tab-content *{
    /*font-family: "Times New Roman", Serif;*/
}

/* Whole container for the entry tab */
div.col-lg-8.col-md-6
{
}

/*Top bar
.nav-tabs {
    background-color: rgb(216, 191, 147);
}*/

/*Body tabs
ul.nav.nav-tabs li {
    background-color: #F6DFB6;
    /*box-shadow: 2px -2px 5px 0px #888888;
} */


#app > .content-wrapper .nav-tabs {
    background-color:none;
}

::selection {
  background: #FCEA3F; /* WebKit/Blink Browsers */
}

p {text-indent: 20px; }
/** Style Redacted text#447 */
.unknown-entity {
    overflow: hidden;
    text-overflow: clip;
    display: inline-block;
    width: calc(var(--redact-width));
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    font-family: 'Special Elite', cursive;
    visibility: hidden;
}
.unknown-entity::before {
    content: var(--redact-text);
    margin: 0 -3rem;
    background: rgb(255, 0, 0);
    font-size: 16px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 100%;
    visibility: visible;
    display: inline-block;
}
/** Style Table of Contents#826 */
/* TABLE OF CONTENTS */
/*Auto table of content formatting*/
.toc {
border: 1px var(--body-text) solid;
border-style:dotted;
padding: 1.5% 2.5% 0.5% 0.5%;
max-width:30%;
border-radius:3px;
width:auto;
min-width:150px;
float:left;
margin:15px;
margin-top:0px;
margin-left:0px;
overflow:clip;
}
/*Adds a title to the toc*/
.toc ul:nth-child(1)::before {
display:inline-block;
margin:0 auto;
text-align:center;
font-size:1.2em;
text-decoration:underline;
font-weight:bold;
content: "Contents";
}
/** Theme builder #2621 */
@layer theme {
:root {
  --si: 38 78% 84%;
  --sif: 38 78% 64%;
  --sic: 38 78% 4%;
}
}