#body-text p,
#body-text li,
#content-container .pager a,
#body-text td,
#body-text th,
#section-nav li { font-size: 18px; line-height: 29px; }

#end-of-page-nav { padding-bottom: 30px; }

#gtg-panel a[href*="amazon.com"]::after { content: "\A(paid link)"; white-space: pre-wrap; }
a[href*="amazon.com"]::after { content: " (paid link)"; white-space: pre-wrap; }
a[href="https://www.amazon.com/gp/help/customer/display.html?nodeId=468496"]::after { content:"" !important; white-space: pre-wrap; }

.offcanvas-body { overflow-x: hidden; }

#thonky-section-title { font-size: larger; font-weight: normal; }
#thonky-section-title span { background-color: #ADF; }
@media (prefers-color-scheme: light)
{
    #header-top a, #header-top a:hover, #header-top a:visited
    {
        background-color: #ADF;
    }
}
@media (prefers-color-scheme: dark)
{
    #thonky-section-title span { background-color: #2A5D7F; }
}

h3[id],
h4[id],
.anchor-target { 
    border-top: 54px solid transparent;
    margin-top: -54px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.sticky-margin { 
    border-top: 54px solid transparent;
    margin-top: -54px;
}

.bg-thonky,
.bg-info.bg-thonky { background-color: #ADF!important; }
.border-thonky,
.card.border-thonky,
.btn-outline-thonky { border-color: #ADF; }

.guide-top-image { max-height: 180px; }

#thonky-offcanvas-navigation .get-the-game-sidebar { border: 1px solid black; }
.get-the-game-sidebar img { float: left; }
.get-the-game-sidebar hr { clear: both; display: block; }

#thonky-sticky-top { z-index: 2; background-color: #ADF; }
#guides-dropdown-list { z-index: 3; overflow: scroll; }

#header-top a#site-title { font-weight: bold; }

#header-top a,
#header-top a:hover,
#header-top a:visited { font-size: x-large; }

#header-top #guides-dropdown-list,
#header-top #guides-dropdown-list a,
#header-top #guides-dropdown-list a:hover,
#header-top #guides-dropdown-list a:visited { font-size: 18px; }


summary { cursor: pointer; }

.thonky-guide-image {
    background-color: #555;
    max-width: 731px;
}

.list-group-item-thonky { background-color: #adf; color: inherit; }

@media print {  
    #main-container #content-container {
       width:100% !important;
   }

   body div#body-text table.table-responsive td,
   body div#body-text table.table-responsive th { overflow: hidden; max-width: 100% !important; }

    .google-ad
    {
        display: none !important;
    }

}

.google-ad-responsive-max-height-100 { margin: 0 auto; }

.google-auto-placed + #thonky-header-responsive { display: none; }

div.table-responsive table td { background-color: transparent; }

#thonky-sidebar-ad { background-color: #555; }

@media (min-width: 768px) {
    #main-content-row.has-sidebar { max-width: 1200px; }
}

@media (max-width: 460px) {
    .advertisement-notice {
        min-height: 464px;
    }
}

@media (max-width: 830px)
{
    .advertisement-notice {
        min-height: 500px;
    }
}

@media (min-width: 831px)
{
    .advertisement-notice {
        min-height: 183px;
    }

    .thonky-sidebar-ad-ins,
    #thonky-sidebar-ad {
        min-height: 600px;
    }
}

@media (min-width: 1174px)
{
    .thonky-sidebar-ad-ins,
    #thonky-sidebar-ad {
        min-height: 250px;
    }
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.advertisement-notice { margin-top: 10px; }
.thonky-ad-row .advertisement-notice { margin-top: 0px; }
.thonky-ad-row td { padding: 0px; }

table.sortable th { cursor: pointer; }
table.sortable th::after { content: " ↕️"; }
table.sortable th.not-sortable::after { content: ""; }

.pe-1 { padding-right: .25rem; }
.pe-2 { padding-right: .5rem; }
.pe-3 { padding-right: 1rem; }

.guide-page-box .img-box,
.img-box { width: 40px; margin-right: 10px; overflow: hidden; height: 40px; display: inline; }

.guide-page-box { width: 220px; margin-right: 40px; float: left;
background-color: #aaddff; border-radius: 5px; -moz-border-radius: 5px;
height: 50px; padding: 5px; margin-bottom: 40px; text-align: left; }

.guide-page-box.end { margin-right: 0px; }

#all-games-container { padding: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

#all-games-container td { border-top: 0; border-bottom: 1px solid #ddd; }
#all-games-container table { margin-bottom: 0; }

.game-icon-cell,
.game-icon-cell img { width: 60px; }
.game-icon-cell img { height: 60px; }

.responsive-shadow { 
    width: 100%;
    overflow-y: auto;
}

.table-responsive .table { margin-bottom: 0px; }

#thonky-body-tag .table-responsive { margin-bottom: 20px; }
.table-responsive .google-ad { margin-left: -16px; }

#search-toggle-button.noscript:hover {
    display: block;
}

#thonky-navbar-collapse-nojs,
.requires-js {
    display: none;
}

#search-toggle-and-hidden-nav.noscript:hover #thonky-navbar-collapse-nojs {
    display: block;
    width: 100%;
}

