@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

/* This file is for the Get the Edge, Team Prospects, Team Roster, and Top 100 Fantasy Prospects pages */

html {
    font-size: 62.5%;
    font-family: 'Roboto Condensed', sans-serif;
}

* {
    box-sizing: border-box;
}

.container {
    width: 1080px;
    margin: 0 auto;
    padding: 0px 19px 10px;
    height: 1290px;
    background: white;
}

.row {
    margin: 20px;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="one_"] {
    float: left;
    padding: 10px;
}

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}

.no_mb {
    margin-bottom: 0 !important;
}

.four_fifth {
    float: left;
    width: 80%;
    /* padding: 10px; */
}

.one_third {
    float: left;
    width: 33%;
    /* padding: 10px; */
}

.one_third_end {
    float: left;
    width: 33%;
    /* padding: 10px 0 10px; */
}

.one_half {
    float: left;
    width: 50%;
    /* padding: 10px 0 10px; */
}

.cap {
    text-transform: uppercase;
}

.subtitle {
    font-size: 1.50rem;
    color: #212529;
}

.pad_10_l {
    padding-left: 10px;
    margin-top: -20px;
    margin-bottom: -20px;
    font-size: 3rem;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_15 {
    margin-top: 15px;
}

.mt_20 {
    margin-top: 20px;
}

.pl_10 {
    padding-left: 10px;
}


.color_orange {
    color: #FF7928
}

.color_orange_light {
    color: #f59f00
}

.color_white {
    color: #fff;
}

.bg_orange_light {
    background-color: #f59f00;
}

.bg_gray {
    background-color: #adb5bd;
}

.txt_center {
    text-align: center;
}

.txt_right {
    text-align: right;
}

.txt_left {
    text-align: left;
}

.tagHead {
    border-left: 4px solid #FF7928;
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: bold;
    color: #000;
    padding-left: 5px;
    margin-top: 20px;
}

.playerHead {
    font-size: 1.5rem;
    color: #000;
    margin: 8px 0 !important;
}

.clearBoth {
    clear: both;
}

.top100 ol {
    margin-top: 0;
    margin-left: -20px;
    font-weight: bold;
    font-size: 1.2rem;
    color: #FF7928;
}

.top100 .desc {
    font-size: 1.15rem;
    padding: 25px 0 0 15px;
}

.top100 .player,
.top100 .player_desc {
    color: #000;
}

.top100 .player {
    font-size: 1.2rem;
}

.top100 .player_desc {
    font-size: 1.1rem;
    font-weight: lighter;
}

.one_third li {
    margin-bottom: 3px;
}

.blackBar {
    background-color: #000;
    padding: 4px;
    border-left: 4px solid #FF7928;
    font-weight: bold;
    color: #fff;
    font-size: 2.2rem;
}

.playerTbl {
    font-size: 1.2rem;
    margin-top: 5px;
}

#playerTbl {
    border-spacing: 0;
}

#playerTbl th,
#playerTbl td,
#draftTbl th,
#draftTbl td {
    margin: 0;
    padding: 4px;
    white-space: nowrap;
}

.playerTbl thead {
    background-color: #E1E1E1;
    color: #000;
}

.playerTbl .pRank {
    font-weight: bold;
}

.playerTbl .drRank,
.tblFooter .drRank {
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.9rem;
}

.playerTbl .sfpRank,
.tblFooter .sfpRank {
    font-weight: bold;
    color: #fff;
    background-color: #CC2936;
    font-size: 1.1rem;
    padding: 3px;
    margin-left: 1px;
}

.playerTbl .playerHead {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 0em;
}

.playerTbl .underLine {
    border-bottom: 1px solid #E1E1E1;
}

.playerTbl h1 {
    font-size: 1.75rem;
}

.playerTbl tr th,
.playerTbl tr td {
    font-kerning: normal;
    letter-spacing: 0.05px;
}

.must_draft {
    font-size: 1.2rem;
    font-weight: bolder;
}

.tblFooter {
    font-size: 1.15rem;
    margin: 15px 0;
}

.border_left {
    border-left: 1px solid #ced4da;
    margin: -8px -10px;
    padding: 8px 10px;
    height: 100%;
}

.border_bot {
    border-left: 1px solid #ced4da;
}

.one_fourth h1,
.one_fifth h1,
.top100 h1 {
    font-size: 3.0rem;
    margin: 0 0 5px;
}

.head_conference {
    font-size: 1.35rem;
    padding-bottom: 5px;
}

.team_desc {
    font-size: 1.15rem;
}

.stat_p_top {
    margin: 0 2px 3px 0;
    border-bottom: 1px solid #ced4da;
    padding: 0 3px;
}

.stat_p {
    margin: 3px 2px 3px 0;
    border-bottom: 1px solid #ced4da;
    padding: 3px;
}

