/*
 Theme Name:   Squiggle
 Theme URI:    https://maxbarry.com/squiggle/
 Description:  Squiggle Theme adapted from Twenty Seventeen
 Author:       Max Barry
 Author URI:   https://maxbarry.com
 Template:     twentyseventeen
 Version:      1.1.19
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  squiggle
*/

.entry-title { font-weight:bold; }
.post ol { margin:0 0 0 4em; counter-reset: item;}
.post ul { margin:0 0 0 1em; }
.post ol li { list-style-type:none;}
.post ol li, .post ul li { margin:1em 0; position:relative;}
.post ol li:before {
    content: counter(item);
    counter-increment: item;
    font-weight: 600;
    left: -3em;
    position: absolute;
	background: #444;
    color: white;
    min-width: 2em;
    text-align: center;
}

blockquote { color:#666; font-size:inherit; margin:0.25em 0 1em 0; padding:1em 0 0 1.2em; border-left:4px solid #E0E0E0; border-radius:8px; margin-bottom:1em; }

#topbarselect { height: 2em; font-weight: bold; text-transform: uppercase; font-size: 100%;}

.squiggle-game-tip-table tr.agtip td { font-weight: bold; }
.squiggle-game-tip-table th, .squiggle-game-tip-table td { text-align:center; }
.squiggle-game-tip-teamtip { max-width:80px; height:2em; margin:auto; overflow:hidden; }
.squiggle-teamtipbox { object-position:center; object-fit:cover; height:100%; width:100%;}
.squiggle-teamtipbox-WCE, .squiggle-teamtipbox-ADE, .squiggle-teamtipbox-COL { object-position:center top; }
.squiggle-teamtipbox-RIC { object-position:center 5%;}
.squiggle-teamtipbox-ADE, .squiggle-teamtipbox-WBD, .squiggle-teamtipbox-HAW { object-position:center 20%;}
.squiggle-teamtipbox-NOR { object-position:center 25%;}
.squiggle-teamtipbox-CAR { object-position:center 30%;}
.squiggle-teamtipbox-ESS { object-position:center 40%;}
.squiggle-teamtipbox-MEL { object-position:center 72%;}
.squiggle-teamtipbox-GWS { object-position:center bottom;}
.tip-correctness { color:white; border-radius:1em; padding:0 0.5em;}
.tip-correct-yes { background-color:#2eb33d; }
.tip-correct-no { background-color:#FF4136; }
#topgamebar { display:flex; justify-content:space-around; flex-wrap:wrap; margin-bottom:0.5em; }
#topgamebar:before,#topgamebar:after { content: ''; width: 100%; order: 1; } /* for forcing line break */
#wrapper-for-sly #topgamebar { display:block; }
#topgamebar .tgbtnames { display:flex; justify-content:space-around; }
#topgamebar .topgamebox { display:block; margin:5px 2px; transition:box-shadow 0.35s ease-in-out; cursor:pointer; border-radius:8px; box-shadow:0 1px 7px #CCC;}
#topgamebar .topgamebox:hover, .topgamebox:active { box-shadow:0 1px 7px #888; transition-duration:0.05s;}
#topgamebar .topgamebox .detailsline span { transition:color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;}
#topgamebar .topgamebox:hover .detailsline span, #topgamebar .topgamebox:active .detailsline span { box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); }
#topgamebar .topgamebox.gameover { opacity:0.6; }
#topgamebar .topgamebox.gameon { box-shadow:0 1px 12px #000; }
#topgamebar img.smallicon { max-width:54px; max-height:54px; margin:0 2px; position:absolute; top:0; right:0; }
#topgamebar img.smallicon:first-child { left:0; right:auto; }
#topgamebar .tgbtnames div { font-weight:bold; }
#topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:140px; }
#topgamebar .outercontainer { margin:0 auto; position:relative; }
#topgamebar .squiggle-dial { height:120px; margin:0 auto; }
#topgamebar .detailsline { text-align:center; margin:6px 0; color:#666; font-size:80%; }

header.page-header { display:none; } /* Hide "Posts" header */

img.source-icon { max-height:2.5em; max-width:8em;} /* icons for sources */

#masthead.site-header { background:#FFFFFF; }
#masthead .navigation-top, .main-navigation ul { background:#FAFAFA; }
.main-navigation > div > ul { border-top: none;} /* override weird line in responsive menu drop-down */

#main .entry-content ul { padding-left:1.25em; }

/* Round numbers on front page */
#masthead h5 { padding:0; margin:0.8em; }
#masthead a.roundnum { color:#DDD; letter-spacing:-1px; margin-left:0.8vw; transition:color 0.35s ease-in-out; }
#masthead a.roundnum.curselection, #masthead a.roundnum:hover, #masthead a.roundnum:active { color:#444; transition-duration:0.05s; }

/* Remove excess whitespace */
.site-branding { padding:0 0 1em 0; }
.site-branding .wrap { padding:0; }
#content.site-content { padding:1em 0; }

/* This stops it from disappearing on non-tiny screens! */
#masthead .navigation-top { position:static; }

/* Sticky masthead on sub-pages */
body.page #masthead {
    z-index:10;
    margin-left:20px;
    float:left;
    background: rgba(255,255,255,0);
}

@media screen and (min-width:1300px) {
    /* sticky squiggle header on wide screens */
    body.page #masthead {
	position:fixed;
	float:none;
    }
    body.home .site-branding, body.single-post .site-branding {
	position:fixed;
/* no support yet for sticky:
	position:-webkit-sticky;
	position:sticky;
*/
	float:none;
	left:1em;
    }
}

@media screen and (min-width:1300px) and (max-width:1400px) {
    .site-description-2 { max-width:120px; } /* Don't allow long text under logo */
}

body.page #main h5 { clear:right; padding-top:0; }

.squiggle-game-logos { clear:left; } /* put logos underneath squiggle masthead logo */

@media screen and (max-width: 90em) and (min-width:65em) {

    #topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:120px; }
}

@media screen and (max-width: 75em) and (min-width:65em) {

    #topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:110px; }
    #topgamebar img.smallicon { max-width:42px; max-height:42px; }
    #topgamebar { font-size:16px; }

}

@media screen and (max-width:65em) {

    .topgamebox:nth-child(n + 6) { order:1; } /* insert line break */
}

@media screen and (max-width:50em) {

    #topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:120px; }
}

@media screen and (max-width:42em) {

    #topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:110px; }
    #topgamebar img.smallicon { max-width:42px; max-height:42px; }
    #topgamebar { font-size:16px; }
}

@media screen and (max-width: 36em) {

    #topgamebar .topgamebox, #topgamebar .outercontainer, #topgamebar .squiggle-dial { width:102px; }
    #topgamebar img.smallicon { max-width:40px; max-height:40px; }
    #topgamebar { font-size:15px; }

    .topgamebox:nth-child(n + 6) { order:initial; } /* remove forced line break */
}

.squiggle-game-logos { position:relative; }
.squiggle-game-logo-box { max-width:25%; position:absolute; text-align:center; font-size:44px; font-weight:bold;}
.squiggle-game-logo-box { max-width:35%;}
.squiggle-game-logo-box p { text-shadow:0 0 3px #999, -4px 0 1px #FFF, 4px 0 1px #FFF, 0 -4px 1px #FFF, 0 4px 1px #FFF, 4px 4px 1px #FFF, -4px -4px 1px #FFF, 4px -4px 1px #FFF, -4px 4px 1px #FFF; position:absolute; left:50%; transform:translate(-50%, 0); top:3em;}
.squiggle-game-logo-box img { max-height:130px; }
.squiggle-game-logo-box-home { left:0; }
.squiggle-game-logo-box-away { right:0; }
.match-status p { text-align:center; font-weight:bold; text-align:center; font-weight:bold; text-shadow:0 0 1px #999, -4px 0 1px #FFF, 4px 0 1px #FFF, 0 -4px 1px #FFF, 0 4px 1px #FFF; z-index:10; position:relative; margin-left:32%; margin-right:32%;}

#squiggle-game-page { margin-left:-1em; margin-right:-1em; }

.site-description-2 { color:#999; }


.squiggleladderpredictor_widget table.squiggle-ladder { color: white; box-shadow: 0 1px 3px #003749; border-radius: 5px; background: linear-gradient(175deg, rgb(19, 162, 209) 10%,rgb(0, 55, 73) 100%); text-shadow: -1px -1px 1px #00495f;}
.squiggleladderpredictor_widget img { max-height: 20px; max-width: 22px; vertical-align: middle; margin: 0 4px; filter: drop-shadow(1px 1px 1px white);}
.squiggleladderpredictor_widget tr, .squiggleladderpredictor_widget thead th { border-bottom:none; padding:0; }
.squiggleladderpredictor_widget td { padding:1px; }
.squiggleladderpredictor_widget td, .squiggleladderpredictor_widget th { text-align:center; }
.squiggleladderpredictor_widget td:first-child:after { content: "."; }
.squiggleladderpredictor_widget td:nth-child(0n+2) { text-align:left; }
.squiggleladderpredictor_widget .ibox { display:inline-block; width:33px; text-align:center; }

a.live-squiggle-link,.entry-content a.live-squiggle-link img, .widget a.live-squiggle-link img { display:inline-block; box-shadow:none; -webkit-box-shadow:none;}
a.live-squiggle-link:hover { box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 1); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 4px rgba(0, 0, 0, 1); }

.highcharts-series .highcharts-dial.hover-highlight {
    stroke-width: 8px;
    stroke: rgba(229,40,40,0.4);
}

.entry-meta a { color: #999; font-weight: normal; }

#friends-of-squiggle { margin:0;}
#friends-of-squiggle li { display:inline; border:none; }
#friends-of-squiggle img { max-width:48%; margin-right:1%;}

.smalltext { font-size:80%; }

h1.pagetitle { padding-top:0;}

#leaderboard-year-selector { float:right; }
#leaderboard-table th, #leaderboard-table td { text-align:center; }
#leaderboard-table td:first-child { text-align:left; }
#leaderboard-table p { margin:0; }
#leaderboard-table .leaderboardsourcetip { transition:all 0.3s ease-out; }
#leaderboard-table .highlight { background-color:#EAEA3A; color:#000; }
.leaderboardsourcetip { border:1px solid #CCC; padding:3px 1px 1px 1px; font-size:80%;}

#toggle-lbtable-metrics { display:none;}
#toggle-lbtable-metrics2 { display:none;}

#secondary #leaderboard-round-chart-container { display:none;}
#lrc-container { height:600px; display:none; }
#leaderboard-round-chart-selector { float:right; }
#leaderboard-round-chart-buttons button.selected { background: #767676;}

@media screen and (max-width: 48em) {
    #toggle-lbtable-metrics { display:block;}
    #leaderboard-table { font-size:90%;}
    #leaderboard-table img.source-icon, .squiggle-game-tip-table img.source-icon { max-width:6em; }
    .squiggle-game-tip-table { font-size:80%;}
    .squiggle-game-logo-box p { top:2em;}
    .squiggle-game-tip-teamtip { max-width:14vw; }
    #next-and-prev-games { display:none;}
}
@media screen and (max-width: 32em) {
    .squiggle-game-tip-table { font-size:70%;}
	#leaderboard-round-chart-buttons button { padding: .8em 1em; margin-right: 0.25em;}
	#leaderboard-round-chart-selector { height:2.4em; }
	#lrc-container { margin-left:-2em; width:110%;}
}
.widget-area #toggle-lbtable-metrics2 { display:block;}
.widget-area #toggle-lbtable-metrics, .widget-area #leaderboard-year-selector, .widget-area h1.pagetitle { display:none;}
.widget-area #leaderboard-table.lbtablesimple td:nth-child(1n+4), .widget-area #leaderboard-table.lbtablesimple th:nth-child(1n+4) { display:none; }

table.tablesorter thead th.tablesorter-header { cursor:pointer; }
table.tablesorter thead th.tablesorter-header div:after { margin-left:0.3em; }
table.tablesorter.tablesorter-show-sortbuttons thead th.tablesorter-headerUnSorted:not(.tablesorter-no-sortbutton) div:after { content:"\21f3"; color:#CCC;}
table.tablesorter thead th.tablesorter-headerAsc div:after { content:"\21e7"; }
table.tablesorter thead th.tablesorter-headerDesc div:after { content:"\21e9"; }
table.tablesorter thead th.tablesorter-headerAsc, table.tablesorter thead th.tablesorter-headerDesc { background-color: #d2f0ff; }

.explain-suppressed-tip { font-size:12px; }
#tip-status-table td, #tip-status-table th { text-align:center; }
#tip-status-table th.smalltext { font-weight:normal;}
.tip-status-cat-0, .tip-status-cat-1 { color:white; font-size:90%;}
.tip-status-cat-0 { background-color:#FF4136; }
.tip-status-cat-1 { background-color:#2ECC40; }

#topgamebar-snapshot-header { display:none; text-align:center;}
#topgamebar-snapshot-header h1 { margin:0; padding:0;}

.round-summary-jumpbox { display: flex; justify-content: space-around; align-content: center; flex-wrap: wrap; }
.round-summary-jumpbox.entry-content {float:none; width:auto;}
.round-summary-jumpbox a { font-size:85%; margin:0.5em 1em; }
.round-summary-jumpbox a.this-game { border-bottom:3px solid black; }

body.page #main h5.game-page-title { clear:none;}
#next-and-prev-games { float:right; height:2em; font-size:70%;}

/* Mimic regular Twitter button but without loading all that fucking JS and CSS they try to wedge in */
#twitter-follow-button { padding:2px 8px 2px 6px; background-color:#1b95e0; color:#fff; border-radius:3px; font-size:11px;}
#twitter-follow-button i { position:relative; top:3px; display:inline-block; width:14px; height:14px; margin-right:3px; background:transparent 0 0 no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E); }
#twitter-follow-button Xspan { margin-left:3px; white-space:nowrap; display:inline-block; vertical-align:top; }