#gtg-responsive {
    z-index: 1;
    position: fixed; 
    top: 71px; 
    background-color: #ADF; 
    border-top: 1px solid #e7e7e7; 
    border-right: 1px solid #e7e7e7; 
    border-bottom: 1px solid #e7e7e7; 
    right: 100%;
    }
#gtg-responsive.noscript:hover {
    width: 100%;
    left: 0;
}
#gtg-responsive.noscript:hover #gtg-resp-arrow {
    display: none;
}

#gtg-resp-close {
    font-size: large;
}
#gtg-resp-arrow {
    z-index: 9000;
    position: fixed;
    left: 0;
    top: 71px;
    height: 31px; 
    width: 22px;
    padding: 2px;
    font-size: large; 
    border-left: 0; 
    border-radius: 0 5px 5px 0;
}

#gtg-resp-body { 
    padding: 10px 10px 10px 10px;
    clear: left;
    position: relative;
}
.gtg-game { margin-bottom: 10px; }
#gtg-panel.pull-left { margin: 0 10px 10px 0; }

@media(min-width: 1174px) {
    #content-container.has-sidebar { width: 835px; }
    #thonky-sidebar { width: 339px; }
}

#content-container #last-pager.pager { margin-top: 20px; }

#content-container h2 { margin-top: 10px; }
#content-container h3 { background-color: #ADF; padding: 3px; border-radius: 5px; }
#content-container h4 { background-color: #e6f5ff; padding: 3px; border-radius: 5px; }

#content-container .pager { text-align: left; font-size: x-small; }

#content-container .pager { margin: 0 0 10px 0; }

#section-nav .navbar-header { background-color: #FFF; width: 100%; }

#section-nav .panel-default { border: 0 solid #ADF; }

#section-nav .navbar-brand { height: auto; }
#section-nav .navbar-brand img { float: left; margin-right: 2px; }

#section-nav .nav>li>a { padding: 0; }

