@charset "UTF-8";
/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap");
article,
section,
header,
footer,
nav,
li {
  position: relative;
  /* For absolutely positioning elements within containers (add more to the list if need be) */
}

.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden;
  /* For clearing */
}

body {
  background: #fff;
  /* Don't forget to style your body to avoid user overrides */
}

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14pt;
  font-weight: normal;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  color: #BABBCD;
  background-image: url("img/siteBg.png");
  background-repeat: repeat-x;
  background-color: #1E2228;
}

a {
  color: #EECA04;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: underline;
}

a.likeThis {
  margin-right: 0px;
  color: #646A7B;
  padding: 2px 5px;
  border: 1px solid #515562;
  border-radius: 2px;
}

a.likeThis:hover {
  text-decoration: none;
  color: white;
  border-color: white;
}

a.likeThis.done {
  color: white;
  border-color: #C8441E;
  background-color: #C8441E;
}

.commentLink {
  display: inline-block;
  padding-right: 16px;
  background-image: url("img/icon_comment.png");
  background-position: right center;
  background-repeat: no-repeat;
}

hr {
  border: none;
}

hr,
.separator {
  clear: both;
  margin: 45px 0px;
  font-size: 0;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
}
hr.clear,
.separator.clear {
  background-image: none;
  font-size: 0;
  height: 1px;
}

.wp-block-column hr,
.wp-block-column .separator {
  background-image: url("img/separatorMedium.png");
}

body.blog .separator {
  margin: 40px 0px;
}

.ranks .rank {
  display: grid;
  padding: 1px;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #424C59;
}
.ranks .rank.gold {
  color: #fc0;
  text-shadow: 0px 0px 16px #ff7a00;
  background-color: #6f310a;
}
.ranks .rank.gold img {
  -webkit-filter: drop-shadow(0px 0px 4px #fc0);
          filter: drop-shadow(0px 0px 4px #fc0);
}
.ranks .rank.silver {
  color: #54ffd9;
  text-shadow: 0px 0px 16px #6f84db;
  background-color: #2d5569;
}
.ranks .rank.silver img {
  -webkit-filter: drop-shadow(0px 0px 4px #6f84db);
          filter: drop-shadow(0px 0px 4px #6f84db);
}
.ranks .rank.bronze {
  color: #ff8974;
  text-shadow: 0px 0px 16px #ff8974;
  background-color: #51202d;
}
.ranks .rank.bronze img {
  -webkit-filter: drop-shadow(0px 0px 4px #ff8974);
          filter: drop-shadow(0px 0px 4px #ff8974);
}
.ranks .rank.misc {
  color: #8f8f8f;
  background-color: #2d2f39;
}

form input[type=text] {
  margin-bottom: 1px;
  color: white;
  border: 1px solid #4E5563;
  background-color: #383D47;
}
form input[type=text]:hover {
  border-color: #717A8E;
}
form textarea:focus,
form input[type=text]:focus {
  background-color: #292D34;
  border-color: #8D95A5;
}
form textarea {
  background-color: #383D47;
  color: white;
  border: 1px solid #4E5563;
}

.clear {
  clear: both;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.modal .mask {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.modal .wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
.modal .wrapper .content {
  padding: 16px;
  max-width: 350px;
  min-height: 50px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 16px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 16px rgba(0, 0, 0, 0.6);
  background-color: #424C59;
}
.modal .wrapper .content .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 16px;
}
.modal .wrapper .content .buttons a.button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 1px;
}
.modal .wrapper .content .buttons a.button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
.modal .wrapper .content .buttons a.button strong {
  color: inherit;
}
.modal .wrapper .content .buttons a.button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
.modal .wrapper .content .buttons a.button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
.modal .wrapper .content .buttons a.button.major {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  color: black;
  background-color: #ffc022;
  border: none;
}
.modal .wrapper .content .buttons a.button.major:hover {
  background-color: white;
}

ul li code,
ol li code,
p code,
pre.wp-block-preformatted,
code.inlined {
  display: inline-block;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  color: #A1B1D9;
  border: 1px solid #394363;
  border-radius: 2px;
  background: #1D2333;
}

pre.wp-block-preformatted {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 15px;
}

.content .wp-block-code,
.content pre[class*=language-] {
  background: rgba(0, 0, 0, 0.15);
  margin-left: -25px;
  margin-right: -25px;
  padding-left: 35px;
  padding-right: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px inset, rgba(0, 0, 0, 0.1) 0px -3px 2px inset;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px inset, rgba(0, 0, 0, 0.1) 0px -3px 2px inset;
  border-top: 1px solid #2a2e35;
  border-bottom: 1px solid #2a2e35;
  border-radius: 0px;
}

.content .wp-block-code:not([class*=language-]) {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pswp__caption {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1 !important;
  top: -50px;
  bottom: auto;
  background: transparent;
  -webkit-animation: captionSlide 0.4s forwards;
          animation: captionSlide 0.4s forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  pointer-events: none;
}
@-webkit-keyframes captionSlide {
  100% {
    top: 8px;
  }
}
@keyframes captionSlide {
  100% {
    top: 8px;
  }
}
.pswp__caption .pswp__caption__center {
  max-width: none;
  color: white;
  background-color: #D18D4F;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  border-bottom: 1px solid #F1B85D;
  -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.pswp__caption .pswp__caption__center:empty {
  display: none !important;
}

.pswp__top-bar {
  background: transparent !important;
}

header,
#main,
footer.main #footer-sidebar {
  max-width: 900px;
  margin: auto;
}

header.main {
  margin-bottom: 25px;
}
header.main a.banner {
  display: block;
  margin: auto;
  width: 626px;
  max-width: 100%;
  font-size: 0pt;
  line-height: 0pt;
  height: 172px;
  background-image: url("img/banner.png?v=3");
  background-repeat: no-repeat;
  background-position: center center;
}
header.main .social {
  float: right;
  margin-top: -35px;
}
header.main .social .wrapper {
  position: absolute;
  z-index: 2;
}
header.main .social a {
  display: inline-block;
  width: 24px;
  height: 24px;
}
header.main .social a.twitter {
  background-image: url("img/twitter.png");
}
header.main .social a.github {
  background-image: url("img/github.png");
}
header.main .social a:hover {
  outline: 1px solid white;
}
header.main nav {
  padding-top: 10px;
  padding-bottom: 20px;
}
header.main nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header.main nav ul li {
  font-family: Helvetica, Arial, sans-serif;
  margin-left: 1px;
}
header.main nav ul li a {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 10px;
  height: 100%;
  color: #D18D4F;
  font-size: 10pt;
  line-height: 0.8em;
  text-transform: uppercase;
  text-align: left;
}
header.main nav ul li a .menu-item-description {
  display: block;
  font-size: 8pt;
  opacity: 0.7;
  max-width: 12em;
  text-transform: none;
}
header.main nav ul li:first-child a {
  margin-left: 0px;
}
header.main nav ul li a:hover {
  color: #BA7C45;
  text-decoration: none;
}
header.main nav ul li.current_page_item a {
  color: black !important;
  text-decoration: none;
  background-color: #FFE888;
  -webkit-box-shadow: 0px 0px 16px #D18D4F;
          box-shadow: 0px 0px 16px #D18D4F;
  border-radius: 2px;
}

footer.main {
  margin-top: 40px;
  padding: 40px 0px;
  background-color: #121316;
  border-top: 1px solid #2E3138;
  font-size: 0pt;
  text-align: right;
}
footer.main #footer-sidebar1,
footer.main #footer-sidebar2,
footer.main #footer-sidebar3 {
  display: inline-block;
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  opacity: 0.7;
  color: #616778;
}
footer.main #footer-sidebar1 a,
footer.main #footer-sidebar2 a,
footer.main #footer-sidebar3 a {
  color: #616778;
}
footer.main #footer-sidebar1 a:hover,
footer.main #footer-sidebar2 a:hover,
footer.main #footer-sidebar3 a:hover {
  color: white;
}
footer.main #footer-sidebar1 ul li + li,
footer.main #footer-sidebar2 ul li + li,
footer.main #footer-sidebar3 ul li + li {
  padding: 3px 0px;
  border-top: 1px solid #24262D;
}
footer.main #footer-sidebar1 aside,
footer.main #footer-sidebar2 aside,
footer.main #footer-sidebar3 aside {
  margin-bottom: 20px;
}
footer.main #footer-sidebar1 .title,
footer.main #footer-sidebar2 .title,
footer.main #footer-sidebar3 .title {
  margin-bottom: 5px;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 12pt;
  color: #F1B85D;
}
footer.main #footer-sidebar1 label,
footer.main #footer-sidebar2 label,
footer.main #footer-sidebar3 label {
  display: none;
}
footer.main #footer-sidebar1 {
  width: 50%;
}
footer.main #footer-sidebar2 {
  width: 25%;
  margin-left: 5%;
}
footer.main #footer-sidebar3 {
  width: 15%;
  margin-left: 5%;
}
footer.main .copy {
  font-size: 9pt;
  margin-top: 3px;
}
footer.main .copy a {
  color: #8E94A6;
}

