#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; }

.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; }
}

.thonky-fool
{
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

/*
#thonky-body-tag #content-container table { border-collapse: collapse; }

#thonky-body-tag #content-container td, #thonky-body-tag #content-container th { border-width: 1px; border-style: solid; border-color: #000000; padding: 8px; }
@media (prefers-color-scheme: dark)
{
    #thonky-body-tag #content-container td, #thonky-body-tag #content-container th { border-width: 1px; border-style: solid; border-color: #6c757d; }
}
*/

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; }
#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;
    }

}

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

/* .google-ad-responsive-max-height-100
{
    height: 100px; max-height: 100px; overflow: hidden;
} */
.google-ad-responsive-max-height-100 { width: 320px; height: 356px; margin: 0 auto; }
@media (min-width: 500px) { .google-ad-responsive-max-height-100 { width: 468px; height: 60px; margin: 0 auto; } }
@media (min-width: 800px) { .google-ad-responsive-max-height-100 { width: 728px; height: 90px; margin: 0 auto; } }

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

#thonky-header-responsive { height: 366px; }
@media (min-width: 500px) { #thonky-header-responsive { height: 70px; } }
@media (min-width: 800px) { #thonky-header-responsive { height: 200px; } }

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; }

/* .google-ad-responsive-max-height-100 { height: 290px; max-height: 290px; overflow: hidden; } */



.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 .advertisement-notice { width: calc(100vw - 16px - 60px); } */
.table-responsive .google-ad { margin-left: -16px; }

/* .table-responsive td { max-width: 50%; } */

#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; }

#gtg-chevron {
    font-size: x-large;
    font-weight: bold;
    line-height: 1em;
}

#gtg-show-more-button2,
#gtg-collapse2 {
    border-bottom: 5px solid black;
}

/* #content-container { padding: 0px!important; } */

@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 { /* padding: 2px; font-size: x-small; line-height: 12px; */ height: auto; }
#section-nav .navbar-brand img { float: left; margin-right: 2px; }

/* #section-nav .nav li { font-size: 14px !important; } */
#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; }

/*#body-text p:hover { background-color: #fcf8e3; }*/

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

.google-ad { min-width: 125px; padding-bottom: 10px; /*border: 1px solid black;*/ margin-bottom: 10px; }
.advertisement-notice { padding-top: 10px; /*border: 1px solid black;*/ margin-top: 10px; }
.thonky-ad-row .advertisement-notice { padding-top: 0px; margin-top: 0px; }
.thonky-ad-row td { padding: 0px; }

.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; /*padding-bottom: 10px;*/ }

.itunes-badge { display:inline-block;overflow:hidden;background:url(/US_UK_iTunes_Store_Get_Badge_RGB_012618.svg) no-repeat;width:135px;height:40px;background-size:contain; }

.panel-heading .accordion-toggle.js-enabled:before,
.left-nav-accordion-heading .accordion-toggle.js-enabled:before,
.list-group-item-thonky .accordion-toggle.js-enabled:before {

    content: "-";
    float: right;
    font-size: x-large;
    font-weight: bold;
    color: #337ab7;
    line-height: 1em;
}
.panel-heading .accordion-toggle.js-enabled.collapsed:before,
.left-nav-accordion-heading .accordion-toggle.js-enabled.collapsed:before,
.list-group-item-thonky .accordion-toggle.js-enabled.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "+";    /* adjust as needed, taken from bootstrap.css */
}

/*
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 {
background-color: initial;
border-color: initial;
box-shadow: initial;
filter: initial;
}  */
#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;
}

.carousel-control-prev,
.carousel-control-next { filter: invert(1); }

.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 a:has(abbr[title]),
#thonky-body-tag abbr[title] { text-decoration-line: underline; text-decoration-style: dotted; }