/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Alegreya:400,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
/* font-family: 'Alegreya', serif; */

@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
/* font-family: 'Alegreya SC', serif; */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
/* font-family: 'Source Sans Pro', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Kalam:400,700&subset=latin-ext');
/* font-family: 'Kalam', cursive; */

/* ------- BACKGROUNDS ------- */

body {

}
body {

  font-size: 13px;
  color: #4c362ffc;
background: #918981; /* Old browsers */
background: -moz-linear-gradient(top, #918981 0%, #9e9994 3%, #c6c3be 10%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #918981 0%,#9e9994 3%,#c6c3be 10%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #918981 0%,#9e9994 3%,#c6c3be 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#918981', endColorstr='#c6c3be',GradientType=0 ); /* IE6-9 */
}

.subheading {
  font-size: 16px;
}

.page {
  box-shadow: 0px -1px 15px 5px rgba(0, 0, 0, 0.2);
  background: url('https://www.worldanvil.com/uploads/images/1fea3f76e20423fa5282e0cf246c0b36.jpg');
  background-color: #e4e0d6;
  margin-top: 0rem;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  margin-top: 60px;
  font-family: 'Source Sans Pro', sans-serif;
}



div.backtoworld a {
  position: absolute;
  top: -30px;
  padding: 5px 15px;
  background: #b4141e;
  left: -40px;
  font-family: 'Alegreya SC', serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  box-shadow: 2px 2px 5px #44444450; 
  -moz-box-shadow: 2px 2px 5px #44444450; 
  -webkit-box-shadow: 2px 2px 5px #44444450; 
  z-index: 2;
}

div.backtoworld a:hover {
  background: #8c0a0a;
}

.nav-strip {
  padding: 10px;
  background-color: #b4141e;
  font-family: 'Alegreya SC', serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  box-shadow: 2px 2px 5px #44444450; 
  -moz-box-shadow: 2px 2px 5px #44444450; 
  -webkit-box-shadow: 2px 2px 5px #44444450; 
  z-index: 2;
}

.nav-strip:hover {
  background: #8c0a0a;
}
        /* Affects the back to homepage buttons (short and long) */

.menu-control {
  position: absolute;
  height: 82px;
  width: 40px;
  right: 20px;
  top: 0px;
  background: url(/images/bookmark.png);
  background-size: auto auto;
  background-size: cover;
  text-align: center;
  padding: 18px 14px;
  color: #fff;
  z-index: 1000;
}

.menu-control:hover {
    color: #c8c8c8;
}
        /* Affects the top right menu control button */

/* ------- HEADINGS ------- */

.world-title {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 60px;
}
    /* Affects the world title */

h1 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 42px;
}
    /* Affects ? */

h2 {
  font-family: 'Alegreya', serif;
  font-weight: 700;
  font-size: 32px;
  padding-top: 15px;
  padding-bottom: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a08264;
  text-transform: uppercase;
}
    /* Affects bbcode [h] */

h3 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 26px;
  padding-top: 10px;
  padding-bottom: 0px;
}
    /* Affects bbcode [h2] */

h4 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700; 
  font-size: 22px;
}
    /* Affects bbcode [h3] */

h5 {
  font-family: 'Alegreya', serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
    /* Affects bbcode [h4] */


    /* Affects the main text */

.text-abbreviation {
  text-decoration-line: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}
    /* Affects the tooltip underlined text */

.article-title h1 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 42px;  
  padding-top: 20px;
  /*padding-left: 20px;*/
}
    /* Affects the article title */

.article-subheading {
  font-family: 'Alegreya', serif;
  font-weight: 400;
  padding-left: 20px;
}
    /* Affects the article subheading, if displayed */

.article-title-author {
  font-family: 'Kalam', cursive;
  font-size: 16px;
  padding-top: 5px;
  padding-left: 20px;
}
    /* Affects "Written by author" under article title, if displayed */

.author-item {
      font-family: 'Kalam', cursive;
  font-size: 16px;
  padding: 10px;
}
      /* Affects authors on campaign homepage */

.heading h1 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 42px;
    padding-top: 10px;
    padding-bottom: 15px;
}
    /* Affects title on campaign homepage */