.stat_p_bot {
    margin: 3px 2px 0 0;
    border-bottom: 1px solid #ced4da;
    padding: 3px;
}

.stat_p span,
.stat_p_top span,
.stat_p_bot span {
    float: right;
}

.po_result_td {
    padding: 2px 5px;
}

/* .team_leaders { background-color: #000; } */
.team_leaders h3 {
    color: #000;
    margin: 5px 0;
}

.team_leaders td:first-child {
    padding-left: 8px;
}

.team_leaders td {
    vertical-align: top;
}

.team_leaders p {
    color: #000;
}

.team_leaders .player_list {
    float: right;
    width: 60%;
}

.leader_photo {
    float: left;
    width: 40%;
    text-align: center;
}

.leader_photo img {
    width: 80%;
    height: auto;
}

.playerTbl th,
.playerTbl td {
    white-space: nowrap;
}

header {
    font-size: 1.1rem;
    color: #000;
    text-align: center;
    width: 100%;
    /* position: absolute;
  top: 8px;
  right: 0px; */
}

footer {
    font-size: 1.1rem;
    color: #000;
    text-align: center;
    width: 100%;
}

.page-header,
.page-header-space,
.page-footer,
.page-footer-space {
    padding: 5px 0;
}

.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #e1e1e1;
    /* for demo */
    font-size: 1.0rem;
    color: #000;
    text-align: center;
}

.page-header {
    position: fixed;
    top: 0mm;
    width: 100%;
    /* background: #e1e1e1; for demo */
    font-size: 1.0rem;
    color: #000;
    text-align: center;
}

.page-number {
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    border: 1px solid #000;
    padding: 1px 4px;
    margin: 0 5px;
    font-weight: bold;
}

.lineHeight_chi,
.lineHeight_phi {
    line-height: 0.8em;
}

.lineHeight_ana,
.lineHeight_ari {
    line-height: 0.9em;
}

.lineHeight_buf,
.lineHeight_nj,
.lineHeight_ott,
.lineHeight_stl,
.lineHeight_sj,
.lineHeight_was,
.lineHeight_min {
    line-height: 1em;
}

.lineHeight_det,
.lineHeight_mtl,
.lineHeight_wpg {
    line-height: 1.1em;
}

.lineHeight_dal,
.lineHeight_col,
.lineHeight_tb,
.lineHeight_tor,
.lineHeight_van,
.lineHeight_vgk {
    line-height: 1.2em;
}

.lineHeight_bos,
.lineHeight_edm,
.lineHeight_fla,
.lineHeight_car,
.lineHeight_la,
.lineHeight_nyr,
.lineHeight_pit {
    line-height: 1.3em;
}

.lineHeight_cgy,
.lineHeight_nyi,
.lineHeight_nas,
.lineHeight_cbj,
.lineHeight_sea {
    line-height: 1.4em;
}

tbody tr:nth-child(even) {
    background: rgba(211, 211, 211, 0.3);
}

/* adjust line height to fill whitespace*/

/* @media print {
    header {
      text-align: center;
      position: absolute;
      width: 100%;
      top: 8px;
      margin: 0 auto;
    }
  } */

/* From Jake */
/* font sizes */
h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1.6rem;
}

.vitals {
    font-size: 1.5rem;
}

table,
p {
    font-size: 1.2rem;
}

h2 {
    margin: 0 0 5px 0;
    padding: 1px 5px;
    text-transform: uppercase;
    /* width: 22%; */
    background: black;
    color: white;
    letter-spacing: 2px;
}

h2::before {
    content: "|";
    color: #ff7928;
    font-size: 2.2rem;
    vertical-align: middle;
    padding-bottom: 5px;
}

h2.rosterHeader {
    /* width: 50%; */
    margin-right: 15px;
}

h2.draftHeader {
    width: 200px;
}

.one_half:first-child {
    padding-left: 0;
}

.one_half:last-child {
    padding-right: 0;
}












/* from html */
body {
    counter-reset: page_num 3;
}

.row:first-child {
    margin-top: 0;
}

.pageHeader {
    text-align: center;
}

h1 {
    font-size: 3rem;
    margin-bottom: 0;
}

/* #pageNumber:after {
                color: red;
                counter-increment: page_num;
                content: "-" counter(page_num) "-";
            } */
.page-number:after {
    counter-increment: page_num;
    content: counter(page_num);
}

@media print {
    thead {
        display: none;
    }

    tfoot {
        display: none;
    }

    .page-footer {
        display: none;
    }

    /* #pageNumber:after, .pagebreak>#pageNumber:after {
                    color: red;
                    counter-increment: page_num;
                    content: "NHL Preview 2022-23 -" counter(page_num) "- SportsForecaster.com";
                } */
    .pageHeader>.page-number:after {
        counter-increment: page_num;
        content: counter(page_num);
    }
}

@media screen {
    #pageNumber:after {
        color: red;
        content: "Pages: 4-11";
    }
}