#left-nav nav { margin-bottom: 5px; }
#thonky-left-nav-ul { max-width: 100%; }
li.thonky-left-nav-section { background-color: #ADF; }

#thonky-section-nav-collapse { padding: 0px; }
#thonky-section-nav-collapse .list-group-item { border-left: 0; border-right: 0; }

.breadcrumb { background-color: #FFF; padding: 0; margin-bottom: 10px; }
.breadcrumb li { font-size: xx-small; font-family: 'AvenirNextCondensed-Regular','Arial Narrow',sans-serif; }

.plain-game-icon { width: 60px; height: 60px; }

.game-icon { border-radius: 4px; 
    box-shadow: 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px #666;
    -webkit-box-shadow: 1px 1px 1px #666; }

.game-icon,
.game-icon img,
.game-icon a { display: inline-block; width: 60px; height: 60px; overflow: hidden; }

.game-icon { margin: 10px 0 10px 15px; }

#more-games-nav .col-md-4 { margin-bottom: 10px;  }
#more-games-nav .panel-body { padding: 0 }

#body-text li { line-height: 1.75em; height: auto; }

/*
to make a table with a number in the first cell of each row, use the class
.numbered-table on the table, and the first row .numbered-table-header-row
*/

/* reset the counter at the start of the table */
table.numbered-table { counter-reset: numbered-rows; }

/* increment the counter at each row, but not for the header row or an ad row */
table.numbered-table tr:not(tr.numbered-table-header-row):not(tr.thonky-ad-row,tr.non-numbered-row) { counter-increment: numbered-rows; }

/* put the number into the first td in the row, if it's not an ad row */
table.numbered-table tr:not(tr.thonky-ad-row,tr.non-numbered-row) td:first-child:before,  /* CSS2 Syntax */
table.numbered-table tr:not(tr.thonky-ad-row,tr.non-numbered-row) td:first-child::before  /* CSS3 Syntax */
{
    content: counter(numbered-rows);
}

span.spoiler-text-outer {
    background-color: black;
}

span.spoiler-text-inner {
    opacity: 0;
}

span.spoiler-text-outer.revealed {
    background-color: hsla(0,0%,100%,.1);
}

span.spoiler-text-outer.revealed>span.spoiler-text-inner {
    opacity: 1;
}

label.spoiler-label {
    cursor: pointer;
}

input.spoiler-checkbox {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

input.spoiler-checkbox + label.spoiler-label {
    display: inline;
    background-color: black;
}

input.spoiler-checkbox + label.spoiler-label>span {
    opacity: 0;
}

input.spoiler-checkbox:checked + label.spoiler-label  {
    background-color: lightgray;
}

input.spoiler-checkbox:checked + label.spoiler-label>span {
    opacity: 1;
}

pre {
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
}

#thonky-offcanvas-toggle-btn:hover,
#thonky-offcanvas-toggle-btn:focus {
box-shadow: initial;
}

#content-container .google-auto-placed {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 1rem !important;
    padding-bottom: 10px;
}

#content-container .google-auto-placed::before {
    content: "Advertisement \00B7  Continue Reading Below";
    display: block;
    text-align: center;
    font-size: small;
    margin-bottom: 1rem !important;
}

#content-container .google-auto-placed::after {
    content: '\A';
    display: block;
}

.textimageamazon { height: 240px; }

#thonky-pagelevel-toc ol { list-style: none; counter-reset: item; }
#thonky-pagelevel-toc ol li:before { 
    content: counters(item, ".") ". "; 
    counter-increment: item; 
}
#thonky-pagelevel-toc ol li:before,
#thonky-pagelevel-toc li.toc-mainlink,
#thonky-pagelevel-toc li.toc-sublink { font-size: medium; line-height: 175%; }

#thonky-pagelevel-toc li.toc-mainlink,
#thonky-pagelevel-toc li.toc-sublink { position: relative; }
#thonky-pagelevel-toc li.toc-mainlink:before,
#thonky-pagelevel-toc li.toc-sublink:before { text-align: right; float: right; position: absolute; }
#thonky-pagelevel-toc li.toc-mainlink:before { left: -30px; }
#thonky-pagelevel-toc li.toc-sublink:before { left: -35px; }
 
#thonky-pagelevel-toc #thonky-pagelevel-toc-toggle:after { content: "show" }
#thonky-pagelevel-toc[open] #thonky-pagelevel-toc-toggle:after { content: "hide" }