nav.pagination .previous a,
nav.pagination .next a {
  display: block;
  max-width: 50%;
  min-width: 200px;
  margin: 15px auto;
  padding: 10px;
  text-align: center;
  color: #9FA5B0;
  background-color: #32353D;
  border-bottom: 1px solid #4B505C;
}
nav.pagination .previous a:hover,
nav.pagination .next a:hover {
  text-decoration: none;
  color: white;
  background-color: #424651;
}

article:last-of-type .content {
  border-bottom: none;
}

body.single-post article footer {
  display: block;
}

article {
  clear: both;
  margin-bottom: 20px;
}
article .body {
  padding: 25px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  overflow: hidden;
}
article header:not([class]) {
  display: table;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px dashed #424C59;
  padding-bottom: 10px;
}
article header:not([class]) .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: table-cell;
  vertical-align: middle;
  max-width: 65%;
  padding-top: 5px;
  padding-left: 15px;
  font-size: 24pt;
  color: #F1B85D;
}
article header:not([class]) a.title:hover {
  color: white;
  text-decoration: none;
}
article header:not([class]) .infos {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  min-width: 80px;
  font-size: 9pt;
  text-align: right;
}
article header:not([class]) .infos a {
  color: #F1B85D;
}
article header:not([class]) .infos a:hover {
  color: white;
}
article header:not([class]) a.back {
  display: table-cell;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 48px;
  font-size: 0;
  background-color: #DA8A02;
  background-image: url("img/back.png");
  background-repeat: no-repeat;
  background-position: center center;
}
article header:not([class]) a.back:hover {
  background-color: white;
}
article header time,
article a.item time {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  padding: 5px 0px;
  margin-right: 10px;
  text-align: center;
  color: #353945;
  background-color: #ffc022;
}
article header time .month,
article a.item time .month {
  display: block;
  font-size: 9pt;
}
article header time .day,
article a.item time .day {
  display: block;
  font-size: 20pt;
  line-height: 21pt;
}
article header time .year,
article a.item time .year {
  display: block;
  font-size: 7.5pt;
}
article header time .edit,
article a.item time .edit {
  position: absolute;
  margin-top: 10px;
  font-size: 8pt;
  opacity: 0.3;
}
article .content {
  margin-bottom: 20px;
  border-bottom: 1px solid #373A42;
}
article .content a.button {
  display: inline-block;
  background-color: #30333D;
  padding: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #424655;
  min-width: 33%;
  font-size: 1.5em;
}
article .content a.button em {
  color: #DD7415;
  display: block;
  font-style: normal;
  font-size: 9pt;
  opacity: 0.6;
  font-weight: normal;
}
article .content a.button:hover {
  text-decoration: none;
  background-color: #383C47;
}
article .content .wp-block-image.imgLink {
  display: grid;
}
article .content .wp-block-image.imgLink a img {
  width: 100%;
  height: 128px;
  -o-object-fit: cover;
     object-fit: cover;
  outline: 1px solid #ffc022;
  outline-offset: -1px;
}
article .content .wp-block-image.imgLink figcaption {
  grid-row: 1/2;
  color: black;
  background-color: #ffc022;
  margin: 0;
}
article .content .wp-block-image.imgLink figcaption strong {
  color: black;
}
article .content .wp-block-image.imgLink figcaption em {
  display: block;
  font-style: normal;
  opacity: 0.6;
}
article .content ul.toc {
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px dashed #373A42;
}
article .content ul.toc li {
  margin-bottom: 5px;
  color: #ffc022;
  cursor: pointer;
}
article .content ul.toc li:hover {
  color: white;
}
article .content ul.toc li.sub {
  padding-left: 30px !important;
}
article .content ul.toc li.sub ~ li:not(.sub) {
  margin-top: 11px;
}
article .content ul.toc li.active {
  background-color: #282E35;
}
article .content ul.toc.floating {
  position: fixed;
  z-index: 99;
  max-width: 200px;
  top: 100px;
  margin-left: -225px;
  background: black;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 2px;
  border: none;
  border-right: 2px solid #ffc022;
  font-size: 85%;
}
article .content ul.toc.floating li {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3px;
}
article .content .tocFloatingMask {
  position: fixed;
  display: none;
  z-index: 98;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
article .content a.floatingButton {
  visibility: hidden;
  position: fixed;
  z-index: 100;
  display: none;
  top: 0;
  right: 0;
  min-width: 1.3cm;
  min-height: 1.3cm;
  padding: 0.3cm;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 8px black;
          box-shadow: 0px 0px 8px black;
  background-color: #424C59;
  background-image: url("img/menuHamburger.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: content-box;
}
article .content a.floatingButton.expand {
  visibility: visible;
  width: 70%;
  max-width: none;
  background-image: url("img/close.png");
  background-position: right center;
}
article .content h2.tocActive,
article .content h3.tocActive {
  color: #FFE888;
  border-left: 3px solid #F1B85D;
  margin-left: -25px;
  padding-left: 25px;
  background-color: transparent;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.9s;
          transition-duration: 0.9s;
}
article .content h2.tocBlink,
article .content h3.tocBlink {
  background-color: #D18D4F;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
article .content iframe[src*="itch.io"] {
  margin-bottom: 16px;
  border-top: 1px solid #636466;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}
article .content .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  grid-gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
article .content .wp-block-buttons:first-child {
  margin-top: 0;
}
article .content .wp-block-image img {
  max-width: 100%;
  height: auto;
}
article .content div.wp-block-button {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
article .content div.wp-block-button a.wp-block-button__link {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
article .content div.wp-block-button.icon a.wp-block-button__link {
  grid-auto-flow: column;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
article .content dl {
  padding-left: 30px;
}
article .content dl dt {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-top: 8px;
  border-left: 1px solid #788094;
  color: #FFE888;
  font-size: 1.3em;
}
article .content dl dd {
  padding-left: 16px;
  border-left: 1px solid #788094;
  padding-bottom: 8px;
  font-style: italic;
}
article .content dl dd + dt {
  margin-top: 16px;
}
article .content a.wp-block-button__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  display: grid;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
}
article .content a.wp-block-button__link img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
article .content a.wp-block-button__link strong {
  color: inherit;
}
article .content a.wp-block-button__link em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
article .content a.wp-block-button__link:hover {
  color: white;
  border-color: white;
  background-color: black;
}
article .content div.wp-block-button.minor a.wp-block-button__link,
article .content a.wp-block-button__link.minor {
  border-color: #e16c17;
}
article .content div.wp-block-button.major a.wp-block-button__link,
article .content a.wp-block-button__link.major {
  background-color: #ffc022;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  color: black;
}
article .content div.wp-block-button.major a.wp-block-button__link:hover,
article .content a.wp-block-button__link.major:hover {
  background-color: white;
  color: black;
}
article .content .warning {
  color: white;
  background-color: #52121E;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
}
article .content .wp-block-cover {
  height: auto;
  position: relative;
  -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
  text-shadow: -1px -1px 0px black, 1px 1px 0px black, 1px 2px 0px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 8px black;
  border-radius: 3px;
}
article .content .wp-block-cover a {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  border: 1px solid #2e3138;
  border-radius: 3px;
  outline: 1px solid black;
  outline-offset: -2px;
}
article .content .wp-block-cover a strong {
  padding: 2px 8px;
  font-size: 20pt;
  font-weight: normal;
  color: #FFE888;
  background-color: rgba(57, 36, 36, 0.5);
  border-radius: 3px;
}
article .content .wp-block-cover a em {
  margin-top: 8px;
  padding: 2px 8px;
  font-size: 10pt;
  font-style: normal;
  color: #F1B85D;
  background-color: rgba(57, 36, 36, 0.5);
  border-radius: 3px;
}
article .content .wp-block-cover a:hover strong, article .content .wp-block-cover a:hover em {
  color: white;
}
article .content .wp-block-cover a:hover {
  text-decoration: none;
  border-color: white;
}
article .content ul.buttons {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 1px;
  padding-top: 1px;
  border: 1px solid #353a4b;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
article .content ul.buttons li {
  margin: 0px;
  padding: 0px;
  padding-right: 1px;
  padding-bottom: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
article .content ul.buttons li a {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-left: 40px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 8pt;
  white-space: nowrap;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  background: #282c38;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-image: url("img/btIcons/out.png");
}
article .content ul.buttons li a:hover {
  text-decoration: none;
  background-color: #EECA04 !important;
  color: black;
}
article .content ul.buttons li a[href*="deepnight.net"],
article .content ul.buttons li a[href^=".."],
article .content ul.buttons li a[href^="/"] {
  background-image: url("img/btIcons/internal.png");
}
article .content ul.buttons li a[href*="youtube.com"] {
  background-image: url("img/btIcons/video.png");
}
article .content ul.buttons li a[href*="github.com"] {
  background-image: url("img/btIcons/git.png");
  background-color: #203b59;
}
article .content ul.buttons li a[href$=".zip"] {
  background-color: #592023;
  background-image: url("img/btIcons/dl.png");
}
article .content ul.buttons li a[href*="twitter.com"] {
  background-color: #34425d;
  background-image: url("img/btIcons/twitter.png");
}
article .content ul.buttons li a[href*="mailto:"] {
  background-color: #6b2a39;
  background-image: url("img/btIcons/mail.png");
}
article .content ul.buttons li:first-of-type {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
article .content ul.tutorialList {
  list-style: none;
}
article .content ul.tutorialList li + li {
  margin-top: 16px;
}
article .content ul.tutorialList li a {
  display: block;
  position: relative;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #343442;
  border-bottom: 1px solid black;
  background-size: cover;
  background-position: 50% 70%;
  min-height: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #1E2228;
}
article .content ul.tutorialList li a .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: block;
  padding: 8px;
  background: #ffc022;
  color: black;
  font-size: 13pt;
}
article .content ul.tutorialList li a .desc {
  display: block;
  font-size: 9pt;
  color: #b8becf;
  padding: 8px;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 2px 8px black;
}
article .content ul.tutorialList li a:hover {
  text-decoration: none;
  border-color: white;
}
article footer {
  display: none;
  margin-bottom: -10px;
  font-size: 8pt;
  text-align: right;
  opacity: 0.6;
  color: #656B7A;
}
article footer a {
  display: inline-block;
  vertical-align: middle;
  color: #8C919F;
  margin: 0px 5px;
}
article footer a:hover {
  color: white;
}

body.about #main {
  max-width: 600px;
}

body.tutorials article .content .wp-block-cover {
  border-left: 3px solid #ffc022;
  min-height: 115px !important;
}
body.tutorials article .content .wp-block-cover a {
  display: block;
  padding: 10px;
  width: calc( 100% - 20px );
  height: calc( 100% - 20px );
  text-align: left;
  font-size: 15pt;
}
body.tutorials article .content .wp-block-cover a em {
  display: block;
  padding-top: 2px;
  font-style: normal;
  font-size: 10pt;
  color: #b8becf;
}
body.tutorials article .content .wp-block-cover:hover {
  border-color: white;
}
body.tutorials article .content .wp-block-cover + .wp-block-cover {
  margin-top: 8px;
}
body.tutorials article .content .tutoIntro {
  min-height: 3.8em;
  text-align: justify;
}
body.tutorials article .content .wp-block-column:not(:first-child) {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #424C59;
}

body.gameSheet article header a.back,
body.changelog article header a.back {
  width: 48px;
  background-color: #ffc022;
}
body.gameSheet article header a.back:hover,
body.changelog article header a.back:hover {
  background-color: white;
}

body.gameSheet article .body header {
  margin-bottom: 8px;
}
body.gameSheet article .body header .specs {
  display: table-row;
}
body.gameSheet article .body dl.specs {
  display: grid;
  grid-template-columns: 6em auto;
  border-bottom: 1px dashed #424C59;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
body.gameSheet article .body dl.specs dt {
  font-weight: bold;
  color: #FFE888;
}
body.gameSheet article .body dl.specs dd span {
  display: inline-block;
}
body.gameSheet article .body dl.specs dd span + span:before {
  content: ", ";
}

.tldr {
  color: white;
  grid-template-columns: 1fr 0.75fr;
  text-align: justify;
  padding: 0;
  margin-left: -25px;
  margin-right: -25px;
  background-color: #2f1a23;
  background-image: -webkit-gradient(linear, left top, right top, from(#17191e), color-stop(6%, #2f1a23), color-stop(94%, #2f1a23), to(#17191e));
  background-image: linear-gradient(90deg, #17191e 0%, #2f1a23 6%, #2f1a23 94%, #17191e 100%);
  -webkit-box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.4);
}
.tldr .has-small-font-size {
  color: #F1B85D;
}
.tldr .wp-block-media-text__content {
  padding: 25px !important;
}

#main .content .intro {
  font-size: 14pt;
  color: #788094;
  text-align: center;
}
#main .content .intro .major {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #FFE888;
  font-style: italic;
  display: block;
  margin: auto;
  max-width: 70%;
  min-width: 300px;
}
#main .content .intro .minor {
  display: inline-block;
  opacity: 0.8;
  max-width: 80%;
  min-width: 320px;
  text-align: left;
  margin-top: 5px;
  font-size: 9pt;
}
#main .content .intro .minor strong {
  color: inherit;
}

.intro > p {
  display: none;
}

.wp-block-columns.dev {
  margin-bottom: 0px;
}
.wp-block-columns.dev .wp-block-column {
  margin-bottom: 0px;
}

article.list {
  max-width: 550px;
  margin: auto;
}
article.list a.item {
  display: table;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  text-decoration: none;
  background-color: #0D1113;
}
article.list a.item .cell-thumb {
  display: table-cell;
  vertical-align: middle;
  width: 90px;
}
article.list a.item .cell-thumb img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 0px 5px black;
          box-shadow: 0px 0px 5px black;
  border: 1px solid #3d404a;
}
article.list a.item .cell-infos {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-bottom: 5px;
}
article.list a.item .cell-infos .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  margin-bottom: 5px;
  color: #F1B85D;
  font-size: 16pt;
}
article.list a.item .cell-infos .excerpt {
  color: #7B899D;
  font-size: 8pt;
}
article.list a.item time {
  display: table-cell;
}
article.list a.item:hover {
  background-color: #090C0D;
  outline: 1px solid white;
}
article.list a.item:hover .cell-infos .title {
  color: #FFE888;
}
article.list a.post-edit-link {
  position: absolute;
  display: block;
  width: 60px;
  right: 65px;
  font-size: 7pt;
  opacity: 0.3;
  text-align: right;
}

article .content h1,
article .content h2,
article .content h3,
article .content h4,
article .content h5,
article .content h6,
li.comment .content h1,
li.comment .content h2,
li.comment .content h3,
li.comment .content h4,
li.comment .content h5,
li.comment .content h6 {
  margin: 0px;
  margin-top: 40px;
  margin-bottom: 15px;
  padding: 0px;
  font-weight: normal;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
}
article .content h2,
li.comment .content h2 {
  margin-top: 45px;
  padding-top: 50px;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: top center;
}
article .content h2.noSep,
article .content h2:first-child,
article .content h1 + h2,
article .content hr + h2,
article .content .toc + h2,
li.comment .content h2.noSep,
li.comment .content h2:first-child,
li.comment .content h1 + h2,
li.comment .content hr + h2,
li.comment .content .toc + h2 {
  padding-top: 0;
  background: none;
}
article .content h1:first-child,
article .content h2:first-child,
article .content h3:first-child,
article .content h4:first-child,
article .content h5:first-child,
article .content h6:first-child,
article .content hr + h1,
article .content hr + h2,
article .content hr + h3,
article .content hr + h4,
article .content hr + h5,
li.comment .content h1:first-child,
li.comment .content h2:first-child,
li.comment .content h3:first-child,
li.comment .content h4:first-child,
li.comment .content h5:first-child,
li.comment .content h6:first-child,
li.comment .content hr + h1,
li.comment .content hr + h2,
li.comment .content hr + h3,
li.comment .content hr + h4,
li.comment .content hr + h5 {
  margin-top: 0px;
}
article .content h1 + h2,
article .content h2 + h3,
article .content h3 + h4,
article .content h4 + h5,
li.comment .content h1 + h2,
li.comment .content h2 + h3,
li.comment .content h3 + h4,
li.comment .content h4 + h5 {
  margin-top: 15px;
}
article .content h1,
article .content h2,
li.comment .content h1,
li.comment .content h2 {
  font-size: 26pt;
}
article .content h3,
li.comment .content h3 {
  font-size: 20pt;
  color: #D18D4F;
}
article .content h4,
article .content h5,
article .content h6,
li.comment .content h4,
li.comment .content h5,
li.comment .content h6 {
  opacity: 0.73;
  font-size: 14pt;
}
article .content h2.rpgMapSubTitle,
li.comment .content h2.rpgMapSubTitle {
  font-weight: bold;
  color: white;
}
article .content h3.rpgMapSubTitle,
li.comment .content h3.rpgMapSubTitle {
  color: #F1B85D;
}
article .content p,
li.comment .content p {
  margin-bottom: 15px;
}
article .content .wp-caption,
li.comment .content .wp-caption {
  max-width: 600px !important;
}
article .content .wp-caption .wp-caption-text,
li.comment .content .wp-caption .wp-caption-text {
  background-color: #181B1F;
  padding: 8px;
  font-size: 8pt;
  color: #677889;
}
article .content figcaption,
li.comment .content figcaption {
  margin-top: 0;
  background-color: black;
  padding: 8px;
  font-size: 9pt;
  color: #677889;
}
article .content .wp-block-media-text,
li.comment .content .wp-block-media-text {
  margin-bottom: 10px;
}
article .content .wp-block-media-text figure.wp-block-media-text__media,
li.comment .content .wp-block-media-text figure.wp-block-media-text__media {
  min-height: 0 !important;
}
article .content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
li.comment .content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}
article .content .wp-block-image figure.alignleft,
article .content .wp-block-image figure.alignright,
li.comment .content .wp-block-image figure.alignleft,
li.comment .content .wp-block-image figure.alignright {
  max-width: 45%;
}
article .content .wp-block-image figure.alignleft img,
article .content .wp-block-image figure.alignright img,
li.comment .content .wp-block-image figure.alignleft img,
li.comment .content .wp-block-image figure.alignright img {
  height: auto;
}
article .content .wp-block-image figure.aligncenter a:hover img,
article .content .wp-block-image figure.alignleft a:hover img,
article .content .wp-block-image figure.alignright a:hover img,
li.comment .content .wp-block-image figure.aligncenter a:hover img,
li.comment .content .wp-block-image figure.alignleft a:hover img,
li.comment .content .wp-block-image figure.alignright a:hover img {
  outline: 1px solid white;
}
article .content .wp-block-image a:hover img,
li.comment .content .wp-block-image a:hover img {
  outline: 1px solid white;
}
article .content .wp-block-image figure.alignleft,
li.comment .content .wp-block-image figure.alignleft {
  margin-right: 1em;
  margin-bottom: 1em;
}
article .content .wp-block-image figure.alignright,
li.comment .content .wp-block-image figure.alignright {
  margin-left: 1em;
  margin-bottom: 1em;
}
article .content img.alignnone,
li.comment .content img.alignnone {
  width: 100%;
  height: auto !important;
}
article .content img.alignright,
li.comment .content img.alignright {
  float: right;
  margin-left: 10px;
}
article .content img.alignleft,
li.comment .content img.alignleft {
  float: left;
  margin-left: 10px;
}
article .content img.clean,
li.comment .content img.clean {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
}
article .content b,
article .content strong,
li.comment .content b,
li.comment .content strong {
  color: white;
}
article .content a strong,
li.comment .content a strong {
  color: #FFFF9D;
}
article .content ul:not([class]),
li.comment .content ul:not([class]) {
  margin: 20px 0px;
  padding-left: 40px;
}
article .content ul:not([class]) li,
li.comment .content ul:not([class]) li {
  list-style: square;
}
article .content ul:not([class]) li + li,
li.comment .content ul:not([class]) li + li {
  margin-top: 15px;
}
article .content ol,
li.comment .content ol {
  margin: 20px 0px;
  padding-left: 40px;
  list-style: none;
  counter-reset: li;
}
article .content ol li::before,
li.comment .content ol li::before {
  content: counter(li) ".";
  color: white;
  display: inline-block;
  font-weight: bold;
  width: 1.6em;
}
article .content ol li,
li.comment .content ol li {
  counter-increment: li;
}
article .content ol li + li,
li.comment .content ol li + li {
  margin-top: 15px;
}
article .content .wp-block-gallery,
li.comment .content .wp-block-gallery {
  margin-bottom: 1em;
}
article .content .wp-block-gallery .blocks-gallery-item,
li.comment .content .wp-block-gallery .blocks-gallery-item {
  margin: 2px;
}
article .content .wp-block-gallery .blocks-gallery-item a:hover img,
li.comment .content .wp-block-gallery .blocks-gallery-item a:hover img {
  outline: 1px solid white !important;
}
article .content .wp-block-gallery .blocks-gallery-item figcaption,
li.comment .content .wp-block-gallery .blocks-gallery-item figcaption {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
article .content .wp-block-gallery figcaption,
li.comment .content .wp-block-gallery figcaption {
  width: 100%;
}
article .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid {
  grid-template-columns: auto;
}
article .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid {
  grid-template-columns: repeat(2, auto);
}
article .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid {
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid {
  grid-template-columns: repeat(4, auto);
}
article .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid {
  grid-template-columns: repeat(5, auto);
}
@media screen and (max-width: 400px) {
  article .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid {
    grid-template-columns: auto;
  }
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid {
  counter-reset: gallery;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item {
  counter-increment: gallery;
  width: 100%;
  margin-bottom: 8px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure {
  padding-top: 40px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a {
  padding-top: 40px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  outline: 2px solid #424C59;
  outline-offset: -2px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  bottom: auto;
  min-height: 50px;
  padding: 8px;
  left: 3%;
  width: 94%;
  font-size: 8.5pt;
  color: white;
  text-align: left;
  background: #377B6F;
  pointer-events: none;
  border: 1px solid #91DBC2;
  -webkit-box-shadow: 0px 4px 8px black;
          box-shadow: 0px 4px 8px black;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption::before,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption::before {
  content: counter(gallery) ". ";
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: inline-block;
  color: white;
  padding: 2px 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 2px;
  background-color: #1E2228;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption {
  background-color: #45998A;
  outline: 1px solid white;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong {
  background-color: #424C59;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure {
  padding-bottom: 20px;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  outline: 2px solid #424C59;
  outline-offset: -2px;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 0;
  min-height: 30px;
  padding: 8px;
  left: 3%;
  width: 94%;
  font-size: 8.5pt;
  color: white;
  text-align: left;
  background: black;
  pointer-events: none;
  -webkit-box-shadow: 0px 4px 8px black;
          box-shadow: 0px 4px 8px black;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: inline-block;
  color: white;
  padding: 2px 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 2px;
  background-color: #1E2228;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption {
  background-color: #424C59;
  outline: 1px solid white;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong {
  background-color: #424C59;
}
article .content .wp-block-gallery.features,
li.comment .content .wp-block-gallery.features {
  margin-top: 32px;
  margin-bottom: 32px;
}
article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid {
  grid-template-columns: repeat(4, auto);
}
article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid {
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid {
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 800px) {
  article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media screen and (max-width: 500px) {
  article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid {
    grid-template-columns: auto;
  }
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid {
  display: grid;
  gap: 24px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item {
  margin: 0;
  width: 100%;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure {
  display: grid;
  grid-template-rows: 150px 120px;
  gap: 2px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a {
  grid-row: 1/2;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  border-radius: 4px;
  outline-offset: -2px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a:hover img,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a:hover img {
  border-color: white;
  outline: none !important;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  position: static;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  grid-row: 2/3;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  bottom: 0;
  padding: 8px;
  font-size: 9.5pt;
  color: #b8becf;
  text-align: left;
  background: black;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-align: center;
  font-size: 21pt;
  color: #F1B85D;
}
article .content .wp-block-gallery.alignleft,
li.comment .content .wp-block-gallery.alignleft {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
article .content .wp-block-gallery.alignright,
li.comment .content .wp-block-gallery.alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
article .content iframe.twitter-follow-button,
li.comment .content iframe.twitter-follow-button {
  vertical-align: top;
}

body.art article .content .blocks-gallery-item:first-of-type {
  width: 50% !important;
}

#comments h2 {
  color: #383D47;
  margin-bottom: 25px;
  font-size: 16pt;
}
#comments #respond {
  background-color: #2d3139;
  padding: 20px;
  padding-right: 25px;
  padding-top: 15px;
  margin-bottom: 40px;
  border-radius: 2px;
}
#comments #respond h3 {
  display: none;
  color: #383D47;
  font-size: 16pt;
}
#comments #respond .logged-in-as {
  font-size: 8pt;
  opacity: 0.7;
}
#comments #respond form.comment-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  grid-gap: 12px;
}
#comments #respond form.comment-form p[class^=comment-] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
}
#comments #respond form.comment-form input[type=text] {
  width: 100%;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#comments #respond form.comment-form .comment-notes {
  width: 100%;
  font-size: 9pt;
  font-style: italic;
  color: #ffc022;
}
#comments #respond form.comment-form p.comment-form-comment {
  width: 100%;
}
#comments #respond form.comment-form p.comment-form-comment textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 4px;
  min-height: 60px;
  height: 60px;
}
#comments #respond form.comment-form p.comment-subscription-form {
  width: 100%;
}
#comments #respond form.comment-form p.comment-subscription-form label:hover {
  color: white;
}
#comments #respond form.comment-form p.form-submit {
  width: 100%;
}
#comments #respond form.comment-form p.form-submit input.submit {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
}
#comments #respond form.comment-form p.form-submit input.submit img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
#comments #respond form.comment-form p.form-submit input.submit strong {
  color: inherit;
}
#comments #respond form.comment-form p.form-submit input.submit em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
#comments #respond form.comment-form p.form-submit input.submit:hover {
  color: white;
  border-color: white;
  background-color: black;
}
#comments #respond form label {
  display: block;
}
#comments ol.pings li.comment, #comments ol.realComments li.comment {
  background-color: #14171a;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 3px;
  clear: both;
  position: relative;
}
#comments ol.pings li.comment .avatar, #comments ol.realComments li.comment .avatar {
  display: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#comments ol.pings li.comment .author, #comments ol.realComments li.comment .author {
  display: inline-block;
  font-weight: bold;
  color: black;
  background-color: #515565;
  padding: 2px;
  margin-right: 3px;
  border-radius: 2px;
}
#comments ol.pings li.comment .commentBody, #comments ol.realComments li.comment .commentBody {
  display: block;
  padding-right: 15%;
  padding-top: 10px;
  font-style: italic;
}
#comments ol.pings li.comment .commentBody p:first-of-type:before, #comments ol.realComments li.comment .commentBody p:first-of-type:before {
  content: "« ";
}
#comments ol.pings li.comment .commentBody p:last-of-type:after, #comments ol.realComments li.comment .commentBody p:last-of-type:after {
  content: " »";
}
#comments ol.pings li.comment .commentBody p + p, #comments ol.realComments li.comment .commentBody p + p {
  margin-top: 5px;
}
#comments ol.pings li.comment .commentBody br, #comments ol.realComments li.comment .commentBody br {
  display: none;
}
#comments ol.pings li.comment .date, #comments ol.realComments li.comment .date {
  margin-top: 4px;
  font-size: 7pt;
  opacity: 0.3;
}
#comments ol.pings li.comment .content, #comments ol.realComments li.comment .content {
  max-width: 365px;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#comments ol.pings li.comment .content pre.body, #comments ol.realComments li.comment .content pre.body {
  font-family: Helvetica, Arial, sans-serif;
}
#comments ol.pings li.comment .content pre.body br, #comments ol.realComments li.comment .content pre.body br {
  display: none;
}
#comments ol.pings li.comment .content .author, #comments ol.realComments li.comment .content .author {
  font-size: 18pt;
  line-height: 16pt;
  padding-top: 5px;
  color: #CACDD5;
}
#comments ol.pings li.comment .content time, #comments ol.realComments li.comment .content time {
  font-size: 7pt;
  opacity: 0.7;
  margin-bottom: 5px;
}
#comments ol.pings li.comment .content a.comment-reply-link, #comments ol.realComments li.comment .content a.comment-reply-link {
  display: inline-block;
  padding: 1px 5px;
  font-size: 8pt;
  color: #636B7C;
  border-radius: 2px;
  border: 1px solid #414652;
}
#comments ol.pings li.comment .content a.comment-reply-link:hover, #comments ol.realComments li.comment .content a.comment-reply-link:hover {
  color: #7A8396;
  text-decoration: none;
  border-color: #7A8396;
}
#comments ol.pings li.comment.bypostauthor .author, #comments ol.realComments li.comment.bypostauthor .author {
  background-color: #FAEEA9;
  color: black;
  border-radius: 2px;
  margin-right: 4px;
}
#comments ol.pings li.comment.bypostauthor .author a, #comments ol.realComments li.comment.bypostauthor .author a {
  color: inherit;
}
#comments ol.pings li {
  margin-bottom: 10px;
}
#comments ol.pings li .extract {
  margin-left: 20px;
  font-size: 9pt;
  font-style: italic;
}
#comments li ~ ul.children {
  margin-top: -3px;
}
#comments ol ul.children li.comment {
  padding-left: 80px;
}
#comments ol ul.children .content {
  width: 410px;
}
#comments ol + #respond {
  border-top: 1px solid #383D47;
  margin-top: 20px;
  padding-top: 20px;
}
#comments .pagination a, #comments .pagination span.current {
  display: inline-block;
  padding: 4px;
  border: 1px solid #424C59;
  border-radius: 2px;
}
#comments .pagination span.current {
  background-color: #ffc022;
  border-color: #ffc022;
  color: black;
}
#comments .pagination a:hover {
  border-color: #ffc022;
}