.dropcap {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 70px;
  text-transform: uppercase;
  padding-right: 10px;
}
    /* Affects bbcode [dc] */

.organization-motto h4 {
  font-family: 'Alegreya', serif;
  font-weight: 700;
  font-size: 26px;
  padding: 0px 10px 10px 10px;
}
    /* Affects the motto of organization articles */

.page-timeline h1 {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 42px;  
  padding-top: 20px;
  padding-left: 20px;
}
    /* Affects the title of timeline pages */

/* ------- OTHER BBCODE ELEMENTS ------- */

table {
  background: #f5f2eb;
  border: 0px solid;
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
}

table th {
  background: #8c0a0a;
  color: #f5f2eb;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  text-align: center;
  border: 0px;
}

table th:hover{
    background: #b4141e;
}

table tr:nth-child(odd) {
  background: #e8e4dc;
}

table tr:hover {
  background: #dbd5c6;
}

hr {
  border-top: solid #a08264 1px;
}

dl {
  margin-bottom: 0px;
}
    /* Affects all horizontal rules including bbcode [hr] */

blockquote {
  background: #f0f0e6;
  color: #3c2828;
  padding: 20px;
  margin: 10px;
  border-left: 10px #b4141e solid;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: 'Alegreya', serif;
  box-shadow: 3px 3px 5px #44444420; 
  -moz-box-shadow: 3px 3px 5px #44444420;
  -webkit-box-shadow: 3px 3px 5px #44444420; 
}
    /* Affects bbcode [quote] */

blockquote .author {
  font-family: 'Kalam', cursive;
  color: #828282;
  padding-right: 10px;
}
    /* Affects the author text of bbcode [quote] */

blockquote .text-center {
  font-size: 18px;
  color: #3c2828;
  line-height: 1.5em;
  font-family: 'Alegreya', serif;
}
    /* Affects centred text in quotes */

.panel-default blockquote {
  background: #f0f0e6;
  color: #3c2828;
  padding: 20px;
  margin: 10px;
  border-left: 10px #b4141e solid;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: 'Alegreya', serif;
  box-shadow: 3px 3px 5px #44444420; 
  -moz-box-shadow: 3px 3px 5px #44444420;
  -webkit-box-shadow: 3px 3px 5px #44444420; 
}
    /* Affects bbcode [quote] if displayed in the article sidebar */

.panel-greatgm blockquote {
  background: #f0f0e6;
  color: #3c2828;
  padding: 20px;
  margin: 10px;
  border-left: 10px #8c0a0a solid;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 1.2em;
  line-height: 1.5em;
  font-family: 'Alegreya', serif;
  box-shadow: 3px 3px 5px #44444450; 
  -moz-box-shadow: 3px 3px 5px #44444450;
  -webkit-box-shadow: 3px 3px 5px #44444450; 
}
    /* Affects bbcode [quote] if displayed in the storyteller's private notes section */

li {
  padding: 2px 0px 2px 2px;
}

.panel-default li {
  padding: 0px;
}

.panel-default ul li:last-of-type {
  margin-bottom: -5px;
}
    /* Affects list items in [li] */

.spoiler-button {
  border: 0px solid;
  border-radius: 10px;
  background: #323c46;
  font-family: 'Source Sans Pro', sans-serif;
  color: #e8e8e1;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.spoiler-button:hover {
  background: #8c0a0a;
}

.spoiler-button:active, .spoiler-button:focus, .spoiler-button:target {
  background: #323c46;
}

.spoiler-container .well {
  box-shadow: none;
}

.spoiler-content {
  background: #f0f0e6;
  color: #3c2828;
  border-radius: 10px;
  border: 0px solid;
  
}
    /* Affects bbcode [spoiler] */

/* ------- VISUAL ELEMENTS ------- */

.label-danger {
  background: #b4141e;
}

.bow {
  background: #f2f1ef;
  color: #1e1e1e;
}

.wob {
    background: #1e1e1e;
}

.wob p, .wob a, .wob h2 {
  color: #f2f1ef;
}

.character-menu.nav-tabs {
  right: 2px;
}

.extendedbody-tabs {
    position: relative;
  left: -12px;
  top: -2px;
}

