/*! ================================
// Description: Custom CSS for PHPP (pool.piratehockey.ca).
// Version: 1.0
// Author: Jonathan Gallivan @ Gallivan Media
// Author URI: https://gallivanmedia.com
// Date created: Apr 09, 2019
// Date revised: May 15, 2022
*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
    _   __                           ___          
   / | / /___  _________ ___  ____ _/ (_)___  ___ 
  /  |/ / __ \/ ___/ __ `__ \/ __ `/ / /_  / / _ \
 / /|  / /_/ / /  / / / / / / /_/ / / / / /_/  __/
/_/ |_/\____/_/  /_/ /_/ /_/\__,_/_/_/ /___/\___/ 

*/button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/* Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
* { margin: 0; padding: 0; box-sizing: border-box; min-height: 0; min-width: 0; focus: none; }
* :before, * :after { box-sizing: border-box; }
body { width: 100%; height: 100%; margin: 0; padding: 0; color: #000; background-color: #f3f3f3; font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 1em; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.full-container { position: relative; width: 100%; margin: 0 auto; padding: 0; }
.boxed-container { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; }
.padded-container { position: relative; width: 100%; max-width: 1020px; margin: 0 auto; padding: 0; }
img { display: block; width: 100%; height: auto; outline: 0; }
#stage { position: relative; width: 100%; }
.anchor { display: block; margin-top: 60px; }
.anchor.first { margin-top: 0; }
@media (min-width: 959px) {
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:focus { outline: none; }
::-moz-focus-inner { border: 0; }
::selection { color: #000; background: #ddd; }
a, #open-mailing-list-subscription { color: #000; text-decoration: underline; transition: color .2s ease-in-out; }
a.no-highlight { text-decoration: none; color: #000; }
a:hover, #open-mailing-list-subscription:hover { color: #efd800; }
#open-mailing-list-subscription { display: inline-block; cursor: pointer; font-weight: bold; }
a.no-highlight:hover { color: #000; }
h1 { margin: 0 0 0px 0; padding: 15px; color: #000; font-weight: normal; font-size: 22px; line-height: 25px; text-transform: uppercase; }
h1 span { text-transform: none; font-size: 17px; }
h2 { margin: 0 0 25px 0; color: #000; font-size: 21px; line-height: 25px; }
h2.padded { margin: 30px 15px 25px 15px; }
p { margin-bottom: 25px; font-size: 17px; line-height: 21px; }
blockquote { margin-bottom: 15px; padding: 0 0 0 30px; }
ul { margin-bottom: 15px; padding: 0 0 0 30px; }
li { font-size: 17px; line-height: 21px; }
.zoom { transform: scale(.99); transition: all .2s ease-in-out; }
.zoom:hover { transform: scale(1.1); transition: all .2s ease-in-out; }
.inline { display: inline; }
.pos { color: #090; }
.neg { color: #c00; }
.fin { display: none; }
.finished .fin { display: inline; }
.eliminated { filter: grayscale(100%); filter: gray; }
.series-archive { position: absolute; right: 20px; top: 23px; color: #000; }
select { color: #000; white-space: nowrap; }
select option { white-space: nowrap; }
@media (min-width: 499px) {
	p { font-size: 2.5em; line-height: 1.3em; }
	blockquote { margin-bottom: 25px; padding: 0 60px; font-size: 2.5em; line-height: 1.3em; }
	li { font-size: 2.5em; line-height: 1.3em; }
}
@media (min-width: 799px) {
	p { font-size: 21px; line-height: 27px; }
	blockquote { font-size: 21px; line-height: 27px; }
	li { font-size: 21px; line-height: 27px; }
}
@media (min-width: 959px) {
	h1 { font-size: 24px; line-height: 27px; }
	h2 { font-size: 25px; line-height: 32px; }
	.series-archive { top: 20px; right: 15px; }
}

/* Font Sizing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fs12 { font-size: calc(13px + (13 - 12) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs16 { font-size: calc(15px + (16 - 14) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs18 { font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs22 { font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs26 { font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs36 { font-size: calc(30px + (36 - 30) * ((100vw - 300px) / (1366 - 300))); line-height: 1.3em; }
.fs26.mi { font-size: 26px; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#header-logo { margin: 30px 0; }
#header-logo img { max-width: 500px; padding: 0 15px; }
#header-partner { display: none; }
#header-partner img { max-width: 200px; max-height: 120px; }
@media only screen and (min-width: 959px) {
	#header-partner { display: block; position: absolute; right: 5px; }
}

.heading-block { padding-top: 10px; }
.logo { text-align: center; }
.logo.fs12 { padding-bottom: 5px; }
.logo img { display: inline; width: 50px; height: 50px; }
table { width: 100%; position: relative; }
th { padding: 3px; font-weight: normal; text-align: left; }
td { padding: 3px; background-color: #fff; white-space: nowrap; }
td.center, th.center { text-align: center; }
tr.table-heading td, tr.table-heading th { background: #000; color: #fff; }
tr.table-sub-heading td, tr.table-sub-heading th { background: #000; color: #fff; }
.bold { font-weight: bold; }
th[data-sort] { cursor:pointer; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
}

#page-changer { width: 100%; position:relative; z-index:100; padding: 0 0 0 15px; }
#page-changer form { width: 100%; }
.select-box { width: 100%; }
@media only screen and (min-width: 767px) {
	#page-changer { position:absolute; z-index:100; width: auto; top:100px; right:20px; }
	.select-box { width: auto; }
}

/* Select Box
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.select-wrap
{
     position: relative;
     box-sizing: border-box;
     width: 260px;
     overflow: hidden;
}
.select-box
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 260px;
     padding: 9px 9px 11px 13px;
     background-color: #ddd;
     border: none;
     border-radius: 3px;
     outline: none;
     font: 15px 'Open Sans', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #666;
     cursor: pointer;
}
.select-point
{
     position: absolute;
     top: 8px;
     right: 13px;
     font: 16px 'Open Sans', sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #666;
}
select:-moz-focusring
{
     color: transparent;
     text-shadow: 0 0 0 #000;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer { width: 100%; background-color: #000; color: #fff; }
footer p { margin: 60px 0 0 0; padding: 17px 30px; line-height: 1.3em; font-size: .75rem; text-transform: uppercase; }

/* Web Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Regular.eot'); src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald-Regular.svg#Oswald') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Oswald'; src: url('../fonts/Oswald-Bold.eot'); src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Bold.woff') format('woff'), url('../fonts/Oswald-Bold.ttf') format('truetype'), url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg'); font-weight: bold; font-style: normal; }