@media print {
  body {
    color: black !important;
    display: visible !important;
  }
  * {
    display: visible !important;
    opacity: 1 !important;
  }
  p,
  span {
    text-align: justify;
  }
  .character-info li,
  .country-list,
  li.relations-member,
  .menu .menu-item,
  .menu .menu-item ul li {
    list-style: none;
    padding-bottom: 1rem;
  }
  .picture img,
  .portrait {
    max-width: 6rem;
    float: left;
    margin-right: 1rem;
  }
  li.country-list-item, 
  li.relations-member {
    content: "";
    display: block;
    clear: both;
    position: relative;
    top: 0;
  }
  .hcontent.star {
    position: absolute;
    top: -1rem;
    left: 0;
    white-space: unset;
    height: 120px;
  }
  .hcontents .themes,
  .hcontent.themes {
    display: none;
    font-size: 66%;
  }
  .hcontent.themes img {
    width: 1rem !important;
    height: 1rem !important;
  }
  .relation-star {
    width: 100%;
    color: #a20000;
    font-size: 66%;
    font-weight: 700;
    margin-left: .5rem;
    margin-top: 1.5rem;
    z-index: 20;
    filter: drop-shadow(10px 10px 10px #d5af7b);
  }
  .img-star {
    width:1rem;
    height:1rem;
    filter: drop-shadow(5px 5px 5px white);
    top: .5rem;
    left: .5rem;
  }
  .relations-member img.img-member-star {
    width:1rem;
    height:1rem;
    padding-right:-2rem;
    z-index:20;
    margin-right: 4.5rem;
  }
  .relation-star .shadow5 {
    filter: drop-shadow(5px 5px 5px white);
  }
  .relations-member .dead {
    text-align: center;
  }
  .date.dead {
    margin-top: 4rem;
    font-size: 85%;
  }
  img.portrait.dead {
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
  }
  .img-theme {
    width:4rem;
    height:4rem;
    margin:-6rem .1rem 0 .1rem;
    opacity:.8;
    filter: drop-shadow(5px 5px 5px black);
  }
  .magin-auto {
    margin: auto;
  }
  #scroll-container {
     display: none;
  }
  .animated,
  .tab-content .tab-pane {
    display: block !important;
  }
  .tab-content {
    display: block !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .relations-member>div {
    position: relative;
    top: 0px;
  }
  .context-info .title {
    display: none;
  }
  .title-big-text,
  #character-name,
  .itemgroup-text,
  .context-info .subtitle-text {
    font-weight: 600%;
    font-size: 180%;
  }
  .subtitle-small,
  .main-text-header,
  .name,
  .synopsis .text-header {
    font-weight: 300%;
    font-size: 140%;
  }
  section {
    display: block;
  }
  section:after {
    content: "";
    clear: both;
  }
  #background-menu-container,
  section.navigation,
  .money,
  .ducats,
  section#messages {
    display: none;
  }
  #player-side {
    display: block ! important;
  }
  #diplomacy .two-columns {
    column-count: 2;
    /* grid-auto-flow: column; */
    margin-top: 1rem;
  }
  #diplomacy .columns-wrapper {
    margin-top: 1rem;
    column-count: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .two-columns {
    column-count: 2;
    grid-auto-flow: column;
    margin-top: 2rem;
  }
  .columns-wrapper {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .three-columns {
    column-count: 3;
    /* grid-auto-flow: column; */
  }
  .section .col {
    display: block;
  }
  .tab-pane .context-info:after {
    content: "";
    clear: both;
  }
/*
  .tab-pane .context-info {
    border: 10px solid red;
  }
  section#contexts {
    border: 10px solid black;
  }
*/
  .text-right {
    text-align: left !important;
  }
  text, tspan {
    color: black !important;
    fill: black !important;
  }
  #relation-info {
    display: none;
  }
  .nobreak {
    position: relative;
    top: 0;
    left: 0;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .col.left,
  a.page-scroll {
    display: none;
  }
  .pagebreak,
  section.section {
    opage-break-before: always;
    obreak-before: always;
    display: block;
  }
  section#diplomacy {
    page-break-before: always;
    break-before: always;
    page-break-inside: avoid;
    break-inside: avoid;
    page-break-after: always;
    break-after: always;
  }
  section#background {
    page-break-before: avoid;
    break-before: avoid;
  }
  #background-goals,
  #background-family,
  section#relations {
    page-break-before: always;
    break-before: always;
  }
  #player-slide,
  section#contexts {
    display: block;
    obreak-after: always;
  }
  .dark-content {
    display:contents;
  }
  #background-skills figure {
    margin: auto;
  }
  #background-skills {
    margin: auto;
    width: 100%;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .fadeInUp,
  .preloader {
    display: block !important;
  }
  @page {
    size: A4;
    @bottom-center {
      content: counter(page) ' / ' counter(pages);
    }
  }
  .section .container-wrapper .dark-image {
    opacity: 1;
  }
  .country-image {
    float: left;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 6rem;
    height: 4rem;
    display: flex;
  }
}