.nav-tabs {
  margin-bottom: -1px;
  margin-right:-2px;
    border-bottom: 0px solid #ddd;
  border-radius: 0px;
  }

.nav-tabs li.nav-item >  a.nav-link{
  font-family: 'Alegreya SC', serif;
  font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
  font-weight: 800;
  text-transform: uppercase;
  background: #8c0a0a;
  border: 0px solid #8c0a0a;
  color: #fff;
    border-radius: 0px;
    margin-right: 0px;
  margin-left: 0px;
   box-shadow: none;
}

/*.nav-tabs li a:hover{*/
/*  font-family: 'Alegreya SC', serif;*/
/*  font-size: 16px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*  font-weight: 800;*/
/*  text-transform: uppercase;*/
/*  background: #b4141e;*/
/*  border: 0px solid #524242;*/
/*  color:#f0af32;*/
/*    border-radius: 0px;*/
/*    margin-right: 0px;*/
/*}*/

/*.nav-tabs li.active a{*/
/*  font-family: 'Alegreya SC', serif;*/
/*  font-size: 16px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*  font-weight: 800;*/
/*  text-transform: uppercase;*/
/*  background: #b4141e;*/
/*  border: 0px solid #524242;*/
/*  color:#f0af32;*/
/*    border-radius: 0px;*/
/*    margin-right: 0px;*/
/*  box-shadow: none;*/
/*}*/

/*.nav-tabs li.active a:hover{*/
/*  font-family: 'Alegreya SC', serif;*/
/*  font-size: 16px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*  font-weight: 800;*/
/*  text-transform: uppercase;*/
/*  background: #b4141e;*/
/*  border: 0px solid #524242;*/
/*  color:#f0af32;*/
/*    border-radius: 0px;*/
/*    margin-right: 0px;*/
/*}*/

/*.nav-tabs li.active a, */
/*.nav-tabs li.active a:focus, */
/*.nav-tabs li.active a:hover {*/
/*    border: none;*/
/*}*/
    /* Affects the nav tabs */

.search-form {
    left: 25px;
    margin: 5px;
}
    /* Affects position of search box */

.search-form #search-button  {
    color: #b4141e;
    padding-right: 6px;
    padding-top: 3px;
}
    /* Affects colour of search button */

.search-form .typeahead-input {
  width: 180px;
  height: 25px;
  padding: 10px;
    color: #323c46;
  font-size: 16px;
  text-transform: capitalize;
  background-color: #f0f0e6;
    border: 0px;
  background-image: none;
  border-radius: 5px;
  box-shadow: 3px 3px 5px #44444420; 
  -moz-box-shadow: 3px 3px 5px #44444420;
  -webkit-box-shadow: 3px 3px 5px #44444420; 
}
    /* Affects search bar */

.typeahead  li .text-muted, .typeahead li.active .text-muted  {
  color: #b4141e;
}

.typeahead  li.active a{
  background: #d9d7cc;
  color: #b4141e;
}

.dropdown-menu .active a:hover {
    background: #d9d7cc;
  color: #b4141e;
  font-weight: 700;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #f0f0e6;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
  
}

.user-css .dropdown-item{
        color: #b4141e;
}
    /* Affects drop down items when searching */

.presentation-interface-map .search-form {
  left: 50px;
}

.map-box {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #f5f2eb;
}

.map-box .img-responsive {
    display: block;
    width: 100%;
    padding-bottom: 5px;
}

.map-box small, .map-box p {
    font-family: 'Source Sans Pro', sans-serif;  
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -10px;
}
  /* Affects the maps displayed on homepage */

.article-panel {
  padding: 10px;
  background-color: #f5f2eb;
  border: 0px solid;
  margin-bottom: 15px;
}

.article-panel .heading {
  text-align: center;
  color: #3c2828;
}

.article-panel .details {
  text-align: center;
}

.article-panel .details p {
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
}
    /* Affects article panels */

.relation {
  border-top: 0px solid;
  padding: 15px;
}


.relation .col-md-12 {
  text-align: left;
  padding-top: 10px;
}

.relation .text-center h4 {
  text-align: center;
  padding-bottom: 10px;
}
    /* Affects organization relationship panel */