.thonky-left-nav-ul .thonky-left-nav-li { padding-left: 30px; border-bottom: 1px solid #222;  }

#thonky-body-tag { overflow-x: hidden; }
#thonky-body-tag a:has(abbr[title]),
#thonky-body-tag abbr[title] { text-decoration-line: underline; text-decoration-style: dotted; }

@media (prefers-color-scheme: dark) {
  #thonky-body-tag {
    background-color: #1f2327 !important;
    color: #f8f9fa;
  }
  h3, .h3, #header-top a, #header-top a:hover, #header-top a:visited {
    color: #212529;
  }
  .table-responsive,
  .responsive-shadow {
    background-position: right;
    background-repeat: repeat-y;
    background-size: 3%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00FFFFFF", endColorstr="#a6FFFFFF",GradientType=1 );
  }
  .thonky-left-nav-li.list-group-item,
  div.card-body,
  #section-nav,
  input.spoiler-checkbox:checked + label.spoiler-label,
  .card,
  .modal-content,
  .dropdown-menu {
    background-color: #343a40;
    color: #f8f9fa;
  }
  #thonky-body-tag table.table-bordered,
  #thonky-body-tag table.table-bordered td {
    border-color: #6c757d;
    color: #f8f9fa;
  }
  #thonky-body-tag .table-striped > tbody > tr:nth-of-type(odd) > *,
  #thonky-body-tag .table-striped > tbody > tr:nth-of-type(even) > *,
  div.card-body li,
  .bg-thonky a {
    color: #f8f9fa;
  }
  .thonky-left-nav-li.list-group-item.active {
    background-color: #495057;
  }
  a,
  #thonky-section-frontpage-toc .nav-pills .nav-link,
  #thonky-section-frontpage-toc .nav-pills .nav-link a {
    color: #8bd;
  }
  a:hover,
  .nav-link:hover,
  .nav-link:focus {
    color: #adf;
  }
  nav.navbar.bg-thonky,
  li.thonky-left-nav-section,
  h3,
  .h3, #header-top a, #header-top a:hover, #header-top a:visited,
  summary.bg-thonky,
  .bg-thonky,
  card.bg-thonky,
  .get-the-game-sidebar,
  #gtg-show-more-button2,
  #thonky-sticky-top {
    background-color: #2A5D7F !important;
    color: #fff;
  }
  h4, .h4 {
    background-color: #043759 !important;
    color: #f8f9fa;
  }
  .thonky-dt-navbar-brand,
  .figure-caption {
    color: #fff;
  }
  pre {
    border: 1px solid #666;
    background-color: #495057;
  }
  #thonky-offcanvas-navigation {
    background-color: #212529;
  }
  .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
  }
  #thonky-sticky-top nav,
  #header-top {
    border-bottom: 1px solid #f8f9fa;
  }
  .bg-thonky-text,
  .bg-thonky-text a {
    color: #f8f9fa;
  }
  #thonky-body-tag .breadcrumb-item + .breadcrumb-item::before,
  #thonky-body-tag .breadcrumb-item.active {
    color: #f8f9fa;
  }
  .bg-preferred-color,
  .btn-preferred-color {
    color: #212529;
  }
  #main-site-nav-toggler,
  #thonky-offcanvas-toggle-btn {
    border: 1px solid white;
  }
  .google-search-container table.gsc-input {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  #thonky-body-tag {
    background-color: white !important;
    color: #212529;
  }
  .bg-preferred-color,
  .btn-preferred-color {
    background-color: #495057;
    color: #f8f9fa;
  }
  .table-responsive,
  .responsive-shadow {
    background-position: right;
    background-repeat: repeat-y;
    background-size: 3%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=1 );
  }
  h3, .h3, #header-top a, #header-top a:hover, #header-top a:visited {
    color: #212529;
  }
  pre {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
  }
  .thonky-dt-navbar-brand {
    color: #212529;
  }
  .bg-thonky a {
    color: #257;
  }
  #first-pager-container .btn,
  #end-of-page-nav .btn,
  a.btn-outline-secondary {
    white-space: normal;
    color: #337ab7;
  }
  .nav-link.active {
    background-color: #e7e7e7;
  }
  #main-site-nav-toggler,
  #thonky-offcanvas-toggle-btn {
    background-color: white;
    border: 1px solid black;
    color: black;
  }
  #thonky-sticky-top nav,
  #header-top {
    border-bottom: 1px solid #888;
  }
  .bg-thonky-text,
  .bg-thonky-text a {
    color: white !important;
  }
}