/** 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: Dashboard Banners #1.1 code **/
/* dashboard */
.widget-map .panel-body { height: 350px; }
.panel-heading-entity .panel-title { line-height: 0.1; }
.panel-heading-entity { height: 175px; }
#campaign-dashboard .campaign { display: none; }
#campaign-dashboard .campaign + .row:before { content: "World Map"; }
#campaign-dashboard .campaign + .row:after { content: "Characters"; }
#campaign-dashboard .campaign + .row:after, #campaign-dashboard .campaign + .row:before {
    font-size: xx-large;
    position: relative;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    margin-bottom: 20px;
    width: 95%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgb(30, 30, 30), rgba(0,0,0,0));
}

.panel-title .ra,
.panel-title .fa,
.panel-title .fab,
.panel-title .fad,
.panel-title .fal,
.panel-title .far,
.panel-title .fas {
    line-height: 0.1;
}

/** plugin: Elegant Music Embeds #2.0 code **/
video, audio, iframe, embed{
  height:85px;
  width: 100%;
}

/** plugin: Dead Characters #1.2 code **/
.character-dead {
   --background-image: url('https://kanka-mp-assets.s3.amazonaws.com/prod/plugins/227/images/EpXD4a4A1TZMzSxENyFFKQZQsmsGM4lOz0YXBZAt.jpg');
}
@media (prefers-color-scheme: dark) {
   --background-image: url('https://kanka-mp-assets.s3.amazonaws.com/production/plugins/227/images/9N3uePdUbmgeERdgRQ8crZfzXhFMMqBjj1g94z8R.jpg');
}

.character-dead #app {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.content-wrapper {
  background-image: var(--background-image);
  background-size: auto;
  background-attachment: fixed;
}

/** plugin: Bolder Names! #4.0 code **/
entity-title entity-header-line{
   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.6px -0.6px 0 #e7caca, 0.6px -0.6px 0 #e7caca, -0.6px 0.6px 0 #e7caca, 0.6px 0.6px 0 #e7caca;
       color: black;
    font-weight: 700;
    font-size: 1.2em;
    font-variant: small-caps;  
}
.entity-grid>.entity-header.with-entity-banner .entity-breadcrumb a,
.entity-grid>.entity-header.with-entity-banner .entity-icons {   
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
 	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub {  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
	color: black;
	font-weight: bolder;
}

.entity-grid>.entity-header.with-entity-banner .entity-header-sub a {
  
   text-shadow:
     0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
  	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{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
 }

.entity-header .entity-breadcrumb li+li:before
{
  text-shadow:
      0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  	color: black!important;
}

.entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-name, .entity-grid>.entity-header.with-entity-banner .entity-name-header>.entity-title{
font-size: 3.0em;
color: black;
font-weight: 700;
font-family: Eagle Lake;
font-variant: small-caps;
text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75);
}


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

.entity-header-text a:not(.btn):not(.btn2) {
    text-shadow:
0 0 3px rgba(255,255,255,0.75), 0 0 5px rgba(255,255,255,0.75)!important;
  color: black!important;
}

/** plugin: Calligraphic Headings #v1.1 code **/
@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/*ENTITY PAGE NAMES*/
.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; }
/*END SECTION*/

/*THE FONT EVERYWHERE ELSE*/
body {
letter-spacing: .5px;
font-size: 1.45em;
font-family: 'Open Sans';
line-height: 1.45; }

body a, a, h4, h5, h6 { font-family: 'Open Sans'; }
/*END 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'; }
/*END SECTION*/

/*Small dashboard widget fix*/
#campaign-dashboard .panel-body a, #campaign-dashboard .more a { font-family: 'Open Sans'; }
/*end section*/

/*SIDEBAR CAMPAIGN NAME (slightly larger)*/
section.sidebar-campaign .campaign-block .campaign-head .campaign-name {
font-family: 'Eagle Lake';
font-size: 1.2em;
margin-bottom: 4px;
line-height: normal;
max-height: 35px; }
/*END SECTION*/

/** plugin: Sidebar Category Capitalization #1.0 code **/
/* sidebar font tweaks */
.main-sidebar .sidebar li.subsection a {text-transform: capitalize;}
.main-sidebar .sidebar li.subsection {padding-left: 28px;}
.main-sidebar .sidebar li .sidebar-text, .main-sidebar .sidebar li a {font-size: 0.9em;}

/** plugin: Figure Box and Floats #1.2 code **/
/*Adds functionality to Salvatos' userscript plugin*/
:root {
	--summernote-insert-figure-box: enabled;
}

/*Left float with margin*/
.l {
	float: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
/* Right float with margin*/
.r {
	float: right;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
/*Adds a clear class to avoid a tetris stack*/
.clear {
    clear:both;
}

/*Figure box. For an image with optional title or subtitle*/
div.figure {
	width: 25%;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: thin silver solid;
	margin: 0.5em;
	margin-top: 0em;
	padding: 0.5em;
}
/*adding margin to the figure image to give space for the text*/

.figure img {
	margin-bottom: 0.5em;
}
div.figure::after {
    clear: both;

}

/** plugin: Handwritten Journal #1.3 code **/
/* Made by Ornstein, maybe sloppy, to create 'letter' styles for journals and notes */
/*Import of Salvatos' userscript plugin */
:root { --summernote-insert-handwritten-journal: enabled; }

/*Import fonts from google for handwritten letters; there are 6.*/
@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&display=swap');
/*Main letter class, establishing background image and text colour (in case they're in dark mode)*/
.lback
{
   background: url("https://cdn-ugc.kanka.io/entities/files/n68lwMIv4f0NVfp0d1ghHo0tJQikA3CAnyhHW9s6.png") no-repeat center top;
   background-size: cover;
    background-attachment:fixed;
padding-top: 25px;
padding-left: 50px;
padding-right:50px;
padding-bottom:25px;
  color:black;
background-attachment: local;
}
/*Certain things ignore the master styling. Need to overrwrite. Lists and block quotes*/
.lback li {
background:transparent;
color:black; 
}

.lback hr {
    height: 1px;
    background-color: black;
    border: none;
}

.lback a 
{
	color: DarkBlue;
}

.letter blockquote {
background:transparent;
color:black; 
font-size: 1.1em;
border-left: 5px double black;
}

.hand1 {
font-family: 'Kalam', cursive;
}

.hand2 {
    font-size: 1.5em;
font-family: 'Sacramento', cursive;
}

.hand3 {
    font-size: 1.2em;
font-family: 'Dancing Script', cursive;
}

.hand4 {
font-family: 'Fondamento', cursive;
}

.hand5 {
font-family: 'Homemade Apple', cursive;
}

.hand6{
    font-size: 1.1em;
font-family: 'Shadows Into Light', cursive;

}

.sig {
    font-size:2em;
}
.letter a, h1, h2, h3, h4, h5, h6 {
    font-family:inherit;
}

.lback .table-bordered,
.lback .table-bordered > tbody > tr > td,
.lback .table-bordered > tbody > tr > th,
.lback .table-bordered > tfoot > tr > td,
.lback .table-bordered > tfoot > tr > th,
.lback .table-bordered > thead > tr > td,
.lback .table-bordered > thead > tr > th
    { border: 1px solid black; }