.panel.panel-default {
  border: 0px solid;
  border-radius: 10px;
  background: #ffffff60;
  box-shadow: 0 0 10px #44444420;
  -moz-box-shadow: 0 0 10px #44444420;
  -webkit-box-shadow: 0 0 10px #44444420;
}
    /* Affects the sidebar */

div.artist-credits {
  padding-top: 3px;
  background: none;
  font-size: 0.8em;
  text-align: center;
  color: #5f3c1e;
}

div.artist-credits a {
  color: #b4141e;
}
    /* Affects the artist credits below images */

.label {
  display: inline-block;
  padding: .5em;
  margin: .5em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .50em;
}
  /* Affects all labels */

.label-primary {
  background: #3282a0;
}
    /* Affects label of subscriber groups under secret's visibility */

.label-roller {
  padding: 4px;
  margin: 0px;
  background: #b4141e;
}

.label-roller:hover {
  background: #8c0a0a;
}
    /* Affects the dice roll buttons */

        /* Affects label of tags */

.article-badge {
  display: inline-flex;
  max-width: 200px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
        /* Affects badge of articles that have won a challenge or competition */

/* -------- TIMELINES ------- */

.page-timeline .col-md-8.col-md-offset-2{
  width: 100%;
  margin-left: 0;
}
   /* Affects the width of timeline pages */

.timeline .header-icon {
  text-align: center;
   padding: 12px;
}

.timeline li .timeline-panel {
  border: none;
  border-radius: 0px;
  background: #f5f2eb;
  border: 0px solid;
  border-radius: 0px;
  color: #1e1e28;
  box-shadow: 0 0 10px #44444450;
  -moz-box-shadow: 0 0 10px #44444450;
  -webkit-box-shadow: 0 0 10px #44444450;
} 
    /* Affects the non-major timeline boxes */

.timeline li .timeline-panel small {
    color: #8c0a0a;
}
    /* Affects the type of timeline entry text */

.timeline li .timeline-panel a {
    color: #b4141e;
}
    /* Affects link colour on timeline entries */

.timeline li .timeline-panel p {
    color: #1e1e28;
}
    /* Affects text colour on timeline entries */

.timeline li .timeline-panel h4 {
    color: #1e1e28;
}
    /* Affects title colour on timeline entries */

.timeline li .timeline-panel h5 {
  color: #1e1e28;
}
    /* Affects colour of secondary headers on timeline entries */

.timeline li .label-default{
  color: #fff;
}
    /* Affects the tag colour on timeline entries */

.timeline li .milestone-panel small {
    color: #8c0a0a;
}
    /* Affects the type of milestone entry text */

.timeline li .milestone-panel a {
    color: #b4141e;
}
   /* Affects the link colour of milestone entries */

.timeline li .milestone-panel p {
    color: #1e1e28;
  padding-top: 3px;
}
    /* Affects the text colour of milestone entries */

.timeline li .milestone-panel h4 {
    color: #1e1e28;
}
    /* Affects the title colour on milestone entries */

.timeline li .milestone-panel h5 {
    color: #1e1e28;
}
    /* Affects the colour of secondary headrs on milestone entries */

.timeline .milestone {
  border: none;
  border-radius: 0px;
  background: #f5f2eb;
  border: 0px solid;
  border-radius: 0px;
  color: #1e1e28;
  box-shadow: 0 0 10px #44444450;
  -moz-box-shadow: 0 0 10px #44444450;
  -webkit-box-shadow: 0 0 10px #44444450;
} 
    /* Affects the milestone timeline entries */

.timeline:before {
    background-color: #8c0a0a;
} 
    /* Affects the central line that goes down the timelines */

.timeline li .tl-circ {
    border: 3px solid #8c0a0a;
    background: #dbcebd;
} 
    /* Affects shapes on the line that goes down the timelines */


.timeline .timeline-entry-milestone {
    border: 8px #1e1e28 solid;
 }

.timeline .timeline-entry-milestone .header-icon {
    border: 8px #1e1e28 solid;
    color: #1e1e28;
    background-color: #eadece;

}
    /* BLACK coloured timeline entries */

.timeline .major .timeline-panel {
    border-top: 8px #b4141e solid;
} 

.timeline .major .header-icon {
    border: 8px #b4141e solid;
    color: #b4141e;
    background-color: #eadece;

} 
    /* RED coloured timeline entries */

.timeline .important .timeline-panel {
    border-top: 8px #f0af32 solid;
} 

.timeline .important .header-icon {
    border: 8px #f0af32 solid;
    color: #f0af32;
    background-color: #eadece;
 
}   
    /* YELLOW coloured timeline entries */

.timeline .minor .timeline-panel {
    border-top: 8px #009664 solid;
} 

.timeline .minor .header-icon {
    border: 8px #009664 solid;
    color: #009664;
    background-color: #eadece;

} 
    /* GREEN coloured timeline entries */

.timeline .trivial .timeline-panel{
    border-top: 8px #59a49f solid;
}

.timeline .trivial .header-icon {
    border: 8px #59a49f solid;
    color: #59a49f;
    background-color: #eadece;


} 
    /* TEAL coloured timeline entries */

.timeline .no-importance .timeline-panel{
    border-top: 8px #707070 solid;
}

.timeline .no-importance .header-icon {
    border: 8px #707070 solid;
    color: #707070;
    background-color: #eadece;
                padding: 10px;

}
    /* WHITE coloured timeline entries */


.timeline li .timeline-panel:before {
  position: absolute;
  top: 30px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #f5f2eb;
  border-right: 0 solid #f5f2eb;
  border-bottom: 15px solid transparent;
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 30px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #f5f2eb;
  border-right: 0 solid #f5f2eb;
  border-bottom: 15px solid transparent;
}

.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}
    /* Affects the timeline panel arrows */