body.gameList article .content h2 {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 3px 8px;
  color: white;
  font-size: 12pt;
  position: absolute;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
}
body.gameList article .content h3 {
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  font-size: 8pt;
  margin: 0px;
  color: #747D92;
  opacity: 1;
  margin-left: 4px;
  margin-top: 95px;
  width: 595px;
  text-align: right;
}
body.gameList article .content a:hover img {
  outline: 1px solid #8E95A4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.single-post #main {
  max-width: 700px;
}

body.game #main {
  width: auto;
  max-width: none;
  text-align: center;
}
body.game div.game {
  text-align: left;
  margin: auto;
}
body.game div.game header {
  text-align: center;
  width: auto;
  font-size: 10pt;
  margin-bottom: 5px;
}
body.game div.game header div.title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
  font-size: 14pt;
}
body.game div.game header div.date {
  font-size: 9pt;
  opacity: 0.66;
  color: #F1B85D;
}
body.game div.game header div.like {
  display: inline-block;
  font-size: 12pt;
  color: #595F6C;
  padding: 5px;
  z-index: 2;
}
body.game div.game .clientMobilePlaceholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 150px;
  max-width: 900px;
  margin: 20px auto;
  padding: 32px;
  border-radius: 3px;
  background-color: #424C59;
  border: 1px solid #788094;
}
body.game div.game .clientMobilePlaceholder button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  margin-top: 10px;
  width: 100%;
}
body.game div.game .clientMobilePlaceholder button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
body.game div.game .clientMobilePlaceholder button strong {
  color: inherit;
}
body.game div.game .clientMobilePlaceholder button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
body.game div.game .clientMobilePlaceholder button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
body.game div.game .clientWrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #33353f;
  font-size: 0pt;
  background-color: #0c0f11;
  -webkit-box-shadow: 0px -3px 4px black inset;
          box-shadow: 0px -3px 4px black inset;
  text-align: center;
}
body.game div.game .clientWrapper .grid {
  display: inline-grid;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #1E2228;
  border-right: 1px solid #1E2228;
  grid-template-columns: auto 200px;
}
body.game div.game .clientWrapper .client {
  background-color: black;
  background-image: url("img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
body.game div.game .loading {
  position: absolute;
  font-size: 8pt;
  text-align: right;
  margin-top: -15px;
  opacity: 0.7;
}
body.game div.game object {
  font-size: 0;
  line-height: 0;
  display: block;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
body.game div.game .resize {
  margin-bottom: 10px;
}
body.game div.game .resize p {
  font-size: 8pt;
  opacity: 0.6;
  font-style: italic;
}
body.game div.game .resize a {
  display: block;
  padding: 8px;
  color: #515562;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 9pt;
  border: 1px solid #515562;
  border-radius: 2px;
}
body.game div.game .resize a:hover {
  color: white;
  border-color: white;
}
body.game div.game .ranks {
  display: grid;
  gap: 1px;
  font-size: 9pt;
  margin-bottom: 20px;
}
body.game div.game .ranks .rank {
  gap: 4px;
}
body.game div.game .ranks .rank img {
  width: 24px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
body.game div.game .controls {
  text-align: left;
  padding-left: 10px;
}
body.game div.game .controls h2 {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #8696A6;
  margin-bottom: 10px;
}
body.game div.game .controls dl dd {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
  font-size: 10pt;
}
body.game div.game .controls dl dt {
  font-size: 8.5pt;
  margin-bottom: 10px;
}
body.game div.game pre.controls {
  font-family: Helvetica, Arial, sans-serif;
  color: white;
}
body.game div.game.swf .clientWrapper {
  padding-top: 0;
}
@media (max-width: 650px) {
  body.game div.game.swf .clientWrapper .grid {
    grid-template-columns: auto;
  }
  body.game div.game.swf .clientWrapper .grid .client.placeholder {
    width: auto !important;
  }
  body.game div.game.swf .clientWrapper .grid .controls {
    display: none;
  }
}
body.game div.game.swf .clientWrapper .client.placeholder {
  background-image: none;
  background-color: #424C59;
  width: 400px !important;
  height: auto !important;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning {
  margin-bottom: 16px;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning img.thumb {
  display: block;
  margin: auto;
  margin-bottom: 16px;
  max-width: 200px;
  border: 1px solid #b8becf;
  -webkit-box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
  height: auto;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning p {
  text-align: left;
  font-size: 11pt;
  color: white;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning p + p {
  margin-top: 8px;
}
body.game div.game.swf .clientWrapper .client.placeholder button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 4px;
}
body.game div.game.swf .clientWrapper .client.placeholder button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
body.game div.game.swf .clientWrapper .client.placeholder button strong {
  color: inherit;
}
body.game div.game.swf .clientWrapper .client.placeholder button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
body.game div.game.swf .clientWrapper .client.placeholder button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
body.game div.game.swf .clientWrapper .client.placeholder button.download {
  color: black;
  background-color: #ffc022;
}
body.game div.game.swf .clientWrapper .client.placeholder button.download:hover {
  background-color: white;
}
body.game div.game.swf .clientWrapper .client.placeholder #gameTarget {
  display: grid;
  margin: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
body.game div.game.mobile .clientWrapper {
  padding-top: 0;
}
body.game div.game.mobile .clientWrapper .grid {
  grid-template-columns: auto;
  grid-template-rows: repeat(2, auto);
}
body.game div.game.mobile .clientWrapper .grid .client {
  width: 100% !important;
  height: 250px !important;
  margin-bottom: 16px;
}
body.game div.game.mobile .clientWrapper .grid .client canvas {
  width: 100% !important;
  height: 250px !important;
}
body.game .columns {
  display: inline-block;
  font-size: 0;
}
body.game .columns .col {
  display: inline-block;
  vertical-align: top;
  font-size: 10pt;
}
body.game .columns .col-controls {
  margin-left: 10px;
  width: 200px;
}
body.game .gameInfos {
  margin: auto;
  max-width: 900px;
  margin-top: 15px;
  text-align: left;
}

article.gameGallery .content {
  margin-bottom: 0px;
}
article.gameGallery h2 {
  padding-top: 20px;
  padding-bottom: 30px;
  margin-bottom: 10px;
  color: #FFE888;
  text-align: center;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  font-variant: small-caps;
}
article.gameGallery .gallery {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
article.gameGallery .gallery a {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 19%;
      flex-basis: 19%;
  max-width: 20%;
  display: block;
  z-index: 1;
}
article.gameGallery .gallery a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none !important;
}
article.gameGallery .gallery a .infos {
  position: absolute;
  display: none;
  margin-top: 45%;
  text-align: center;
  width: 90%;
  padding: 0 5%;
  background-color: rgba(0, 0, 0, 0.85);
}
article.gameGallery .gallery a .infos .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: block;
  color: white;
  font-size: 11.5pt;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 0px 2px black;
}
article.gameGallery .gallery a .infos .desc {
  display: block;
  color: #FFE888;
  font-size: 8.5pt;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 0px 2px black;
}
article.gameGallery .gallery a:hover {
  outline: 1px solid white;
  z-index: 10;
}
article.gameGallery .gallery a:hover .infos {
  display: block;
}
article.gameGallery .gallery a.expand {
  display: none !important;
}
article.gameGallery .galleryHeader {
  background: #ffc022;
  color: black;
  padding: 8px;
}
article.gameGallery .galleryHeader .title {
  text-transform: uppercase;
  font-size: 125%;
}
article.gameGallery .galleryHeader .desc p {
  font-size: 8.5pt;
  color: #6b451c;
}
article.gameGallery .gridGallery ~ .galleryHeader {
  margin-top: 30px;
}
article.gameGallery .gridGallery {
  font-size: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 30px;
  grid-gap: 1px;
}
article.gameGallery .gridGallery a.item:first-of-type {
  grid-column: 1/3;
  grid-row: 1/3;
  outline: 1px solid #ffc022;
  outline-offset: -1px;
  z-index: 2;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.8);
}
article.gameGallery .gridGallery a.item {
  position: relative;
  display: block;
  background-color: black;
}
article.gameGallery .gridGallery a.item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none !important;
}
article.gameGallery .gridGallery a.item .ranks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-size: 0pt;
  bottom: 0px;
  padding-left: 1px;
  padding-bottom: 1px;
  overflow: hidden;
}
article.gameGallery .gridGallery a.item .ranks .rank {
  display: inline-block;
  text-align: center;
}
article.gameGallery .gridGallery a.item .ranks .rank img {
  vertical-align: middle;
  margin-right: 1px;
}
article.gameGallery .gridGallery a.item .ranks .rank + .rank {
  margin-left: 1px;
}
article.gameGallery .gridGallery a.item .infos {
  position: absolute;
  display: none;
  top: 0;
  text-align: center;
  width: 90%;
  padding: 3px 5%;
  background-color: rgba(255, 255, 255, 0.85);
}
article.gameGallery .gridGallery a.item .infos .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: block;
  color: black;
  font-size: 11pt;
  text-transform: uppercase;
}
article.gameGallery .gridGallery a.item .infos .desc {
  display: block;
  color: gray;
  font-size: 7.5pt;
  text-transform: uppercase;
}
article.gameGallery .gridGallery a.item:hover {
  outline: 1px solid white;
  outline-offset: -1px;
}
article.gameGallery .gridGallery a.item:hover .infos {
  display: block;
}
article.gameGallery .gridGallery a.item:hover .ranks {
  border-color: white;
  font-size: 7pt;
}
article.gameGallery .gridGallery a.expand {
  display: none !important;
}
article.gameGallery .gridGallery.collapsed {
  position: relative;
  max-height: 660px;
  overflow: hidden;
}
article.gameGallery .gridGallery.collapsed a.expand {
  display: block !important;
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  padding: 20px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
  font-size: 10pt;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1E2228));
  background-image: linear-gradient(to bottom, transparent, #1E2228);
}
article.gameGallery .gridGallery.collapsed a.expand span {
  display: inline-block;
  padding: 4px;
  background-color: black;
  color: white;
  border-radius: 2px;
}
article.gameGallery .gridGallery.collapsed a.expand:hover {
  outline: none;
  text-decoration: none;
}
article.gameGallery .gridGallery.collapsed a.expand:hover span {
  background-color: #ffc022;
  color: black;
}
article.gameGallery .gallery.motion-twin a.item:first-of-type {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

article .markdown h1, article .markdown h2 {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 3px 8px;
  background-image: none;
  font-weight: bold;
}
article .markdown h1 {
  font-size: 16pt;
  color: #FFE888;
}
article .markdown h2 {
  font-size: 12pt;
  color: #D18D4F;
}
article .markdown strong {
  color: #F1B85D;
}

body.ldtk .wp-block-column:nth-child(2) {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

body.mapClient #main {
  width: auto;
  max-width: none;
  text-align: center;
}
body.mapClient article {
  margin: auto;
  max-width: 900px;
  margin-top: 15px;
  text-align: left;
}
body.mapClient article header .title {
  display: block;
  font-size: 14pt;
  max-width: none;
  text-align: center;
}
body.mapClient article header .title .like {
  display: inline-block;
}
body.mapClient .fullScreenClient {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
  top: 0px;
  left: 0px;
  background-color: black;
  background-image: url("img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

article .panel-grid-cell .panel {
  margin-bottom: 0px;
}

/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
  article .content ul.toc.floating {
    visibility: hidden;
    top: 1.3cm;
    right: 0px;
    z-index: 99;
    margin-left: 0px;
    max-width: none;
    width: 70%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: calc( 100% - 1.3cm );
    overflow: scroll;
    border: none;
  }
  article .content ul.toc.floating li {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
    font-size: 10pt;
  }
  article .content ul.toc.floating.expand {
    visibility: visible;
  }
  article .content a.floatingButton {
    visibility: visible;
  }
}
@media screen and (max-width: 900px) {
  article {
    padding: 0px 10px;
  }

  article.gameGallery .gridGallery {
    grid-template-columns: repeat(4, 1fr);
  }

  article.gameGallery .gallery a.item {
    -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    max-width: 25%;
  }
  article.gameGallery .gallery a.item .infos .title {
    font-size: 11pt;
  }
  article.gameGallery .gallery a.item .infos .desc {
    font-size: 7.5pt;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-column {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }

  body.tutorials article .content .wp-block-column:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
  body.tutorials .wp-block-column + .wp-block-column {
    margin-top: 35px;
    padding-top: 45px;
    background-image: url("img/separator1.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left {
    grid-template-rows: 1fr 1fr;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }

  body.art article .content .wp-block-gallery .blocks-gallery-item:first-of-type {
    width: 100% !important;
  }

  article .content .wp-block-gallery.alignleft,
article .content .wp-block-gallery.alignright {
    float: none !important;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  article .content .wp-block-gallery.alignleft .blocks-gallery-item:first-of-type,
article .content .wp-block-gallery.alignright .blocks-gallery-item:first-of-type {
    width: auto !important;
  }
}
@media screen and (max-width: 600px) {
  header.main nav ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 350px;
    margin: auto;
  }
  header.main nav ul li {
    margin-bottom: 10px;
  }
  header.main nav ul li a {
    padding-left: 8px;
    padding-right: 8px;
  }
  header.main nav ul li .menu-item-description {
    display: none !important;
  }

  header.main nav {
    text-align: center;
  }
  header.main .social {
    position: absolute;
    float: none;
    top: 5px;
    right: 5px;
  }

  article header {
    margin-bottom: 16px;
  }
  article header .title {
    font-size: 16pt;
  }
  article header .infos {
    display: none;
  }
  article .body {
    padding: 8px;
  }
  article .intro {
    font-size: 11pt;
  }
  article .content h2.rpgMapSubTitle,
article .content h3.rpgMapSubTitle {
    font-size: 12pt;
  }

  article.list a.item {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
  }
  article.list a.item .cell-thumb {
    width: 50px;
  }
  article.list a.item .cell-infos .title {
    font-size: 12pt;
  }

  article.gameGallery .gridGallery {
    grid-template-columns: repeat(3, 1fr);
  }
  article.gameGallery .gridGallery a.item .ranks .rank img {
    width: 12px;
  }
  article.gameGallery .gridGallery a.item:not(:hover) .ranks .rank + .rank {
    margin-left: -3px;
  }

  article.gameGallery .gallery a.item {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 33.33%;
  }
  article.gameGallery .gallery a.item:hover .infos .title,
article.gameGallery .gallery a.item:hover .infos .desc {
    display: none;
  }

  footer.main {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.main #footer-sidebar1,
footer.main #footer-sidebar2,
footer.main #footer-sidebar3 {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
  }
  footer.main .optional {
    display: none !important;
  }
}
@media screen and (max-width: 370px) {
  article .content .wp-block-image figure.alignright,
article .content .wp-block-image figure.alignleft {
    display: block;
    float: none;
    max-width: none;
    margin: 0;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  article .content .wp-block-image figure.alignright img,
article .content .wp-block-image figure.alignleft img {
    width: 100%;
    height: auto;
  }
  article .content .wp-block-image figure.alignright figcaption,
article .content .wp-block-image figure.alignleft figcaption {
    display: block;
  }

  article.gameGallery .gridGallery {
    grid-template-columns: repeat(2, 1fr);
  }

  article.gameGallery .gallery a.item {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 50%;
  }
}
.wedocs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.wedocs .wedocs-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 27%;
          flex: 0 0 27%;
  margin-right: 3%;
}
.wedocs .wedocs-sidebar h3 {
  font-family: Helvetica, Arial, sans-serif;
  color: #ffc022;
  border: none;
  margin-bottom: 32px;
}
.wedocs ul.doc-nav-list li a {
  display: block;
  padding: 8px;
  border-radius: 2px;
}
.wedocs ul.doc-nav-list li a:hover {
  text-decoration: none;
  color: white;
  background-color: #424C59;
}
.wedocs ul.doc-nav-list li.current_page_item > a {
  color: black;
  background-color: #ffc022;
}
.wedocs ul.doc-nav-list li ul.children {
  margin-left: 16px;
  padding-left: 8px;
  border-left: 1px dotted #424C59;
}
.wedocs .wedocs-single-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li {
  margin: 0;
  padding: 0;
  font-size: 8pt;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li a {
  padding: 8px 0px;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li + li {
  margin-left: 10px;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li:nth-child(n+2):nth-child(-n+4) {
  display: none;
}
.wedocs .wedocs-single-content .content header {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #424C59;
}
.wedocs .wedocs-single-content .content .wedocs-doc-nav {
  border-top: 1px dashed #424C59;
  border-bottom: 1px dashed #424C59;
}
/*# sourceMappingURL=style.css.map */