.era-header h2 {
  border-bottom: 0px;
}
    /* Affects the header of eras in timelines */

/* -------- MAPS ------- */

.leaflet-container {
  background: #b9b9b9;
  box-shadow: inset 0 0 50px #999999;
  -moz-box-shadow: inset 0 0 50px #999999;
  -webkit-box-shadow: inset 0 0 50px #999999;
}
    /* Affects the map's background colour */

.leaflet-container .legend {
  z-index: 1000;
  width: 20%;
  min-width: 300px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #f0f0e6;
  padding: 20px;
  border: 0px solid;
  border-radius: 10px;
  color: #525252;
  box-shadow: 0px 10px 30px -5px rgba(30,30,40,0.5);
  -moz-box-shadow: 0px 10px 30px -5px rgba(30,30,40,0.5);
  -webkit-box-shadow: 0px 10px 30px -5px rgba(30,30,40,0.5);
}
    /* Affects the map's legend */

.leaflet-container .compass img {
  z-index: 1000;
  width: 20%;
  max-width: 300px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
     /* Affects the map's compass */

/* -------- COMMENTS -------- */

.form-control:focus {
  box-shadow: 0 0 3px rgba(255,255,255,1);
}

.form-control {
  background: rgba(255, 255, 255, 0.4);
  border: 0px;
    color: #504040;
  box-shadow: none;
}

.comment-box {
  background: rgba(255, 255, 255, 0.2);
    border: 0px;
  border-radius: 10px;
}

.comment-box-author {
  font-family: 'Kalam', cursive;
    font-size: 20px;
    padding-top: 10px;
    padding-left: 10px;
}

.comment-box-content {
    padding-left: 10px;
    padding-top: 10px;
}

.comment-box-date {
    padding-left: 10px;
    padding-top: 0px;
}

.comment-box-reply {
      border-top: 1px solid #c2b197;
        margin-top: 20px;
    padding-top: 10px;
}

.comment-form .btn-primary {
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background: #1e1e28;
  border: 0px;
   margin-right: 10px;
}

.comment-form .btn-primary:hover {
  background: #323c46;
  border: 0px;
}

.comment-box .btn-xs {
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background: #1e1e28;
  border: 0px;
}

.comment-box .btn-xs:hover{
  background: #323c46;
  border: 0px;
}

.comment-box .btn-danger {
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background: #b4141e;
  border: 0px;
}

.comment-box .btn-danger:hover{
  background: #8c0a0a;
  border: 0px;
}

.comment-box-signature {
  font-size: 0.8em;
  margin-bottom: 20px;
  border-top: 1px dotted black;
  padding-top: 10px;
}

/* -------- RPG ELEMENTS ------- */

.panel-greatgm {
  background: #b4141e;
  border: 4px #8c0a0a solid;
  border-radius: 10px;
  font-size: 16px;
  opacity: 1;
  color: white;
  margin: 20px;
  padding: 10px;
}
    /* Affects the storyteller's private notes area */


.campaign-panel .btn-primary {
      padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background: #8c0a0a;
  border: 0px;
}       
           
.campaign-panel .btn-primary:hover{
  background: #b4141e;
  border: 0px;
}
        /* Affects the view button on campaigns on homepage */  

.campaign-protagonists {
    background: #323c46;
}

.character-portrait-data {
    left: 15px;
    bottom: 35px;
    background: #1e1e28;
}
            
.character-portrait-data small a {
    font-family: 'Kalam', cursive;
}

.session-panel {
    background: #f5f2eb;
    border: 0px ;
    border-radius: 10px;
}

.btn-primary {
  background: #8c0a0a;

}       
           
.btn-primary:hover{
  background: #b4141e;
}  


div#super-article-button-menu {

    color: white;
    position: absolute;
    bottom: 65px;
    right: -60px;
    z-index: -1;
    width: 700px;
    background: #18323c;
    padding: 20px;
    display: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

div#super-article-button-menu h4 {
  color: white;
}

div#super-article-button-menu .form-control {
  color: white;
  background: RGBA(255, 255, 255, 0.1);
}


div#super-article-button-container .btn-primary {
    padding: 8px;
    font-size: 12px;
    line-height: 10px;
}

/* Dropdown menu on purple superbutton, may also affect other dropdowns */
.select2-dropdown {
    color: grey;
    background-color:  #18323c;
    border: none;
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.select2-dropdown li:hover {
  color: white;
  background: rgba(255,255,255,0.2);
}

.select2-search--dropdown .select2-search__field {
  background: black;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 5px;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.carousel-caption h3 {
  color: #ffffff;
  font-size: 1.3em;
  text-shadow: 2px 2px #000000;
}

.carousel-caption p {
  background: #ffffff3b;
  padding: 10px;
}

.cover .rhea-family-tree {
  height: 400px;
}

.user-css-presentation #world-navigation-sidebar {
  width: 35%; /*stops width from stretching if maps have long descriptions*/
  min-width: 350px;
  max-width: 500px;
  scrollbar-color:  darkred cornsilk; /*scrollbar colour*/
  box-shadow: 5px 13px 20px rgba(0,0,0,0.6); /*shadow*/
}

.user-css-presentation #world-navigation-sidebar .category-list h6 ul li {
  padding-top: 8px; /*fix padding for child articles in ToC*/
}

.user-css-presentation .world-navigation-palette-trigger {
  padding: 8px; /*centers icon*/
}


.image-panel {
  padding: 10px;
  background-color: #f5f2eb;
  border: 0 solid;
  margin-bottom: 15px;
  box-shadow: 2px 5px 5px 2px #00000055;
}
.image-panel .cover {
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: -10px;
  margin-left: -10px;
  margin-top: -10px;
  background-position: center center;
  background-size: cover;
}
.image-panel .user-css-image-thumbnail .text-center{
  margin-bottom: 0px;
}
.image-panel .excerpt {
  color: grey;
}


#world-navigation-sidebar {
  background: url(/images/bg-dark.jpg);
  color: #14161b;
}

.section-payload, .section-content {
  margin-bottom: 10px;
}

.tiktok-embed {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

/* Card override for Bootstrap 3*/
.card {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  /*background-color: #fff;*/
  /*border: 1px solid rgba(0,0,0,.125);*/
  background-clip: border-box;
  border-radius: 0.25rem;
}


.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid rgba(0,0,0,.125);
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}


/* METADATA */
.extendedbody-metadata 
{
    padding-bottom: 20px;
}

.metadata-label 
{
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
}

.metadata-value 
{
    text-align: left;
    padding-left: 0px;
    font-size: 1.1em;
}

.metadata-value .explorer-tag
{
    background: #8c0a0a;
}