@charset "ISO-8859-1";

/*** Basic styling ***/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body, html {
	background-color:  #F0F0FA;
    text-align: center;
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
/*** fontawesome solid colors ***/
.fa-gold    { color:gold;}
.fa-blue    { color:blue;}
.fa-black   { color:black;}
.fa-green   { color:#00FF00;}
.fa-orange  {color: #FF9B00;}
.fa-lt-blue {color: #00FFFF;}
.fa-dk-grey {color: #444444;}
.fa-grey    {color: #666666;}
.fa-lt-grey {color: #BFBFBF;}
.fa-lt-yellow {color: #FFFF9e;}
.fa-red {color: red}

/*** background colors ***/
.bg-white   {background-color:white;}
.bg-gold    {background-color:gold;}
.bg-blue    {background-color:blue;}
.bg-black   {background-color:black;}
.bg-green   {background-color:#00FF00;}
.bg-yellow  {background-color:yellow;}
.bg-orange  {background-color: #FF9B00;}
.bg-lt-blue {background-color: #00FFFF;}
.bg-lt-blue2 {background-color: #B0E0E6;}
.bg-dk-grey {background-color: #444444;}
.bg-grey    {background-color: #666666;}
.bg-lt-grey {background-color: #BFBFBF;}
.bg-ex-lt-grey {background-color: #ddd;}
.bg-red     {background-color: red;}
.bg-lt-red  {background-color: #ff5150;}
.bg-lt-yellow {background-color: #ffff9e;}

/*** special show div ***/
span.special-show {
    position:absolute;
    font-size:10px;
    font-weight:bold;
    color:gold;
    width:26px;
    margin: auto;
    left:0;
    right: 0px;
    top:1px;
}
/* Desktop */
@media all and (max-width: 768px) {
    span.special-show {
        position:relative;
        font-size:14px;
        top:0;
    }
}
/*** show/hide elements ***/
.hide {
    display:none;
}
.show {
    display:block;
}

/*** anchors ***/
a {
    color: blue;
	text-decoration: none;
}
a:link, a:visited, a:active {
    font-weight: normal;
}
a:hover {
    font-weight: bold;
}
a img {
	border: 0px; 
	text-decoration: none;
}
a.lt-blue-black:link, a.lt-blue-black:visited, a.lt-blue-black:active {
    font-weight: normal;
}
a.lt-blue-black:hover {
    color: black;
    font-weight: normal;
    text-decoration: underline;
}
a.blue-black:link, a.blue-black:visited, a.blue-black:active {
    font-weight: bold;
}
a.blue-black:hover {
    color: black;
    font-weight: bold !important;
    text-decoration: underline;
}
a.grey-grey:link, a.grey-grey:visited, a.grey-grey:active {
    color: #333;
    font-weight: normal;
}
a.grey-grey:hover {
    color: #333;
    font-weight: normal;
}
    
/*** For sticky top menus ***/
.sticky-nav__wrap{
    background:#fff;
    z-index:170;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
}
.sticky-nav__main-menu-spacer {
    margin-top:63px;
}
.sticky-nav__main-sub-menu-spacer {
    margin-top:107px;
}
.sticky-nav__main-sub-menu-spacer--no-shadow {
    margin-top:104px;
}
/* not currently used - team/conf menu not sticky */ 
.sticky-nav__main-sub-team-menu-spacer {
    margin-top:193px;
}
/* release sticky headers when horizontal screen is small (450px) */
@media all and (max-height: 450px), all and (max-device-height: 450px) {

    .sticky-nav__wrap {
    background:#fff;
    z-index:170;
    width:100%;
    position:static;
    top:0;
    left:0;
    right:0;
    }
    .sticky-nav__main-menu-spacer, 
    .sticky-nav__main-sub-menu-spacer, 
    .sticky-nav__main-sub-menu-spacer--no-shadow,
    .sticky-nav__main-sub-team-menu-spacer {
        margin-top:0;
    }
}
 
/*** page loading ***/

#loading-symbol {
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.center-of-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/*** Main Menu (Sport Selection) ***/

.main-menu__container {
    width: 100%;
    background-color: #11235C;
    box-shadow: 0px 3px 3px grey;
} 
.main-menu__wrap {
    margin: 0px auto;
    padding: 0;
    max-width: 1100px; 
    height: 60px;
}
nav.main-menu__nav {
    background-color: #11235C;
    position: relative;
    z-index: 5000;
}
nav.main-menu__nav a {
    color: white;
    text-decoration: none;
}
nav.main-menu__nav .menu {
    list-style-type: none;
}
nav.main-menu__nav ul li a.logo-main-large {
    width:120px;
    height:60px;
    padding: 3px 10px 3px 7px;
    order: 0;
}
nav.main-menu__nav .item {
    padding:  10px;
}
nav.main-menu__nav .item a:hover,
nav.main-menu__nav .item a:hover::after {
    color: #999;
}

/* Mobile menu */
nav.main-menu__nav .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
nav.main-menu__nav .menu li a {
    display: block;
    padding: 10px 5px;
}
nav.main-menu__nav .item {
    order: 3;
    width: 100%;
    text-align: center;
    display: none;
}
/* responsive not the same as active links */
nav.main-menu__nav .active .item {
    display: block;
} 
nav.main-menu__nav .toggle {
    order: 1;
    font-size: 20px;
    padding-right: 20px;
}

/* Desktop menu */
@media all and (min-width: 768px) {
    nav.main-menu__nav .menu {
        align-items: flex-start;
        flex-wrap: nowrap;
        background: none;
    }
    nav.main-menu__nav .menu li a {
        display: block;
        padding: 0;
    }
    nav.main-menu__nav .item {
        order: 1;
        position: relative;
        display: block;
        width: 100px;
        height:60px;
    }
    nav.main-menu__nav .item a {    
        border-bottom: 3px solid transparent;
    }
    /* current */
    nav.main-menu__nav .item a.current {    
        border-bottom: 3px solid #B6862D;
    }
    nav.main-menu__nav .item a.social-twitter {
        width: 26px;
        height: 26px;
        padding: 7px 0px; 
    }
    nav.main-menu__nav .toggle {
        display: none;
    }
}

/*** Sub Menu (sport pages navigation)  ***/

.sub-menu__container {
    width:100%;
    background-color:#fff;
    box-shadow: 0px 3px 3px grey;
}
.sub-menu__wrap {
    margin: 0 auto;
    max-width:1100px;
    height:44px;
    background-color:#fff;
}
nav.sub-menu__nav {
    min-width: 375px;
    z-index: 4000;
}

/* 1st level */
nav.sub-menu__nav > ul {
    list-style:none;
	position:relative;
	float:left;
}
nav.sub-menu__nav > ul > li.item {
	position:relative;
	float:left;
}
nav.sub-menu__nav > ul > li.item > a {
    display:block;
    cursor: pointer;
}
nav.sub-menu__nav > ul > li.item > a.active {
    border-bottom: 3px solid blue;
}
nav.sub-menu__nav > ul > li.item > a.two-rows {
    padding: 6px 9px 5px 9px;
    font-size:12px;
}
nav.sub-menu__nav > ul > li.item > a.drop-down {
    padding: 11px 9px 0px 9px;
    font-size:13px;
}
nav.sub-menu__nav > ul > li.item > a.drop-down--two-rows {
    padding: 5px 9px 0px 9px;
    font-size:12px;
    line-height:12px;
}
nav.sub-menu__nav > ul > li.item > a:focus,
nav.sub-menu__nav > ul > li.item > a:hover {
    color:#b49543;  
}
/* regular item */
nav.sub-menu__nav > ul > li.regular > a {
    color:#333;
    font-size:14px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 13px 9px;
    border-bottom: 3px solid transparent;
}
/* sport/season item */
nav.sub-menu__nav li.season {
    border-right:2px solid grey;
}
nav.sub-menu__nav li.season > a {
    border: 0;
    color:black;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    padding:6px 10px;
    font-family: tahoma,sans-serif;
}

/* nav.sub-menu > ul > li > a:focus-within + ul, 
nav.sub-menu > ul > li > a.seasons:focus-within + ul */

/* click for submenu - (+ ul) display first ul after the anchor ( > ul ) display all of the next level ULs  */
/* @media (hover: hover) {
    nav.sub-menu__nav > ul > li:hover > ul, 
    nav.sub-menu__nav > ul > li:focus > ul {
        display: block;
        visibility: visible; 
    }
} */

/* 2nd level menus */
nav.sub-menu__nav .drop-menu {
    display: none ;
    visibility: hidden;
    list-style:none;
    position:absolute;
	top:100%;
	left:0;
	background:#fff;
    z-index: 1000;
    font-size:12px;
    padding: 10px 0;
    border: 1px solid #d5dbdb;
    border-radius: 4px;
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
nav.sub-menu__nav .drop-down-active .drop-menu {
    display: block ;
    visibility: visible;
}
nav.sub-menu__nav .drop-menu.left {
	left:0;
    right:auto;
}
nav.sub-menu__nav .drop-menu.right {
	left:auto;
    right:0;
}
nav.sub-menu__nav .drop-menu.centered {
    left: 50%;
    transform: translateX(-50%);
}

nav.sub-menu__nav .drop-menu.conferences {
    column-count: 3; 
    column-gap: 0px;
    column-rule: 1px solid #333;
}
nav.sub-menu__nav .drop-menu > li.menu-heading {
	padding: 2px 0px 2px 0px;
/*    font-weight: normal;
    text-transform: uppercase; */
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    background-color: #0b75b2;
	color: white;
}
nav.sub-menu__nav > ul > li > ul .heading{
    text-align:center;
	padding:2px 10px;
    background-color:#BBB;
    border-top: solid 3px black;
    border-bottom: solid 3px black;
}
nav.sub-menu__nav > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.sub-menu__nav > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 8px 10px;
	width:200px;
    cursor: pointer;
}
/* seasons */
nav.sub-menu__nav > ul > li > ul > li.seasons {
	width:120px;
}
nav.sub-menu__nav > ul > li > ul > li > a.seasons{
    text-align:center;
	padding: 5px 5px;
    font-size: 12px;
	width:118px;
}
/* conferences */
nav.sub-menu__nav > ul > li > ul > li.conferences {
	width:150px;
}
nav.sub-menu__nav > ul > li > ul > li > a.conferences {
    text-align:center;
	padding: 5px 5px;
    font-size: 12px;
	width:148px;
}
nav.sub-menu__nav > ul > li > ul > li > a:focus,
nav.sub-menu__nav > ul > li > ul > li > a:hover,
nav.sub-menu__nav > ul > li > ul > li > a.seasons:focus,
nav.sub-menu__nav > ul > li > ul > li > a.seasons:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
/* open a third level menu on hover */
nav.sub-menu__nav > ul > li > ul > li:hover > ul, 
nav.sub-menu__nav > ul > li > ul > li:focus > ul {
    display: block;
    visibility: visible;
}

/* third level menus */
nav.sub-menu__nav .third-menu-active .third-menu {
    display: block ;
    visibility: visible;
}
nav.sub-menu__nav > ul > li > ul > li > ul.third-menu {
    display: none;
    visibility: hidden;
    list-style:none;
    position:relative;
	top:100%;
	left:0;
	background:#ebebeb;
    z-index: 1000;
    font-size:12px;
    padding: 10px 0;
    border-top: 4px solid lightgrey;    
    border-bottom: 4px solid lightgrey;    
}
nav.sub-menu__nav > ul > li > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 6px 8px;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li.third-menu-active > a {
    background:#ebebeb;
}
nav.sub-menu__nav > ul > li > ul > li > ul > li > a:focus,
nav.sub-menu__nav > ul > li > ul > li > ul > li > a:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
nav.sub-menu__nav > ul > li > ul > li > ul.third-menu > li.menu-heading {
	padding: 3px 0px 3px 0px;
    border-top: 1px solid grey;
	border-bottom: 1px solid grey;
    color: white;
    background-color: #0b75b2;
}

/*** team nav menu ***/

.team-menu__container {
    width:100%;
    background-color:#efefef;
    border-top: 1px black solid;
    box-shadow: 0px 3px 3px grey;    
}
.team-menu__wrap {
    position: relative;
    margin:0 auto;
    max-width: 1100px;
    height: 100px;
    background-color:#efefef;
    display: flex;
    flex-wrap:nowrap; 
}
/* mobile */
.team-menu__image-container {
    position: absolute;
    top:0;
    left:0;
    height:60px;
    width: 60px;
    margin: 0 20px;
    padding: 5px;
}
.team-menu__image {
    width:100%;
    height:100%;
    border:0;
}
.team-menu__name-container {
    position: absolute;
    top:0;
    left:100px;
    height: 60px;
    width: 250px;
    text-align: left;
    font-family: Tahoma, Verdana, sans-serif;
    float:left;
}
.team-menu__name {
    float:left;
    width: 100%;
    height: 30px;   
    font-size: 16px; 
    font-weight: bold;
    padding: 8px 10px 6px 0px; 
}
.team-menu__mascot {
    display:none;
}
.team-menu__record {
    font-size: 12px; 
    font-weight: normal;
}
.team-menu__conference {
    float: left;
    height: 30px;  
    width:100%; 
    font-size: 14px; 
    font-weight: normal;
    padding: 2px 10px 14px 0px; 
}
.team-menu__rank-container {
    display:none;
}
nav.team-menu__nav {
    position: absolute;
    bottom:0;
    left:0;
    height:40px;
    max-width: 100%;
    min-width: 350px;
    padding: 0px 20px;
}

/* desktop */
@media all and (min-width: 768px) {
    .team-menu__image-container {
        position: absolute;
        top:0;
        left:0;
        width: 100px;
        height: 100px;
        margin: 0 20px;
        padding: 10px;
    }
    .team-menu__name-container {
        position: absolute;
        top:0;
        left:140px;
        height: 60px;
        width: 400px;
        font-family: Tahoma, Verdana, sans-serif; 
        float:left;
    }
    .team-menu__mascot {
        display: inline;
    }
    .team-menu__rank-container {
        position: absolute;
        top:0;
        left:550px;
        height: 60px;
        padding: 0px 10px;
        max-width: 100%;
        font-family:  Tahoma, Verdana, sans-serif;
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        flex: 0 0 auto;
        overflow: hidden; 
    }
    .team-menu__rank-live {
        flex: 0 0 200px;
        margin: 5px 0 9px 0;
        height: 46px; 
        background-color:white;
        text-align:center; 
        color: black;
        font-size: 11px;
        border: solid 2px black;
        border-radius: 10px;
    }
    .team-menu__rank-live-header {
        width: 100%; 
        padding: 0 20px;
        height: 12px; 
        line-height:12px; 
        font-size: 10px;
        font-weight:bold;
        border-bottom: black 1px solid;
    }
    .team-menu__rank-live-row2 {
        height: 30px;
        width:100%;
    }
    #div-rpi-live-content {
        float: left;
        height: 100%;
        margin:0 5px;
        line-height: 30px; 
        width: 75px; 
        overflow: hidden; 
        transition: background 3s ease 0s; 
        background-color: rgb(238, 238, 238);
    }
    #span-rpi {
        font-size: 22px; 
        font-weight: bold; 
        transition: font-size 2s ease 0s; 
        color: black;
    }
    .team-menu__rank-live-move {
        float: left;
        height: 100%;
        width: 110px;
        border-left: black 1px solid;
        padding:2px 0; 
        line-height: 12px;
        font-size:11px; 
    }
    #span-rpi-move {
        color:black;
        font-weight:bold;
    }
    #span-rpi-move-date {
        font-size: 10px;
    }
    nav.team-menu__nav {
        position: absolute;
        bottom:0;
        left:140px;
        height:40px;
        flex: 0 0 auto;
        padding: 0px 5px;
    }
}
nav.team-menu__nav .team-drop-down-active .drop-menu {
    display: block ;
    visibility: visible;
}
nav.team-menu__nav .drop-menu.left {
	left:0;
    right:auto;
}
nav.team-menu__nav .drop-menu.right {
	left:auto;
    right:0;
}
nav.team-menu__nav ul {
    list-style:none;
    position:relative;
	float:left;
}
nav.team-menu__nav ul li {
	position:relative;
	float:left;
}
nav.team-menu__nav ul li a {
    display:block;
    color:black;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
nav.team-menu__nav ul li a {
    padding: 11px 10px;
    border-bottom: 3px solid transparent;
}
nav.team-menu__nav ul li a.active {
    border-bottom: 3px solid black;
}
nav.team-menu__nav ul li a.two-rows {
    padding: 4px 10px 3px 10px;  
}
nav.sub-menu__nav > ul > li > a.drop-down {
    cursor: pointer;  
}
nav.team-menu__nav ul li a:focus,
nav.team-menu__nav ul li a:hover {
    color:#b49543;  
}
/* nav.team-menu > ul > li > a:focus-within + ul, 
nav.team-menu > ul > li > a.seasons:focus-within + ul */

/* click for submenu - (+ ul) display first ul after the anchor ( > ul ) display all of the next level ULs 
nav.team-menu__nav > ul > li:hover > ul, 
nav.team-menu__nav > ul > li:focus > ul {
    display: block;
    visibility: visible;
}*/

/* 2nd level menus */
nav.team-menu__nav > ul > li > ul {
    display:none;
    visibility: hidden;
    list-style:none;
    position:absolute;
	top:100%;
	left:0;
	background:#fff;
    z-index: 1000;
    font-size:12px;
    padding: 10px 0;
    border: 1px solid #d5dbdb;
    border-radius: 4px;
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
nav.team-menu__nav > ul > li > ul > li {
	position:relative;
    float:none;
}
nav.team-menu__nav > ul > li > ul > li > a {
    display:block;
    color:#333;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
	padding: 8px 10px;
	width:200px;
}
nav.team-menu__nav > ul > li > ul > li > a:focus,
nav.team-menu__nav > ul > li > ul > li > a:hover {
	background-color: #ebebeb;
    color: #b49543; ;
}
/* nav.team-menu__nav > ul > li > ul > li:hover > ul, 
nav.team-menu__nav > ul > li > ul > li:focus > ul {
    display: block;
    visibility: visible;
} */


/* .team-menu__rank-container { 
    diplay flex on desktop */


/*** conference nav menu ***/

.conf-menu__container {
    width:100%;
    background-color:#efefef;
    border-top: 1px black solid;
    box-shadow: 0px 3px 3px grey;    
}
.conf-menu__wrap {
    margin:0 auto;
    max-width: 1100px;
    height: 100px;
    background-color:#efefef;
    display: flex;
    flex-wrap:nowrap; 
}
/* mobile */
.conf-menu-left {
    position:relative;
    height: 100%;
    min-width:350px;
    max-width: 550px;
}
.conf-menu-right {
    display:none;
}
.conf-menu__image-container {
    position: absolute;
    top:0;
    left:0;
    height:60px;
    width: 60px;
    margin: 0 20px;
    padding: 5px;
}
.conf-menu__image {
    width:100%;
    height:100%;
    border:0;
}
.conf-menu__name-container {
    position: absolute;
    top:0;
    left:100px;
    padding: 18px 10px 18px 30px;
    height: 60px;
    width: 250px;
    text-align: left;
    font-family: Tahoma, Verdana, sans-serif; 
    font-size: 20px; 
    font-weight: bold;
}
nav.conf-menu__nav {
    position: absolute;
    bottom:0;
    left:0;
    height:40px;
    max-width: 400px;
    min-width: 350px;
    padding: 0px 20px;
}
/* in between */
@media all and (min-width: 640px) {
    .conf-menu-right {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
    }
}
/* desktop */
@media all and (min-width: 768px) {
    .conf-menu-left {
        position:relative;
        height: 100%;
        width:550px;
    }
    .conf-menu-right {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
    }
    .conf-menu__image-container {
        position: absolute;
        top:0;
        left:0;
        width: 100px;
        height: 100px;
        margin: 0 20px;
        padding: 10px;
    }
    .conf-menu__name-container {
        position: absolute;
        top:0;
        left:140px;
        padding: 18px 10px 18px 30px;
        height: 60px;
        width: 300px;
        text-align: left;
        font-family: Tahoma, Verdana, sans-serif; 
        font-size: 20px; 
        font-weight: bold;
    }
    nav.conf-menu__nav {
        position: absolute;
        bottom:0;
        left:140px;
        height:40px;
        width:400px;
        padding: 0px 5px;
    }
}
nav.conf-menu__nav ul {
    list-style:none;
    position:relative;
	float:left;
}
nav.conf-menu__nav ul li {
	position:relative;
	float:left;
}
nav.conf-menu__nav ul li a {
    display:block;
    color:black;
    font-size:12px;
    font-weight:normal;
    line-height:15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
nav.conf-menu__nav ul li a {
    padding: 11px 10px;
    border-bottom: 3px solid transparent;
}
nav.conf-menu__nav ul li a.active {
    border-bottom: 3px solid black;
}
nav.conf-menu__nav ul li a.two-rows {
    padding: 4px 10px 3px 10px;  
}
nav.conf-menu__nav ul li a:focus,
nav.conf-menu__nav ul li a:hover {
    color:#b49543;  
}
/* conf data blocks*/
.conf-menu__info-container {
    flex: 0 0 110px;
    margin: 7px 10px 0 0; 
    height:41px;  
    background-color:white;
    text-align:center; 
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    border: solid 2px black;
    border-radius: 15px;
}
.conf-menu__info-container.large {
    flex: 0 0 160px; 
}
.conf-menu__info-heading {
    height:15px;
    line-height:15px;
    color: black;
    font-size: 12px;
    font-weight: normal;
}
.conf-menu__info-data {
    height:22px; 
    line-height:22px; 
    color: black; 
    font-family: Tahoma; 
    font-size: 18px; 
    font-weight: bold;
}
.conf-menu__info-data.small {
    font-size: 13px; 
}

/*** footer ***/ 

 .footer__wrap {
    width: 100%;
    margin: 0;
    padding:0;
    background-color: #11235C;
    box-shadow: 0px -3px 3px grey;
}
.footer__notes {
    margin:0 auto;
    padding: 10px 0px;
    min-width:320px;
    color:white;
    padding-bottom:100px
}
.footer__notes a {
    text-decoration:none;
    color: #EEE;
}
.footer__ad-container {
    margin-bottom:10px;
    width:100%;
    text-align:center;
}

/*** main body ***/
h1{
    display: block;
    font-size: 1.8em;
    font-weight: bold;
    padding: 10px 0px;
}
h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 7px 0px;
}
h2.align-left {  
    margin-right:auto;
    padding-left: 10px;
} 
h2.section-title {
    width:100%;
    text-align:left;
    padding:20px 10px 10px 10px;
}
h3{
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding: 7px 0px;
}
h3.align-left {  
    margin-right:auto;
    padding-left: 10px;
} 
.subtitle {
    padding: 3px 0px;
    font-size: 1em;
}
.stats-definition-title {
    padding: 17px 0px;
    font-size: 1.25em;
}
.key-container {
    width: 100%;
    padding: 3px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.key-label {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.key-info {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
}
.key-subdivision {
    flex: 0 1 auto;
    flex-wrap: wrap;
    margin: 0;
    display:flex;
}

#container-x {
    width:100%;
    background-color: #F0F0FA;
    font-family: Tahoma;
    font-size:12px;
    text-align:center;
    height: auto;
}
.main-body-x {
    margin:0px auto;
    max-width:1100px;
    background-color: #F0F0FA;
    display: flex;
    justify-content: space-evenly;
    flex-flow: wrap;
    z-index: 3000;
}
 /* main body row types */
.main-body-row-flex-wrap {
    max-width:1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}
.main-body-row__flex-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    background-color: white;
    border: 2px solid #e3e3e3;
    border-radius: 20px;
    padding: 20px;
    margin-top: 10px;
}
.main-body-row-flex-wrap-white-with-border {
    max-width:1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	background-color: white;
	border: 1px solid black;
	border-radius: 7px;
	margin-top: 10px;
}
.main-body-row-flex-left-wrap {
    max-width:1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.main-body-row-flex-scroll {
    width:1100px;
    display: flex;
 /*   justify-content: flex-start; 
    align-items: flex-start; */
    overflow-x: auto;
}
.main-body-row__flex-scroll {
    width: 100%;
    display: flex;
    overflow-x: auto;
    background-color: white;
    border: 2px solid #e3e3e3;
    border-radius: 20px;
    margin-top: 10px;
}

.main-body-row__flex-scroll-column {
    flex: 0 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.main-body-row-float {
    float: left;
    width:100%;
    text-align: left;
    padding: 10px;
}
/* generic title row to work with main body row types */
.title-row {
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}
.main-body-row__title {
    display: flex;
	width:100%;
    justify-content: space-between;
	text-align: left;
    margin-top: 10px;
}
.main-body-row__title.border {
    border-bottom: 2px solid grey;
}
.main-body-row__title.extra-top-margin {
    margin-top: 40px;
}
.main-body-row__title.wrap-reverse {
    align-items: flex-end;   
    flex-wrap: wrap-reverse;
}

.main-body-row__title .container__titles {
    display: flex;
    flex-direction: row;
}
.main-body-row__title .container__forms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
}

.main-body-row__title .title {
    padding: 0px 10px;
}
.container__team-image {
    height:80px;
    width: 80px;
    min-width: 80px;
    padding: 10px;
}
.team-image {
    width:100%;
    height:100%;
    border:0;
}
.main-body-row__title .title .team-info { 
    font-size: 16px; 
    font-weight: bold;
    padding: 10px 10px 0px 0px; 
}
.main-body-row__title .title .record {
    font-size: 12px; 
    font-weight: normal;
}
.main-body-row__title .title .conference-info {
    font-size: 14px; 
    font-weight: normal;
    padding: 4px 10px 3px 0px; 
}
.container__conf-image {
    height:80px;
    width: 80px;
    min-width: 80px;
    padding: 10px;
}
.conf-image {
    width:100%;
    height:100%;
    border:0;
}
.main-body-row__title .form {
    text-align: center;
    padding: 10px;
}
/* seasons - select list */
#seasons-list {
    min-width:70px;
    text-align:center;
}



.main-body-row {
    display: flex;
    width: 100%;
    align-items: center;
	margin-top: 10px;
}



/* generic key row to work with main body row types */
.key-row {
    text-align: left;
    padding: 10px;
    border-bottom: 2px solid grey;
}
.main-body-row__key {
    display: flex;
    width:100%;
    text-align: left;
    padding: 5px 10px;
    border: 2px solid lightgrey;
    border-radius: 10px;
    margin-top: 10px;
    background-color: #e0e0ff;
}

/*** In page menu bar ***/

/*** In page menu bar ***/

.in-page-menu {  
    width: 100%;
    min-width: 320px;
    border-bottom: 1px grey solid;
} 
.in-page-menu.top-row {  
    border-top: 1px grey solid;
} 
.in-page-menu ul {  
    padding: 3px 0px;  
    float: left;    
}  
.in-page-menu ul li {  
    display: inline;
}  
.in-page-menu ul li a {  
    float: left;
    text-decoration: none;
    color: black;
    margin:3px 5px;
    padding: 5px 15px;
    border:solid 2px black;
    border-radius: 10px;
    background-color: white;
}   
.in-page-menu ul li a:visited{  
    color: black;
}  
.in-page-menu ul li a:hover,
.in-page-menu ul li a:focus
{  
    font-weight: normal;
    color:#0b75b2;  
    border : solid 2px #0b75b2;
    border-radius: 10px;
}
.in-page-menu ul li a.current{  
    font-weight: normal;
    color: #fff;  
    background-color:#0b75b2;
    border : solid 2px black;
    border-radius: 10px;
}
.in-page-menu ul li a.conference-link {  
    width:150px;
    text-align: center;
}   


.in-page-menu-2 {  
    width: 100%;
    display: flex;
	align-items: center;
    color:black;
    background-color: white;
	overflow-x: auto;
    border: 2px solid lightgrey;
    border-radius: 10px;
} 
div.in-page-menu-2__title {
	margin-right: 10px;
	padding: 5px 15px;
	min-width: 100px;
	border-right: 1px solid blue;
}
.in-page-menu-2 ul {  
    list-style-type: none;
	display: flex;
	align-items: center;    
}  
.in-page-menu-2 ul li {  
    display: flex;
    flex-wrap: wrap;
    padding: 5px 10px;    
}  
.in-page-menu-2 ul li a {  
    display: flex;
    font-weight:normal;
    color: black;
    padding: 5px 0;
    border-bottom:2px solid transparent; 
}   
.in-page-menu-2 ul li a:visited{  
    font-weight:normal;
    color: black;

}  
.in-page-menu-2 ul li a:hover,
.in-page-menu-2 ul li a:focus
{  
    font-weight:normal;
    color: black;
    border-bottom:2px solid gold; 
    background-color: #f8f8f8;
}
.in-page-menu-2 ul li a.current{  
    font-weight:normal;
    color: black;
    border-bottom:2px solid #0b75b2;
}

/*** Logo+Team Name Logo+Conf Name ***/

.logo-name-container{
    display:flex;
    align-items:center;
}
.logo-name-container-fixed-width {
    display:flex;
    align-items:center;
    flex: 0 0 175px;
}
.logo-subcontainer {
    width:35px; 
    padding: 3px; 
    text-align:center;
}
.name-subcontainer {
    margin-left:5px;
    text-align: left;
}


/*** Flex Boxes ***/

/* Full Width */
.full-width-box-x {
    flex: 1 0 auto;
    margin: 20px 10px;
    align-self: flex-start;
}
.container__full-width {
    flex: 1 0 auto;
    padding: 20px;
    align-self: flex-start;
}
.container__title {
    display: flex;
    width: 100%;
    flex-direction: column; 
	text-align: left;
}

/* Calendar New Method*/

/* datepicker input - hidden */
#datepicker,
#datepicker-predict {
    opacity: 0; 
    width:1px;
    padding-left: 20px;

    /* Add a heavy drop shadow for depth */
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
    
    /* Ensure the background is solid white (not transparent) */
    background: #ffffff !important;
}
/* calendar icon */
.ui-datepicker-trigger {
    width: 25px;
    height: 25px;
}
/* auto generated calendar */
#ui-datepicker-div {
    font-size: 12px;
}



/* Calendar */
.title-scoreboard-box-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 375px;
    align-self: flex-start;
}
.title-calendar-box-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 250px;
    align-self: flex-start;
}
/* Poll Box - vary 350 to 450 */
.poll-box-x {
    flex: 1 1 auto;
    padding: 20px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}
/* AutoBid Box - vary 350 to 450 */
.autobid-box-x {
    flex: 1 1 auto;
    margin: 20px 10px 0px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}
/* Predict winner Box - vary 400 to 500 */
.predict-winner-box-x {
    flex: 1 1 auto;
    margin: 5px 5px 15px 5px;
    min-width: 400px;
    max-width: 500px;
    align-self: flex-start;
    border: 1px solid black;
    border-radius: 10px;
    overflow:hidden;
}

/* Simulations Boxes */

/* regional simulation Box - vary 350 to 450 */
.simulation__regional-box {
    flex: 1 1 auto;
    margin: 20px 10px 10px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-family: Droid Serif, sans-serif;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2);
}
.simulation__regional-box.complete {
    background-color: #00a4ff20;
    /* background-color: #D5F5E3; */
}
.simulation__regional--title {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    font-size: 14px; 
    font-weight: bold;
    line-height: 20px;  
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
    color:white;
    font-family: Open sans, Helvetica,Arial,sans-serif ;
}
.simulation__regional--table {
    width:100%; 
    text-align:center;
    margin: 5px 0;
}
.simulation__regional--table th {
    text-align: center;
    font-size: 12px; 
    font-weight: bold;
    line-height: 18px;
}
.simulation__regional--table td {
    text-align: center; 
    font-size: 12px; 
    font-weight: normal;
    line-height: 18px;
}
.simulation__regional--checkmark {
    color: #003dff;
    /* color:green; */ 
    font-weight:bold; 
    font-size:15px;
}

/* Stats Menu Boxes */

/* (300 max) use this to hold accordion menu on stat pages */
.stats-menu-box-x {
    flex: 1 1 auto;
    margin: 20px 10px;
    max-width: 300px;
    align-self: flex-start;
    text-align: left;
    display: none;
}
@media all and (min-width: 690px) {
    .stats-menu-box-x {
        display: block;
    }
}
/* use as main menu page - single for mobile - split for desktop */
.stats-menu-box-single {
    display: block;
    flex: 1 1 auto;
    margin: 20px 10px;
    max-width: 300px;
    align-self: flex-start;
    text-align: left;
}
.stats-menu-box-split {
    display: none;
}

@media all and (min-width: 660px) {
    .stats-menu-box-single {
        display: none;
    }
    .stats-menu-box-split {
        display: block;
        flex: 0 0 300px;
        margin: 20px 10px;
        align-self: flex-start;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 3px 10px rgb(0 0 0 / .2);
    }
}

/* Stats Box - vary 350 to 450 */
.stats-box-x {
    flex: 1 1 auto;
    margin: 20px 0px;
    padding: 0px 10px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}

.stats-box {
    flex: 1 1 auto;
    margin: 10px 0px;
    padding: 0px;
    min-width: 350px;
    max-width: 450px;
    align-self: flex-start;
}

/* News box - vary 350 to 450 */
.news-box-x {
    flex: 1 1 auto;
    margin: 20px 10px;
    min-width: 350px;
    max-width: 350px;
    align-self: flex-start;
}

/*** Teams & Conferences Lists ***/

.teams-list__container {
    display: flex;
    flex-wrap:wrap;
    border:1px solid black;
    border-radius: 15px;
    background:white;
    margin:10px;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;
}
.teams-list__conf-title {
    flex: 0 0 100%;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    padding:15px 5px 5px 20px;
    border-bottom:1px solid grey;
}
/* mobile - number of teams sets height */
.conferences-list__container {
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    width:100%;
    border:1px solid black;
    border-radius: 15px;
    background:white;
    margin:10px;
    padding:5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}
.conferences-list__info-block {
    width: 220px;
    margin: 0px 10px 20px 0px;
    display: flex;
    flex-wrap: wrap;
}
.conferences-list__links {
    width:220px;
    font-size:12px;
    line-height:25px;
    padding:0px 0px 0px 35px;
}
/* max height = (confs * 80) + 10 padding
where 'confs' is the total conferences divided by the number of columns,
then perform a ceiling function (go up to next highest integer) */
 
/* min width = (total cols * 230) + 42 margin/border/pad 
min width 2 cols = (2 * 230) + 42 = 502px 
min width 3 cols = (3 * 230) + 42 = 732px
min width 4 cols = (4 * 230) + 42 = 962px */

/* 1 column */
.conf-height--33-teams {
    max-height:2650px;
}
.conf-height--32-teams {
    max-height:2570px;
}
.conf-height--14-teams {
    max-height:1130px;
}
.conf-height--12-teams {
    max-height:970px;
}
/* 2 columns */
@media all and (min-width: 510px) {
    .conf-height--33-teams {
        max-height:1370px;
    }
    .conf-height--32-teams {
        max-height:1290px;
    }
    .conf-height--14-teams {
        max-height:570px;
    }
    .conf-height--12-teams {
        max-height:490px;
    }
}
/* 3 columns */
@media all and (min-width: 740px) {
    .conf-height--33-teams {
        max-height:970px;
    }
    .conf-height--32-teams {
        max-height:890px;
    }
    .conf-height--14-teams {
        max-height:410px;
    }
    .conf-height--12-teams {
        max-height:330px;
    }
}
/* 4 columns */
@media all and (min-width: 970px) {
    .conf-height--33-teams {
        max-height:730px;
    }
    .conf-height--32-teams {
        max-height:650px;
    }
    .conf-height--14-teams {
        max-height:330px;
    }
    .conf-height--12-teams {
        max-height:250px;
    }
}

/*** statbox ***/

.statbox-x {
    flex: 0 0 auto;
    margin: 10px 10px;
    width: 350px;
    display: table;
    table-layout: fixed;
    align-self: flex-start;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(0 0 0 / .2);
}
.statbox-x-header {
    display: table-caption;
    font-weight: bold;
    padding: 7px;
    /* line-height: 30px; */
    text-align: center;
    color: white;
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
}
.statbox-x-row {
    display: table-row;
    text-align: left;
    background-color: white;
    font-size: 12px;
    font-weight: normal;
}
.statbox-x-cell {
    display: table-cell;
    padding: 10px;
}
.statbox-x ul {
    margin: 0;
    padding: 0;
}
.statbox-x ul li {
    list-style-type: none;
}
.statbox-x ul li.title {
    font-weight: bold;
    padding-bottom: 5px;
}

/*** Stats-Menu ***/

.stats-menu-header {
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    background-color: #2A4E75;
    color: white;
    font-size:14px;
    font-weight:bold;
    padding: 10px 25px;
    text-align: center;
}
.stats-menu-content  {
    padding: 5px 0px;
   /*  text-indent: 10px;  
   text-align: justify; */
    line-height:22px;
    font-size:16px;
    background-color: #fff;
    text-align: left;
}
.stats-menu-content ul {
  list-style-type:none;
  margin: 0;
  padding: 10px 25px;
}
.stats-menu-content ul li a {
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
}
.stats-menu-content ul li a:hover {
  text-decoration:underline;
  font-size:14px;
  font-weight:normal;
}

/*** Accordion Menu ***/

input.accordion,
.accordion-content {
    display: none;
}
label.accordion,
input.accordion:checked + .accordion-content {
    display: block;
}
label.accordion  {
    cursor: pointer;
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    color: #fff;
    font-size:14px;
    font-weight:bold;
    padding: 10px 25px;
    border: 1px solid #000;
    margin-top: -1px;
}
label.accordion:hover {
    background: linear-gradient(to bottom, #2A4E75, #4085CA);
}
article.accordion-content ul {
  list-style-type:none;
  margin: 0;
  padding: 10px 25px;
}
article.accordion-content ul li a {
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
}
article.accordion-content ul li a:hover {
  text-decoration:underline;
  font-size:14px;
  font-weight:normal;
}
.accordion-content  {
    padding: 5px 0px;
   /*  text-indent: 10px;  
   text-align: justify; */
    border: 1px solid #000;
    border-top: none;
    line-height:22px;
    font-size:16px;
    background-color: #fff;
}

/*** button - jump to top ***/

/* on mobile move button above sticky ads (up 100 px) */
#btn-JumpToTop {
    display: none;
    position: fixed;
    bottom: 30%;
    right: 0px;
    z-index: 99000;
    height: 75px;
    width: 35px;
    border: 2px rgb(54, 54, 54) solid;
    border-right: 0;
    outline: none;
    background-color: rgba(128,128,128,.7);
    color: white;
    cursor: pointer;
    border-radius: 10px 0 0 10px;
    padding: 2px;
}
#btn-JumpToTop:hover {
    background-color: #555;
}
/*
@media all and (min-width: 660px) {
    #btn-JumpToTop {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 0px;
        z-index: 99000;
        height: 75px;
        width: 35px;
        border: 2px rgb(54, 54, 54) solid;
        border-right: 0;
        outline: none;
        background-color: rgba(128,128,128,.7);
        color: white;
        cursor: pointer;
        border-radius: 10px 0 0 10px;
        padding: 2px;
    }
}
*/

/*** button - Team Sheets Min max ***/

.button-ts-min-max {
    background-color: #efefef;
    color: black;
    font-size: 14px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 15px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);  
}
.button-ts-min-max:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 5px 10px 0 rgb(0 0 0 / 19%);  
}

/*** button - link to another page ***/

.button__page-link {
    background-color: #efefef;
    color: black;
    font-size: 12px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 15px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    border: 1px black solid;
    box-shadow: 0 6px 6px 0 rgb(0 0 0 / 26%), 0 10px 20px 0 rgb(0 0 0 / 19%);
}
.button__page-link:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 5px 10px 0 rgb(0 0 0 / 19%);   
}

/*** Conference Weekly Schedule ***/

.conf-sched__daily-group {
    margin: 20px 10px 0 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.conf-sched__date {
    margin: 24px 0 8px 0;
    text-transform: uppercase;
    font-size: 16px;
    min-height: 34px;
    font-family: All-ProSans,Helvetica,Arial,sans-serif;
}
.conf-sched__game-container {
    margin-top: 8px;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    align-items: stretch;
    justify-content: flex-start;

    max-height: 80px;
    min-height: 70px;
    width: 100%;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    overflow: hidden;
    font-size: 14px;
    font-family: All-ProSans,Helvetica,Arial,sans-serif;
    border-left: 6px solid transparent;

}
.conf-sched__game-container.conf-game {
    border-left: 6px solid blue;
}
.conf-sched__game-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width: 100%;
    margin: 5px 0 10px 10px;
    font-weight: bold;
}

.conf-sched__game-info.canceled {
    color:red;
}
.conf-sched__matchup {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    max-width: 800px;
    min-width: 180px;
}
.conf-sched__team--road {
    display:flex;
    align-items: center;
    width: 47%;
    flex-direction: row-reverse;
    font-size: 16px;
}
.conf-sched__team--home {
    display:flex;
    align-items: center;
    width: 47%;
    font-size: 16px;
}
.conf-sched__game-location {
    padding: 0 15px;
    font-size: 16px;
    font-weight: bold;
}
.conf-sched__score {
    font-size: 20px;
    font-weight: bold;
    min-width: 32px;
    text-align: center;
    border-bottom: 2px solid transparent;
}
.conf-sched__score.winner {
    border-bottom: 2px solid green;
}
.conf-sched__team-name {
    font-size: 14px;
    min-width: 32px;
    text-align: center;
}
/* .conf-sched__team-name--full {
    padding-right: 16px;
    font-size: 16px;
}
.conf-sched__team-name--short {
    font-size: 14px;
    text-transform: uppercase;
} */
.conf-sched__team-logo {
    width: 40px;
    padding: 0 5px;
}
.conf-sched__team-record {
    display:none;
    font-size: 14px;
    padding: 0 8px;
}

/* desktop */
@media all and (min-width: 768px) {
    .conf-sched__game-container {
        margin-top: 8px;
        display: flex;
        flex-flow: row wrap;
        flex-grow: 1;
        align-items: stretch;
        justify-content: flex-start;
        height: 50px;
        max-height: 50px;
        min-height: 50px;
        width: 100%;
        background-color: #fff;
        color: #333;
        border-radius: 4px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
        overflow: hidden;
        font-size: 14px;
        font-family: All-ProSans,Helvetica,Arial,sans-serif;
    }
    .conf-sched__game-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding-left: 10px;
        width: 185px;
        font-weight: bold;
    }
    .conf-sched__team-name {
        font-size: 16px;
        min-width: 32px;
        text-align: center;
    }
    .conf-sched__team-record {
        display: none;
        font-size: 14x;
        padding: 0 8px;
    }    


}



/* in between */
@media all and (min-width: 900px) {
    .conf-sched__team-record {
        display: block;
        font-size: 14px;
        padding: 0 8px;
    }    
}



/*** Team Sheets / Nitty Gritty ***/

/* Small */
.ts-small-container {
    width: 215px;
    margin-right: 5px; 
    margin-bottom: 5px;
    font-size: 12px;
    color: black;
    background-color: white;
    border: 1px solid black;
    float: left;
}
.ts-small-toggle {
    width: 22px;
    padding: 8px 4px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    float: left;
}
.ts-small-rank {
    width: 35px;
    padding: 7px 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    float: left;
}
.ts-small-teamname {
    width: 156px;
    padding: 0;
    text-align: center; 
    font-size: 12px;
    font-weight: bold;
    float: left;
}
.ts-small-conference {
    font-size: 12px;
    font-weight: normal;
}
/* Normal */
.ts-wrapper {
    width: 100%;
    margin: 10px 5px;
}
.ts-container {
    width: 100%;
    outline: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.ts-full-width{
    flex: 0 0 100%;
    justify-content: center;
    display: flex;
}
.ts-half-width{
    flex: 0 0 50%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.ts-flex-size-0 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 0px;
    padding: 2px 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-flex-size-1 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 250px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-flex-size-2 {
    flex: 1 auto;
    background-color: white;
    outline: 1px solid black;
    min-width: 350px;
    padding: 2px 2px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ts-toggle {
    text-align:left;
    width: 25px;
    padding: 8px 4px;
    font-size:12px;
    font-weight:normal;
}
.ts-rank {
    width: 50px;
    padding: 14px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ts-teamname {
    flex: 1 auto;
    padding: 0px 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.ts-title-full-width {
    flex: 0 0 100%;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-half-width {
    flex: 1 50%;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-right {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}
.ts-title-center {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-data-center {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}
.ts-data-right {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}
.ts-data-left {
    flex: 1 auto;
    padding: 0px 6px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}
.ts-narrow-title {
    display: block;
    font-weight: bold;
}
.ts-wide-title {
    display: none;
    font-weight: bold;
}
@media all and (min-width: 700px) {
    .ts-narrow-title {
        display: none;
        font-weight: bold;
    }
    .ts-wide-title {
        display: block;
        font-weight: bold;
    } 
}
/* Quadrants / Quads */
.ts-quad-container {
    width: 100%;
    outline: 1px solid black;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.ts-quad-flex-box {
    flex: 1 1 auto;
    min-width: 265px;
    max-width: 265px;
    padding: 5px 0px 10px 0px;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: flex-start;
}
.ts-quad-subdivision {
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
}
.ts-quad-top-title {
    flex: 0 0 100%;
    padding: 3px 5px;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    display: flex;
}
.ts-quad-label-box{
    flex: 1 auto;
    flex-wrap: wrap;
    margin: 3px 5%;
    border: 2px solid black;
    border-radius: 10px;
    width: 90%;
    font-weight:bold;
    display: flex;
    overflow: hidden;
}
.ts-quad-title-center {
    flex: 1 auto;
    padding: 3px 6px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.ts-quad-subtitle {
    flex: 0 0 100%;
    padding: 8px 5px 2px 5px;
    font-weight: bold;
    border-bottom: 1px solid black;
    justify-content: center;
    display: flex;
}

.ts-nitty-container {
    flex: 0 0 100%;
    flex-wrap: wrap;
    padding: 3px 0px;
    text-align: center;
    font-size: 10px;
    display: flex;
}
.ts-nitty-row {
    flex: 1 auto;
    flex-wrap: wrap;
    padding-top: 2px;
}
.ts-nitty-rank {
    float:left;
    font-size: 11px;
    width:20px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-location {
    float:left;
    font-size: 11px;
    width:15px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-opponent {
    float:left;
    font-size: 11px;
    width:140px;
    margin-right: 2px;
    text-align: left;
}
.ts-nitty-score {
    float:left;
    font-size: 11px;
    width:20px;
    margin-right: 2px;
    text-align: center;
}
.ts-nitty-score-span {
    float:left;
    font-size: 11px;
    width:44px;
    text-align: center;
}
.ts-nitty-date {
    float:left;
    font-size: 11px;
    width:40px;
    text-align: center;
}
.ts-nitty-nonconf {
    background-color: #00FFFF;
}
.ts-nitty-loss {
    background-color: red;
    color: white;
}
.ts-nitty-tie {
    background-color: yellow;
}
.ts-nitty-ot {
    background-color: #BFBFBF;
}


.ts-nitty-home {
    background-color: #00FF00;
}
.ts-nitty-road {
    background-color: #FF9B00;
}

.ts-big-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}
.ts-big-type1 {
    flex: 1 1 auto;
    min-width: 100px;
    max-width:250px;
    align-self: flex-start;
}
.ts-big-type2 {
    flex: 1 1 auto;
    min-width: 100px;
    max-width:250px;
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
}
.ts-big-title {
    flex: 1 1 auto;
    width: 100%;
    align-self: flex-start;
    text-align:center;
    font-weight:bold;
}


.ts-big-teamname {
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

.ts-label {
    flex: 0 0 50px;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.ts-info {
    flex: 0 0 auto;
    margin: 3px 20px 3px 0px;
    align-self: flex-start;
    line-height: 20px;
    font-size: 12px;
}
.ts-subdivision {
    flex: 0 0 auto;
    margin: 0;
    display:flex;
}


/*** Tables ***/

table.normal-grid {
    border: 1px solid #2A4E75;
    border-spacing: 0;
    width:100%;
    background-color:#CFCFCF ;
}

table.no-border {
    border:0;
}

table.white-rows tr td { background-color: #ffffff;}

table.alternating-rows tr:nth-child(even) td { background-color: #f0f0f0;}
table.alternating-rows tr:nth-child(odd) td { background-color: #ffffff;}

table.stats-table {

}
table.stats-table tbody tr:hover td {
    border-top: 1px solid #2A4E75;
    border-bottom: 1px solid #2A4E75;
    background-color: #dfe7f1;
}
table.polls-expanded__games {
    width:100%;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
table.polls-expanded__games tr,
table.polls-expanded__games td {
    background-color: rgba(0, 0, 0, 0.0) !important;
}
table.polls-expanded__games tr td,
table.polls-expanded__games tr:hover td {
    border-top: none !important;
    border-bottom: none !important;
}

th.top-header {
    background: linear-gradient(to bottom, #4085CA, #2A4E75);
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.top-header-light {
    background-color: #4085CA;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.top-header-dark {
    background-color: #2A4E75;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
td.team-logo-cell, 
td.conf-logo-cell, 
td.image-cell {
    font-weight: normal;
    font-size: 12px;
    color: black;
    padding: 3px;
    text-align: center;
    width:35px;   
}
td.data-cell {
    font-weight: normal;
    font-size: 12px;
    color: black;
    padding: 3px;    
}
td.no-data {
    background-color: #bbb !important;
}
td.regular-height {
    line-height: 30px;
}
td.data-center {
    text-align: center;
}
td.data-left {
    text-align: left;
}
td.data-right {
    text-align: right;
}
td.data-small {
    font-size: 10px;
}
td.data-medium {
    font-size: 14px;
}
td.data-large {
    font-size: 16px;
}
td.data-bold {
    font-weight: bold;
}
td.cell-bottom-normal {
    border-bottom: 1px solid #ccc;    
}
td.cell-bottom-black-normal {
    border-bottom: 1px solid black;    
}
td.cell-bottom-black-medium {
    border-bottom: 2px solid black;    
}
td.cell-bottom-blank {
    border-bottom: 0px ;    
}
th.cell-right-normal, td.cell-right-normal {
    border-right: 1px solid #ccc;    
}
th.cell-right-black, td.cell-right-black {
    border-right: 1px solid black;    
}
th.cell-right-blank, td.cell-right-blank {
    border-right: 0px ;    
}
td.extra-padding-top {
    padding-top:15px;
}
td.rank-delta-up {
    background-color: #99FF00 !important;
    color: black !important;
}
td.rank-delta-down {
    background-color: #FF0000 !important;
    color: white !important;
}

th.stats-record {
    padding: 5px 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    background-color:#FFEC00;
    border-bottom: 1px solid black;
}

td.division-spacer {
    padding-left:20px !important;
    line-height:24px !important;
    text-align: left !important;
    text-transform:uppercase !important;
    font-size:14px !important;
    font-weight:bold !important;
    border-bottom: 1px solid #ccc !important;
    background-color: black !important;
    color:white !important;
}

a.polls-cell-team-name-link:link,
a.polls-cell-team-name-link:visited,
a.polls-cell-team-name-link:active {
    color: blue;
    font-weight: normal;
    text-decoration: none;
    text-align:center;
    font-size:12px;
    font-weight:bold;    
}
a.polls-cell-team-name-link:hover {
    color: black;
    font-weight: normal;
    text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid black;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

/*** Table - Sorting ***/

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-keep,
th.sortable-date-dmy,
th.sortable-numeric,
th.sortable-currency,
th.sortable-sortByTwelveHourTimestamp,
th.sortable-sortIPAddress,
th.sortable-sortEnglishLonghandDateFormat,
th.sortable-sortScientificNotation,
th.sortable-sortImage,
th.sortable-sortFileSize {
    background: url(/images/common/sorter-both.gif) no-repeat right center, linear-gradient(to bottom, #4085CA, #2A4E75) ;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px 12px 5px 5px;
}
th.no-sort {
    background: linear-gradient(to bottom, #4085CA, #2A4E75) ;
    height:30px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    padding: 5px;
}
th.forwardSort {
    background: #4085CA url(/images/common/sorter-asc.gif) no-repeat right center;
}
th.reverseSort {
    background: #4085CA url(/images/common/sorter-desc.gif) no-repeat right center;
}
th.sortable a:link, th.sortable a:visited,
th.sortable a:hover, th.sortable a:active,
th.sortable-text a:link, th.sortable-text a:visited,
th.sortable-text a:hover, th.sortable-text a:active,
th.sortable-date a:link, th.sortable-date a:visited,
th.sortable-date a:hover, th.sortable-date a:active,
th.sortable-keep a:link, th.sortable-keep a:visited,
th.sortable-keep a:hover, th.sortable-keep a:active,
th.sortable-date-dmy a:link, th.sortable-date-dmy a:visited,
th.sortable-date-dmy a:hover, th.sortable-date-dmy a:active,
th.sortable-numeric a:link, th.sortable-numeric a:visited,
th.sortable-numeric a:hover, th.sortable-numeric a:active,
th.sortable-currency a:link, th.sortable-currency a:visited,
th.sortable-currency a:hover, th.sortable-currency a:active,
th.sortable-sortByTwelveHourTimestamp a:link, th.sortable-sortByTwelveHourTimestamp a:visited,
th.sortable-sortByTwelveHourTimestamp a:hover, th.sortable-sortByTwelveHourTimestamp a:active,
th.sortable-sortIPAddress a:link, th.sortable-sortIPAddress a:visited,
th.sortable-sortIPAddress a:hover, th.sortable-sortIPAddress a:active,
th.sortable-sortEnglishLonghandDateFormat a:link, th.sortable-sortEnglishLonghandDateFormat a:visited,
th.sortable-sortEnglishLonghandDateFormat a:hover, th.sortable-sortEnglishLonghandDateFormat a:active,
th.sortable-sortScientificNotation a:link, th.sortable-sortScientificNotation a:visited,
th.sortable-sortScientificNotation a:hover, th.sortable-sortScientificNotation a:active,
th.sortable-sortImage a:link, th.sortable-sortImage a:visited,
th.sortable-sortImage a:hover, th.sortable-sortImage a:active,
th.sortable-sortFileSize a:link, th.sortable-sortFileSize a:visited,
th.sortable-sortFileSize a:hover, th.sortable-sortFileSize a:active {
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

/*** Tournament Schedule Table ***/
table.tournament-schedule-table tbody tr:hover td {
    border-top: 1px solid #2A4E75;
    border-bottom: 1px solid #2A4E75;
    background-color: #dfe7f1;
}

table.tournament-schedule-table td.date-row {
    text-align: left; 
    padding:5px 10px; 
    color:white; 
    background-color: #595959 !important; 
    font-size:12px;
}
table.tournament-schedule-table td.game-cell {
    color: black;
    padding: 3px;
    font-size:14px;
    font-weight: normal;
    text-align: left; 
}
table.tournament-schedule-table td.game-number {
    font-weight: bold;
    height: 35px;
    width:100px;
}
table.tournament-schedule-table td.game-status {
    text-align: center; 
    width:100px;
}
table.tournament-schedule-table td.team1-info {
    text-align: right; 
}
table.tournament-schedule-table td.team2-info {
    text-align: left; 
}
table.tournament-schedule-table td.score {
    font-weight: bold;
    text-align: center; 
}
table.tournament-schedule-table td.score.winner{
    background-color: lightgreen;
}
table.tournament-schedule-table td.seed-info {
    text-align: center; 
    width:85px;
}
table.tournament-schedule-table td.network-info {
    text-align: center; 
    width:85px;
}

/*** Scorebox ***/

.scorebox {
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 360px;
    max-width: 450px;
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
}
.scorebox.rounded {
    border-radius: 10px;
}
@media all and (min-width: 700px) {
    .scorebox {
    flex: 1 1 auto;
    margin: 10px;
    min-width: 375px;
    max-width: 450px;
    background-color: white;
    border: 1px solid black;
    }   
}
.baseball-scorebox {
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 350px;
    max-width: 350px;
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden;
}
@media all and (min-width: 768px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 374px;
        max-width: 374px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 820px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 400px;
        max-width: 400px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 1095px) {
    .baseball-scorebox {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 350px;
        max-width: 350px;
        background-color: white;
        border: 1px solid black;
    }
}

/*** start new area ***/
.sb--baseball {
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 350px;
    max-width: 350px;
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden;
}
@media all and (min-width: 768px) {
    .sb--baseball {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 374px;
        max-width: 374px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 820px) {
    .sb--baseball {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 400px;
        max-width: 400px;
        background-color: white;
        border: 1px solid black;
    }
}
@media all and (min-width: 1095px) {
    .sb--baseball {
        flex: 1 1 auto;
        margin: 10px 5px;
        min-width: 350px;
        max-width: 350px;
        background-color: white;
        border: 1px solid black;
    }
}


.sb__status {
    padding : 5px 0 5px 0;
    width:100%;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    color: black; 
    display: flex;
    align-items: center;
    border-bottom: solid 1px #CCC;
}
.sb__status .hide {
    display:none;
}
.sb__status .BSO {
    padding-right: 20px;
    text-align: right;
    font-weight:bold; 
    font-size:12px;
    width: 0;
    flex : 1 1 0;
}
.sb__status .base-runners {
    text-align: left;
    height:26px; 
    display:inline-block;
    width: 0;
    flex : 1 1 0;
}





/*** end new area ***/

.scorebox-header {
    padding: 3px 10px;
    width: 100%;
    min-height: 16px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    text-align: right;
    background-color: #2A4E75;
    background-image: linear-gradient(#4187CE, #2A4E74);
}
.scorebox-header-row-2 {
    display:none;
    padding: 3px 10px;
    width: 100%;
    height: 2px;
    text-align: left;
}
img.live-game-bar {
    display: block;
    width: 50px;
    height: 2px;
    border-style: none; 
}  
img.possession-symbol {
    padding:0px 2px;
    width: 16px;
    height: 12px;
    border-style: none; 
}  
.in-game-status {
    text-align: center;
    font-size: 12px;
    padding: 4px 10px;
    border-top: 1px solid #CCC;
}

.scorebox-content {
    width:100%;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    color: black; 
}
.scorebox-content table {
    width: 100%;
    border-collapse: collapse;
}
.scorebox-content-top-row {
    border-bottom: solid 1px #CCC;
}
.score {
    padding: 3px;
    min-width: 15px;
    font-size: 14px;
    text-align: center;
}
.score-game-clock {
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.score-winner {
    padding: 0px;
    width:16px;
    font-size: 12px;
    font-weight: bold;
}
.score-team-logo {
    padding: 3px;
    width: 25px;
}
.score-team-name {
    padding: 3px;
    min-width: 15px;
    font-size: 14px;
    text-align: left;
}
.score-team-name a, a:visited, a:active {
    color: blue;
    font-weight: normal;
    text-decoration: none;
}
.score-team-name a:hover {
    color: black;
    font-weight: normal;
    text-decoration: underline;
}
span.score-record {
    font-size: 12px;
}
.score-total {
    padding: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/*** mbb boxscore potential remove start***/
.box-score-stat-container {
    width:100%;
    padding: 15px 5px 10px 5px;
    vertical-align:top;
    border-top: 1px solid black;
}
table.score-mbb-box {
  border-collapse:collapse;
  border:0;
}
th.score-mbb-box, th.score-wide-mbb-box {
  padding: 0 0 5px 0;
  text-align: center;
  border-bottom: 1px solid #cbccce;
  font-size: 10px;
  font-weight: normal;
}
td.score-mbb-box-team {
  padding: 5px 0;
  min-width: 31px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top: none;
  font-weight: normal;
}
td.score-mbb-box {
  padding: 5px 0;
  min-width: 25px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top:none;
  font-weight: normal;
}
td.score-wide-mbb-box {
  padding: 3px 0;
  min-width: 38px;
  font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #cbccce;
  border-left: 1px solid #cbccce;
  border-top:none;
  font-weight: normal;
}
td.score-mbb-box:last-child {
  border-right: 1px solid #cbccce;
}  
/*** mbb boxscore potential remove end***/

.scorebox-special-info {
  padding: 5px 10px;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #ccc;
  background-color: whitesmoke;
}
.inning-scoreboard {
    display: none;
    background-color: white;
    width: 100%;
    padding: 15px 10px 10px 10px;
    border-top: solid 1px #CCC;
    vertical-align: top;
}
th.score2 {
    padding: 0 0 5px 0;
    text-align: center;
    width: 25px;
    color: #48494a;
    border-bottom: 1px solid #cbccce;
    background-color: white;
    font-weight: normal;
    font-size: 10px;
}
th.score2:first-child {
    width:40px !important;
}
td.score2 {
    color: #48494a;
    padding: 5px 0;
    width: 25px;
    font-family: "BentonSans",-apple-system,"Roboto",Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #cbccce;
    border-left: 1px solid #cbccce;
    border-top: none;
    background-color: white;
    font-weight: normal;
}
td.score2:first-child {
    width:40px !important;
}
td.score2:last-child {
    border-right: 1px solid #cbccce;
}
.inn-R,
.inn-H,
.inn-E {
    background-color:#f2f2f2 !important;
}
.live-win-prob{
    display: none;
    background-color: white;
    width: 100%;
    font-size: 11px;
    min-height: 34px;
    padding: 8px 10px;
    text-align: center;
    vertical-align: top;
}
.live-win-prob__title{
    width: 37%; 
    float: left;
    padding: 2px 0;
}
.live-win-prob__team-name{
    width: 13%; 
    float: left;
    padding: 2px 0;
}
.live-win-prob__percent{
    width: 17%;
    float: left;
    padding:2px 5px; 
}
.live-win-prob__percent.prob-left{
    border-radius: 10px 0 0 10px;
}
.live-win-prob__percent.prob-right{
    border-radius: 0 10px 10px 0;
}
.baseball-scorebox__box-recap {
    background-color: white;
    width: 100%;
    line-height: 36px;
    font-size: 12px;
    padding: 0px 25px;
}
.button__box-recap {
    background-color: #efefef;
    color: black;
    font-size: 12px;
    padding: 3px 5px;
    margin: 0 10px 8px 0;
    border-radius: 10px;
    opacity: 1;
    transition: 0.3s;
    cursor: pointer; 
    border: 2px black solid;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 26%), 0 6px 12px 0 rgb(0 0 0 / 19%);    
}
.button__box-recap:hover {
    background-color: #ccc;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 26%), 0 4px 8px 0 rgb(0 0 0 / 19%); 
}



.button-custom-scoreboard {
    background-color: #ccc;
    color: black;
    font-size: 14px;
    padding: 7px 25px;
    margin: 10px;
    border-radius: 10px;
    opacity: 0.8;
    transition: 0.3s;
    cursor: pointer;    
}
.button-custom-scoreboard:hover {
    opacity: 1;  
}

/*** Predict Winners ***/

.pred-winner__container {
    background-color: white;
    display: flex;
    flex: 1 1 auto;
    margin: 10px 5px;
    min-width: 310px;
    max-width: 540px;
    align-self: flex-start;    
}


/*** Team Impact ***/

/* Ladder */
.ladder__background--highlight {
    background:#FFEC00 !important;
}
.ladder__border-bottom--regular {
    border-bottom:#cfcfcf 1px solid;
}
.ladder__border-bottom--big-gap {
    border-bottom:black 5px double;
}
.ladder__game-summary{
    margin: 0px 5px 20px 5px;
    width:350px;
    background-color: #fff ;
    color: black;
    font-size:14px;
    line-height:20px;
    border:1px solid black;
    border-radius: 10px;
    clear:both;
}
.ladder__game-summary__half-left {
    float:left;
    width:50%;
    padding:5px;
    text-align:right;
}
.ladder__game-summary__half-right {
    float:left;
    width:50%;
    padding:5px;
    text-align:left;
}
.ladder__no-games{
    float:left;
    margin-bottom:75px;
    padding: 10px 0px;
    width:100%;
    text-align:center;
    font-size:14px;
    font-weight:normal;
}

/*** select control ***/ 
#seasons-list,
#conferences-list,
#stats-list,
#weeks-list,
#scoreboard-list {
    font-size: 14px;
    height: 24px;
}

/*** Generic grid for "title and season" ***/
/*** min width 360 - 20px padding = 340px ***/
/*** side-by-side menu doesn't fit 450px - 20px padding = 430px ***/ 

.title-seasons__grid-container {
    display: grid;
    grid:
        "seasons" auto
        "title" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 450px) {
    .title-seasons__grid-container {
        grid:
            "title  seasons" auto
            / minmax(280px, 1fr) 150px; /* Defines column sizes */
    }
}
.title-seasons__grid-container > div {
    font-size: 12px;
    padding: 10px 0px;
}

.title-seasons__grid-container .title {
	grid-area: title;
    place-self: center start;
    font-size: 22px;
    font-weight: bold;

}
.title-seasons__grid-container .seasons {
	grid-area: seasons;
    place-self: center end;
}

/*** Generic grid for "title subtitle and season" ***/
/*** min width 360 - 20px padding = 340px ***/
/*** side-by-side menu doesn't fit 450px - 20px padding = 430px ***/ 

.title-subtitle-seasons__grid-container {
    display: grid;
    grid:
        "seasons" auto
        "title" auto
        "subtitle" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 450px) {
    .title-subtitle-seasons__grid-container {
        grid:
            "title      seasons" auto
            "subtitle   ." auto
            / minmax(280px, 1fr) 150px; /* Defines column sizes */
    }
}
.title-subtitle-seasons__grid-container > div {
    font-size: 12px;
    padding: 10px 0px;
}

.title-subtitle-seasons__grid-container .title {
	grid-area: title;
    place-self: center start;
    font-size: 22px;
    font-weight: bold;
}
.title-subtitle-seasons__grid-container .subtitle {
	grid-area: subtitle;
    place-self: center start;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
}
.title-subtitle-seasons__grid-container .seasons {
	grid-area: seasons;
    place-self: center end;
}

/*** Generic grid for "title conference and season" ***/
/*** min width 360 - 20px padding = 340px ***/
/*** 1x1x1 750px - 20px padding = 730px ***/ 
/*** 1x2 menu needs 600px - 20px padding = 580px ***/ 

.title-conferences-seasons__grid-container {
    display: grid;
    grid:
        "seasons" auto
        "conferences" auto
        "title" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 600px) {
    .title-conferences-seasons__grid-container {
        grid:
            "title      seasons" auto
            "title   conferences" auto
            / minmax(330px, 1fr) 250px; /* Defines column sizes */
    }
}
@media all and (min-width: 750px) {
    .title-conferences-seasons__grid-container {
        grid:
            "title  conferences seasons" auto
            / minmax(330px, 1fr) 250px 150px; /* Defines column sizes */
    }
}
.title-conferences-seasons__grid-container > div {
    font-size: 12px;
    padding: 10px 0px;
}

.title-conferences-seasons__grid-container .title {
	grid-area: title;
    place-self: end start;
    font-size: 22px;
    font-weight: bold;
}
.title-conferences-seasons__grid-container .conferences {
	grid-area: conferences;
    place-self: center end;
}
.title-conferences-seasons__grid-container .seasons {
	grid-area: seasons;
    place-self: center end;
}

/*** Generic grid for "title subtitle week and season" ***/
/*** min width 360 - 20px padding = 340px ***/
/*** 1x1x1 750px - 20px padding = 730px ***/ 
/*** 1x2 menu needs 600px - 20px padding = 580px ***/ 

.title-subtitle-weeks-seasons__grid-container {
    display: grid;
    grid:
        "seasons" auto
        "weeks" auto
        "title" auto
        "subtitle" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 600px) {
    .title-subtitle-weeks-seasons__grid-container {
        grid:
            "title      seasons" auto
            "subtitle   weeks" auto
            / minmax(330px, 1fr) 250px; /* Defines column sizes */
    }
}
@media all and (min-width: 750px) {
    .title-subtitle-weeks-seasons__grid-container {
        grid:
            "title      seasons" auto
            "subtitle   weeks" auto
            / minmax(330px, 1fr) 250px; /* Defines column sizes */
    }
}
.title-subtitle-weeks-seasons__grid-container > div {
    font-size: 12px;
    padding: 10px 0px;
}

.title-subtitle-weeks-seasons__grid-container .title {
	grid-area: title;
    place-self: end start;
    font-size: 22px;
    font-weight: bold;
}
.title-subtitle-weeks-seasons__grid-container .subtitle {
	grid-area: subtitle;
    place-self: center start;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
}
.title-subtitle-weeks-seasons__grid-container .weeks {
	grid-area: weeks;
    place-self: center end;
}
.title-subtitle-weeks-seasons__grid-container .seasons {
	grid-area: seasons;
    place-self: center end;
}

/*** scores page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/
/*** side-by-side menu doesn't fit 500px - 20px padding = 480px ***/ 

.scores-page-title__grid-container {
    display: grid;
    grid:
        "scores-drop" auto
        "title" auto
        "scores-date" auto

        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 500px) {
    .scores-page-title__grid-container {
        grid:
            "title          scores-drop" auto
            "scores-date    scores-drop" auto
            / minmax(280px, 1fr) 200px; /* Defines column sizes */
    }
}
.scores-page-title__grid-container > div {
    font-size: 12px;
}

.scores-page-title__grid-container .title {
	grid-area: title;
    place-self: center start;
    font-size: 20px;
    font-weight: bold;
}

.scores-page-title__grid-container .scores-drop {
	grid-area: scores-drop;
    place-self: start end;
    padding-bottom: 10px;
}
.scores-page-title__grid-container .scores-date {
	grid-area: scores-date;
    place-self: center start;
    display: flex;    
    align-items: center;
    padding: 15px 0px;
    font-size: 18px;
    font-weight: bold;
}


/*** scoreboard page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/
/*** side-by-side menu doesn't fit 500px - 20px padding = 480px ***/ 

.scoreboard-page-title__grid-container {
    display: grid;
    grid:
        "seasons" auto
        "scoreboards" auto
        "title" auto
        "subtitle" auto

        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 500px) {
    .scoreboard-page-title__grid-container {
        grid:
            "title          seasons" auto
            "subtitle       scoreboards" auto
            / minmax(205px, 1fr) 275px; /* Defines column sizes */
    }
}
.scoreboard-page-title__grid-container > div {
    font-size: 12px;
}

.scoreboard-page-title__grid-container .title {
	grid-area: title;
    place-self: center start;
    font-size: 20px;
    font-weight: bold;
}

.scoreboard-page-title__grid-container .subtitle {
	grid-area: subtitle;
    place-self: center start;
    display: flex;    
    align-items: center;
    padding: 15px 0px;
    font-size: 18px;
    font-weight: bold;
}

.scoreboard-page-title__grid-container .scoreboards {
	grid-area: scoreboards;
    place-self: start end;
    padding-bottom: 10px;
}

.scoreboard-page-title__grid-container .seasons {
	grid-area: seasons;
    place-self: center end;
    padding-bottom: 10px;
}

/*** stats page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/
/*** side-by-side menu doesn't fit at 700px ***/ 

.stat-page-title__grid-container {
    display: grid;
    grid:
        "season" auto
        "stat-drop" auto
        "category"  auto
        "stat" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
}
@media all and (min-width: 690px) {
    .stat-page-title__grid-container {
        grid:
            "season" auto
            "category"  auto
            "stat" auto
            / 1fr; /* Defines column sizes */
    }
}
.stat-page-title__grid-container > div {
    font-size: 12px;
}

.stat-page-title__grid-container .season {
	grid-area: season;
    place-self: start end;
    margin-bottom: 15px;
}

.stat-page-title__grid-container .stat-drop {
	grid-area: stat-drop;
    place-self: center end;
    padding: 7px 0px;
    display: block;
}
@media all and (min-width: 690px) {
    .stat-page-title__grid-container .stat-drop {
        place-self: start end;
        margin-bottom: 15px;
        display: none;
    }
}
.stat-page-title__grid-container .category {
	grid-area: category;
}
.stat-page-title__grid-container .stat {
	grid-area: stat;
}

/*** Conference page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/

.conference-page-title__grid-container {
    display: grid;
    grid:
        ".          season     season" auto
        ".          conf-drop  conf-drop" auto
        "logo       name        name"  auto
        "logo       record      record"  auto
        "logo       rank1       rank2"  auto
        "page       page        page" auto
        / 70px 100px minmax(170px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 590px) {
    .conference-page-title__grid-container {
        grid:
            "logo   name    name    season" auto
            "logo   record  record  conf-drop" auto
            "logo   rank1   rank2   conf-drop" auto
            "page   page    page    . "  auto
            / 70px 100px minmax(150px, 1fr) 250px; /* Defines column sizes */
    }
}
.conference-page-title__grid-container > div {
    font-size: 12px;
}

.conference-page-title__grid-container .season {
	grid-area: season;
    place-self: start end;
    padding-bottom: 10px;
}
.conference-page-title__grid-container .conference-drop {
	grid-area: conf-drop;
    place-self: start end;
    padding-bottom: 10px;
}
.conference-page-title__grid-container .conference-logo {
	grid-area: logo;
    place-self: center;
    margin-right: 10px;
}
.conference-page-title__grid-container .conference-logo img {
    width:  60px;
    height: 60px;
    max-width: 100%;
    display: block;
}
.conference-page-title__grid-container .conference-name {
	grid-area: name;
    font-size: 20px;
    font-weight: bold;
    place-self: end start ;
    padding-bottom: 5px;
}
.conference-page-title__grid-container .conference-record {
	grid-area: record;
    place-self: end start ;
    padding-bottom: 5px;
}
.conference-page-title__grid-container span.record {

}
.conference-page-title__grid-container .conference-rank1 {
	grid-area: rank1;
    place-self: end start ;
}
.conference-page-title__grid-container .conference-rank2 {
	grid-area: rank2;
    place-self: end start ;
}
.conference-page-title__grid-container span.rank {

}

.conference-page-title__grid-container .page-name {
	grid-area: page;
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
}

/*** All Conference page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/

.all-conference-page-title__grid-container {
    display: grid;
    grid:
        "season" auto
        "conf-drop" auto
        "name"  auto
        "page" auto
        / minmax(340px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 590px) {
    .all-conference-page-title__grid-container {
        grid:
            "name   season " auto
            "page   conf-drop"  auto
            / minmax(320px, 1fr) 250px; /* Defines column sizes */
    }
}

.all-conference-page-title__grid-container > div {
    font-size: 12px;
}

.all-conference-page-title__grid-container .season {
	grid-area: season;
    place-self: start end;
    padding-bottom: 10px;
}

.all-conference-page-title__grid-container .conference-drop {
	grid-area: conf-drop;
    place-self: start end;
    padding-bottom: 10px;
}

.all-conference-page-title__grid-container .conference-name {
	grid-area: name;
    font-size: 20px;
    font-weight: bold;
    place-self: end start ;
}

.all-conference-page-title__grid-container .page-name {
	grid-area: page;
    font-size: 22px;
    font-weight: bold;
    place-self: end start ;
    padding-top: 20px;
}

/*** Team page - title row grid ***/ 
/*** min width 360 - 20px padding = 340px ***/

.team-page-title__grid-container {
    display: grid;
    grid:
        "season season" auto
        "logo   team"  auto
        "logo   conference"  auto
        "page   page" auto
        / 70px minmax(270px, 1fr); /* Defines column sizes */
  
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0 10px;
    min-width: 340px;
    border-bottom: 2px solid lightgray;
}
@media all and (min-width: 590px) {
    .team-page-title__grid-container {
        grid:
            "logo   team        season" auto
            "logo   conference  ." auto
            "page   page        ."  auto
            / 70px minmax(350px, 1fr) 150px; /* Defines column sizes */
    }
}
.team-page-title__grid-container .season {
	grid-area: season;
    place-self: start end;
    padding-bottom: 10px;
}

.team-page-title__grid-container .team-logo {
	grid-area: logo;
    place-self: center;
    margin-right: 10px;
}
.team-page-title__grid-container .team-logo img {
    width:  60px;
    height: 60px;
    max-width: 100%;
    display: block;
}
.team-page-title__grid-container .team-info {
	grid-area: team;
    font-size: 18px;
    font-weight: bold;
    place-self: end start ;
    padding-bottom: 5px;
}
.team-page-title__grid-container .conference-info {
	grid-area: conference;
    font-size: 16px;
    font-weight: bold;
    place-self: end start ;
}
.team-page-title__grid-container .line {
	display: inline-block;
}
.team-page-title__grid-container .record {
    font-size: 14px;
    font-weight: normal;
}
.team-page-title__grid-container .page-name {
	grid-area: page;
    font-size: 22px;
    font-weight: bold;
    place-self: end start ;
    padding-top: 20px;
}

/*** Team - grid title ***/ 

.team__grid-container-title {
    width:100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 10px 0px 10px;    
}


/*** Team - records grid ***/ 

.team-records__grid-container {
    display: grid;
    grid:
        "record . ." auto
        "home road neutral"  auto
        "conf nonconf postseason" auto
        / 100px 100px 100px; /* Defines column sizes */
    grid-gap: 1px;    
    margin: 10px 10px 0 10px;
}
@media all and (min-width: 450px) {
    .team-records__grid-container {
        grid:
            "record home road neutral" auto
            "conf nonconf postseason ."  auto
            / 100px 100px 100px 100px; /* Defines column sizes */
    }
}
@media all and (min-width: 750px) {
    .team-records__grid-container {
        grid:
            "record home road neutral conf nonconf postseason"  auto
            / 100px 100px 100px 100px 100px 100px 100px; /* Defines column sizes */
    }   
}
.team-records__grid-container > div {
	background-color: white;
    padding: 4px;
    text-align: center;
    outline: 1px solid #777;
}
.team-records__grid-container .record {
	grid-area: record;
}
.team-records__grid-container .home {
	grid-area: home;
	background-color: #ddd;
}
.team-records__grid-container .road {
	grid-area: road;
	background-color: #ddd;
}
.team-records__grid-container .neutral {
	grid-area: neutral;
	background-color: #ddd;
}
.team-records__grid-container .conf {
	grid-area: conf;
}
.team-records__grid-container .nonconf {
	grid-area: nonconf;
}
.team-records__grid-container .postseason {
	grid-area: postseason;
}

/*** Team - streaks grid ***/ 

.team-streaks__grid-container {
    display: grid;
    grid:
        "last10 streak" auto
        "home road"  auto
        / 100px 100px; /* Defines column sizes */
    grid-gap: 1px;    
    margin: 10px 10px 0 10px;
}
@media all and (min-width: 450px) {
    .team-streaks__grid-container {
        grid:
            "last10 streak home road"  auto
            / 100px 100px 100px 100px; /* Defines column sizes */
    }
}

.team-streaks__grid-container > div {
	background-color: white;
    padding: 4px;
    text-align: center;
    outline: 1px solid #777;
}
.team-streaks__grid-container .last10 { grid-area: last10; }
.team-streaks__grid-container .streak {	grid-area: streak; }
.team-streaks__grid-container .home { grid-area: home; }
.team-streaks__grid-container .road { grid-area: road; }

/*** Team - rankings grid ***/ 

.team-rankings__grid-container {
    display: grid;
    grid:
        "rpi ncrpi" auto
        "sos ncsos"  auto
        / 100px 100px; /* Defines column sizes */
    grid-gap: 1px;    
    margin: 10px 10px 0 10px;
}
@media all and (min-width: 450px) {
    .team-rankings__grid-container {
        grid:
            "rpi ncrpi sos ncsos"  auto
            / 100px 100px 100px 100px; /* Defines column sizes */
    }
}

.team-rankings__grid-container > div {
	background-color: white;
    padding: 4px;
    text-align: center;
    outline: 1px solid #777;
}
.team-rankings__grid-container .rpi {
	grid-area: rpi;
}
.team-rankings__grid-container .ncrpi {
	grid-area: ncrpi;
}
.team-rankings__grid-container .sos {
	grid-area: sos;
	background-color: #ddd;
}
.team-rankings__grid-container .ncsos {
	grid-area: ncsos;
	background-color: #ddd;
}

/*** Team - quads grid ***/ 

.team-quads__grid-container {
    display: grid;
    grid:
        "quad1 quad2" auto
        "quad3 quad4"  auto
        / 100px 100px; 
    grid-gap: 1px;    
    margin: 10px 10px 0 10px;
}
@media all and (min-width: 450px) {
    .team-quads__grid-container {
        grid:
            "quad1 quad2 quad3 quad4"  auto
            / 100px 100px 100px 100px; 
    }
}

.team-quads__grid-container > div {
	background-color: white;
    padding: 4px;
    text-align: center;
    outline: 1px solid #777;
}
.team-quads__grid-container .quad1 { grid-area: quad1; }
.team-quads__grid-container .quad2 { grid-area: quad2; }
.team-quads__grid-container .quad3 { grid-area: quad3; }
.team-quads__grid-container .quad4 { grid-area: quad4; }

/*** Team - nested grid - title value value2 ***/ 

.nested-grid {
  display: grid; 
  grid:
    "title" 28px
    "value" 24px
    "value2" 12px 
    / 1fr; 
}
.nested-grid .title { 
    grid-area: title; 
    padding-bottom:4px;
    color:#333;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
.nested-grid .value {
    grid-area: value; 
    color:#222;
    line-height:24px;
    font-size:20px;
    font-weight:bold;
}
.nested-grid .value2 {
    grid-area: value2; 
    color:#333;
    height: 12px;
    line-height:12px;
    font-size:11px;
}

/*** Team - schedule list ***/ 

ul.team-schedule{
    width: 100%;
    max-width: 1100px;
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
}
/*** schedule list ***/
li.team-schedule
{
    width: 100%;
    height:auto;
    position: relative;
    float:left;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #777;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-color: #fff;
}
li.team-schedule:nth-child(even) { background: #f0f0f0;}
li.team-schedule:nth-child(odd) { background: #fdfdfd;}

li.team-schedule:first-child
{
    border-top:1px solid #777;
}
/*** li for special games - tourney games**/
li.team-schedule.special--start
{
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:white;
    background-color: #2a4e74;
    margin-top: 3px;  
    padding: 5px 0;  
}
@media all and (min-width: 590px) {
    li.team-schedule.special--start
    {
        font-size: 14px;
        text-transform:uppercase;
    }
}
li.team-schedule.special--end
{
    height:10px;
    position: relative;
    float:left;
    box-sizing:border-box;
    background-color: #2a4e74;
}
li.team-schedule.special-game {
    border-left:2px solid #2a4e74;
    border-right:2px solid #2a4e74;
}
.team-schedule__sub-event-label {
    background-color: #d2d2d2;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2px 12px;
    border-bottom: 1px solid #eee;
    letter-spacing: 0.5px;
}

/*** Team - schedule grid ***/ 
/*** ul has 10px margin both sides ***/
/*** li has 2px transparent borders on each side ***/
/*** reduced width of grid by 24px total ***/
/*** 750 - 726 / 590 - 566 / 450 - 426 / 360 - 336 ***/

.team-schedule__grid-container {
    display: grid;
    grid:
        "date-sm    site    logo    poll-nond1 poll-nond1  conference  status1" auto
        "date-sm    site    logo    team       team        conference  status2"  auto
        "date-sm    site    logo    record     rank2       conference  status3-small" auto
        / 28px 20px 40px minmax(80px, 1fr) 60px 30px 78px; /* Defines column sizes */
    grid-gap: 0px;    
    min-width: 336px;
    padding: 5px 0;
}
@media all and (min-width: 450px) {
    .team-schedule__grid-container {
        grid:
            "date-sm    site    logo poll-nond1 poll-nond1  conference  status1" auto
            "date-sm    site    logo team       team        conference  status2"  auto
            "date-sm    site    logo record     rank2       conference  status3-small" auto
            / 28px 30px 40px minmax(160px, 1fr) 60px 30px 78px; /* Defines column sizes */
        
    } 
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container {
        grid:
        "date-sm    site    logo poll-nond1 poll-nond1  conference  status1" auto
        "date-sm    site    logo team       team        conference  status2"  auto
        "date-sm    site    logo record     rank2       conference  status3" auto
        / 45px 35px 60px minmax(215px, 1fr) 60px 30px 121px; /* Defines column sizes */
        
    } 
}
@media all and (min-width: 750px) {
    .team-schedule__grid-container {
        grid:
        "date   site    logo poll-nond1 poll-nond1  conference  location    status1" auto
        "date   site    logo team       team        conference  location    status2" auto
        "date   site    logo record     rank2       conference  info        status3" auto
        / 45px 35px 60px minmax(225px, 1fr) 60px 30px 150px 121px; /* Defines column sizes */
        
    } 
    .team-schedule__grid-container .game-location,
    .team-schedule__grid-container .game-info {
        display: block;
    } 
}
.team-schedule__grid-container > div {
    font-size: 12px;
    place-self: center;
}

.team-schedule__grid-container .game-date {
	grid-area: date;
    font-family: "Roboto Condensed", sans-serif;
    color: #333333;
    display: none;
}
/* 20px bold */
.team-schedule__grid-container .game-date-sm {
	grid-area: date-sm;
    font-family: "Roboto Condensed", sans-serif;
    color: #333333;
}
/* 16px bold */

@media all and (min-width: 750px) {
    .team-schedule__grid-container .game-date {
        display: block;
    } 
    .team-schedule__grid-container .game-date-sm {
        display: none;
    } 
}

.team-schedule__grid-container .game-site {
	grid-area: site;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .game-site {
        font-size: 14px;
    } 
}
.team-schedule__grid-container .opponent-logo {
	grid-area: logo;
}
.team-schedule__grid-container .opponent-logo img {
    width:  30px;
    height: 30px;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .opponent-logo img {
        width:  60px;
        height: 60px;
    } 
}
.team-schedule__grid-container .opponent-poll-nond1 {
	grid-area: poll-nond1;
 /*   padding-left: 10px; */
    font-weight: bold;
    font-family: 'PT Sans', Arial, sans-serif;
    place-self: center start;
    text-align: left;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .opponent-poll-nond1 {
        font-size: 14px;
    } 
}
.team-schedule__grid-container .opponent-name {
	grid-area: team;
   /*   padding-left: 10px; */
    font-size: 16px;
    font-weight: bold;
    font-family: 'PT Sans', Arial, sans-serif;
    line-height: 18px;
    color: #444444;
    place-self: center start;
    text-align: left;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .opponent-name {
        font-size: 18px;
        line-height: 20px;
        text-transform: uppercase;
    } 
}
.team-schedule__grid-container a.opponent-name-link {
    font-weight: bold;
    font-family: 'PT Sans', Arial, sans-serif;
    color: #444444;
}
.team-schedule__grid-container a.opponent-name-link:hover {
    color:#111111;
    text-decoration: underline;
}

.team-schedule__grid-container .opponent-record {
	grid-area: record;
 /*   padding-left: 10px; */
    font-family: 'PT Sans', Arial, sans-serif;
    place-self: center start;
    text-align: left;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .opponent-record {
        font-size: 14px;
    } 
}
.team-schedule__grid-container .opponent-rank2 {
	grid-area: rank2;
    padding-left: 10px;
    font-family: 'PT Sans', Arial, sans-serif;
    color:#333;
    place-self: center start;
    text-align: left;
}
.team-schedule__grid-container .game-conference {
	grid-area: conference;
    place-self: center;
}
.team-schedule__grid-container .game-conference img {
    width:  25px;
    height: 25px;
}
.team-schedule__grid-container .game-location {
	grid-area: location;
    display: none;     /* only show on wider views */
    padding-left: 10px;
    font-size:11px;
    font-family: 'PT Sans', Arial, sans-serif;
    color:#333333;
    place-self: start;
    text-align: left;
}
.team-schedule__grid-container .game-info {
	grid-area: info;
    display: none;     /* only show on wider views */
    padding-left: 10px;
    place-self: center start;
    text-align: left;
}
@media all and (min-width: 750px) {
    .team-schedule__grid-container .game-location,
    .team-schedule__grid-container .game-info {
        display: block;
    } 
}

.team-schedule__grid-container .game-status1 {
	grid-area: status1;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    color: black;
    width:100%;
    height:100%;
    place-self: center;
}

.team-schedule__grid-container .game-status2 {
	grid-area: status2;
    font-size: 14px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    color: black;
    width:100%;
    height:100%;
    place-self: center;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .game-status2 {
        font-size: 16px;
        display: block;
    } 
}

.team-schedule__grid-container .game-status3 {
	grid-area: status3;
    font-family: "Open Sans", Arial, sans-serif;
    color: black;
    width:100%;
    height:100%;
    place-self: center;
    display: none;
}
.team-schedule__grid-container .game-status3-small {
	grid-area: status3-small;
    font-family: "Open Sans", Arial, sans-serif;
    color: black;
    width:100%;
    height:100%;
    place-self: center;
}
@media all and (min-width: 590px) {
    .team-schedule__grid-container .game-status3 {
        display: block;
    } 
    .team-schedule__grid-container .game-status3-small {
        display: none;
    } 
}


/*** Team Schedule - Series ***/

/* 1. CONTAINER & GRID */
.main-body-row__flex-scroll-column {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0;
    justify-content: flex-start;
    align-items: flex-start;
}

/* 2. THE CARD (TILE) BASE */
.series-card {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
    width: 340px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.06);
    transition: transform 0.2s ease;
}

/* 3. CONFERENCE SPECIAL BORDER */
.card--conference {
    border: 3px solid blue !important; /* Bold primary team/conf color */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* 4. TILE HEADER (3-Column Layout) */
.series-card__header {
    display: grid;
    grid-template-columns: 50px 1fr 90px;
    align-items: center;
    padding: 12px;
    background: #ffffff;
    min-height: 70px;
}

/* For Tournaments with no logo */
.series-card__header.no-logo {
    grid-template-columns: 1fr 100px;
}

.series-card__opp-logo img {
    width: 40px;
    height: auto;
    display: block;
}

.series-card__opp-name {
    font-size: 0.95rem;
    font-weight: 800;
    color: #222;
    padding: 0 8px;
    line-height: 1.2;
}

/* 5. RESULT SECTION (Top Right) */
.series-card__result {
    text-align: right;
    border-left: 1px solid #eeeeee;
    padding-left: 8px;
}

.result-label {
    display: block;
    font-size: 0.65rem;
    color: #888888;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.result-val {
    font-size: 0.95rem;
    font-weight: 900;
    color: #222222 !important; /* Force black for Series/Tournament records */
    text-transform: uppercase;
}

/* 6. OUTCOME STRIPES (Bottom of Header) */
.bg-win { border-bottom: 4px solid #28a745 !important; }
.bg-loss { border-bottom: 4px solid #dc3545 !important; }
.bg-neutral { border-bottom: 4px solid #999999 !important; }

.res-win { color: #28a745; }
.res-loss { color: #dc3545; }
.res-neutral { color: #444444; }

/* 7. GAME ROWS */
.series-game-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
    border-top: 1px solid #f1f1f1;
}

.game-info {
    font-size: 0.72rem; /* Scaled down date/opponent */
    font-weight: 700;
    color: #666666;
    text-transform: uppercase;
}

/* Targeting the W/L and Score */
.game-status {
    font-size: 0.95rem;
    color: #333;
}

/* The Result (W, L, T) */
.game-outcome  {
    display: inline-block;
    width: 18px;
    text-align: center;
    font-weight: 700 !important;
    font-family: sans-serif;
}

/* The Score Container */
.game-score-box {
    display: inline-block;
    width: 60px;          /* Wide enough for "88 - 88" */
    text-align: center;   /* Centers the score so dashes line up vertically */
}

/* 8. MOBILE RESPONSIVENESS */
@media (max-width: 480px) {
    .series-card {
        width: 100%; /* Stack tiles on small phones */
    }
    .main-body-row__flex-scroll-column {
        padding: 10px;
    }
}

/* Location Markers Base */
.loc-marker {
    display: inline-block;
    width: 24px; /* Fixed width keeps team names aligned */
    text-align: center;
    font-family: Arial, sans-serif; /* Consistent rendering */
    line-height: 1;
}

/* The @ Symbol (Away) */
.loc-marker.away {
    font-size: 14px; 
    color: #333;
    /* Pulls the @ down slightly so the hole in the 'a' 
       aligns with the center of the text */
    vertical-align: -5%; 
    font-weight: 500;
}

/* Diamond styling (Neutral) - 50% larger than triangles */
.loc-marker.neutral {
    font-size: 21px; /* ~1.5x the triangle size */
    vertical-align: -15%;  /* Fine-tuned shift to keep it centered on the text line */
    color: #444;
}

/* Home gutter (Blank) */
.loc-marker.home {
    width: 24px;
}

/*** Team Schedule / Predict Schedule ***/ 



.sched-data__container {
    flex: 1;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.sched-data__container-title {
    width:100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0px;    
}
.sched-data__sub-container {
    margin: 0 2px 5px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: 74px;
}
.sched-data__block {
    flex: 1 0 auto;
    min-width:100px;
    max-width:125px;
  /*  display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content:stretch;
    align-items: flex-start; */
    padding: 4px;
    text-align: center;
    border: 1px solid #777;
    border-left: none;
}
.sched-data__block:first-child {
    border-left: 1px solid #777;
}
.sched-data__block-title {
    padding-bottom:4px;
    color:#333;
    height: 28px;
    line-height:12px;
    font-size:11px;
    text-transform:uppercase;
}
.sched-data__block-value {
    color:#222;
    height: 24px;
    line-height:24px;
    font-size:20px;
    font-weight:bold;
}
.sched-data__block-value-2 {
    color:#333;
    height: 12px;
    line-height:12px;
    font-size:11px;
}
.sched-data__block-value-scoring {
    color:#222;
    height: 18px;
    line-height:18px;
    font-size:16px;
    font-weight:bold;
}


div.team-schedule__top-wrapper
{
    width:100%;
    float:left;
    box-sizing:border-box;
    display:block;  
    overflow:hidden;  
}
div.team-schedule__bottom-wrapper
{
    width:100%;
    float:left;
    border-top:1px solid #999;
    box-sizing:border-box;
    background-color:white;
    display:none;
}
/*** toggle div for addition info ***/
.team-schedule__toggle
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
    cursor:pointer;
    border:none;
    height:20px;
    width:20px;
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:white;
    background:transparent;
    display:block;
}
.team-schedule__triangle-bottomright
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:1;
    width: 0;
    height: 0;
    border-bottom: 20px solid black;
    border-left: 20px solid transparent;
}
/*** game date ***/
div.team-schedule__game-date
{
    box-sizing:border-box;
    padding:5px 0 ;
    width: 45px;
    height:60px;
    float:left;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
}
.team-schedule__game-date--month{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
.team-schedule__game-date--day{
    display:inline-block;
    color:#333333;
    line-height:22px;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.team-schedule__game-date--dow{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
/*** location ***/
div.team-schedule__location
{
    box-sizing:border-box;
    padding:20px 5px 20px 0px ;
    width:35px;
    height:60px;
    line-height:20px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
    float:left;
    text-align:center;   
}
/*** Opp info  ***/
div.team-schedule__opp-logo
{
    box-sizing:border-box; 
    padding: 5px 5px;
    width:60px;
    height:60px;
    float:left;
    text-align:center;   
}
img.team-schedule__opp-logo
{
    max-width:50px;
    max-height:50px;    
}
div.team-schedule__opp
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:300px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
    text-transform:uppercase;
}
.team-schedule__opp-nond1-line{
    display:inline-block;
    color:#444444;
    height:15px;
    line-height:15px;
    font-size:14px;
    text-transform:uppercase;
}
.team-schedule__opp-line{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.team-schedule__opp-line-link{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.team-schedule__opp-line-link:hover{
    color:#111111;
    text-decoration: underline;
}
.team-schedule__opp-record-line{
    display:inline-block;
    width:100%;
    color:#000;
    height:15px;
    line-height:15px;
    font-size:14px;
    font-weight: normal;
    text-transform:uppercase;
}
/*** opp RPI/NET spans on opp record line **/
.team-schedule__opp-rank
{
    display: block; 
    float: right; 
    font-size:11px; 
    color:#333; 
    width:60px;
    padding-right:5px; 
}
/*** opp poll ranking span **/
.team-schedule__opp-poll
{
    font-weight:bold; 
    color:black;
}
/*** conf logo **/
div.team-schedule__conf-logo
{
    box-sizing:border-box;
    padding: 17px 0px;
    width:25px;
    height:60px;
    float:left;
    text-align:center;   
}
img.team-schedule__conf-logo
{
    max-width:25px;
    max-height:25px;    
}
/*** info (city etc) **/
div.team-schedule__info
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:160px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
}
span.team-schedule__info
{
    display:inline-block;
    color:#333333;
    height:12px;
    line-height:12px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.team-schedule__info-tv
{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:11px;
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*** info box for boxscore & recap links **/
span.team-schedule__info-boxscore-recap{
    display:inline-block;
    color:#333333;
    height:24px;
    line-height:24px;
    font-size:12px;
    width:150px;
    overflow: hidden;
}
a.team-schedule__info-boxscore-recap {
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #ffffff;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
a.team-schedule__info-boxscore-recap:hover{
    margin-right: 5px;
    border: 1px solid;
    border-radius:5px;
    padding:2px 4px;
    background-color: #dddddd;
    color:#333333;
    text-decoration: none;
    font-weight: bold;
}
/*** result **/
div.team-schedule__result
{
    box-sizing:border-box;
    padding: 22px 5px 22px 5px;
    width:125px;
    height:60px;
    line-height:16px;
    font-size:16px;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    float:left;
    text-align:center;
    color:black;
}

div.team-schedule__special--left
{
    border-left:2px solid #2a4e74;
}
div.team-schedule__special--right
{
    border-right:2px solid #2a4e74;
}
/*** results span **/
.team-schedule__result--win
{
    color:green;
}
.team-schedule__result--loss
{
    color:red;
}
.team-schedule__result--tie
{
    color:black;
}
.team-schedule__result--cancel-post-susp
{
    display:inline-block; 
    line-height:20px;
}
.team-schedule__result--in-progress
{
    display:inline-block; 
    line-height:16px; 
    font-size:13px;
}
/*** results div border for in progress **/
.team-schedule__result--in-progress-border
{
    border: 2px solid blue;
}
/*** results span overtime text **/
.team-schedule__overtime
{
    font-size:12px;
}

/** team schedule bottom (expanded) area **/
div.team-schedule-bottom__row1
{
    float:left;
    width:100%;
    border-bottom:1px solid #999;
}
/** 60% boxscore div - basketball **/
div.team-schedule-bottom__box-score--60-width
{
    float:left;
    width:60%;
    padding:15px;
}
/** 100% boxscore div - baseball football  **/
div.team-schedule-bottom__box-score--100-width
{
    float:left;
    width:100%;
    padding:10px;
    overflow-x: auto;
}
table.team-schedule-bottom__box-score
{
    width:100%;
    border-collapse: collapse;
}
th.team-schedule-bottom__box-score
{
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    padding:4px 4px;
}
/** 2+ character wide header (10 inn, OT) - less padding **/
th.team-schedule-bottom__box-score--big
{
    font-weight: bold;
    font-size: 14px;
    text-align:center;
    padding:4px 5px;
}
td.team-schedule-bottom__box-score
{
    font-weight: normal;
    font-size: 12px;
    border:1px solid #999;
    text-align: center;
    padding:4px 4px;
}
/** Total score or runs,hits,errors **/
td.team-schedule-bottom__box-score--totals
{
    font-weight: bold;
    font-size: 12px;
    border:1px solid #999;
    text-align: center;
    padding:4px 4px;
    background-color: #f1f1f1;
}
td.team-schedule-bottom__box-score:first-child
{
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}
@media all and (min-width: 590px) {
    th.team-schedule-bottom__box-score,
    td.team-schedule-bottom__box-score,
    td.team-schedule-bottom__box-score--totals,
    td.team-schedule-bottom__box-score:first-child
    {
        font-size:14px;
    }
}
div.team-schedule-bottom__addtional-info
{
    float:left;
    width:50%;
    font-size:12px;
    padding:5px 10px;
    text-align: left;
}
@media all and (min-width: 590px) {
    div.team-schedule-bottom__addtional-info
    {
        font-size:14px;
    }
}
/** left border for basketball **/
div.team-schedule-bottom__addtional-info--left-border
{
    float:left;
    width:40%;
    font-size:14px;
    padding:15px;
    border-left:1px solid #999;
}
div.team-schedule-bottom__row2
{
    float:left;
    width:100%;
}
/** for basketball stats **/
table.team-schedule-bottom__stat
{
    width:100%;
    border-collapse: collapse;
}
th.team-schedule-bottom__stat
{
    font-weight: bold;
    font-size: 12px;
    text-align:center;
    padding:4px 8px;
}
td.team-schedule-bottom__stat
{
    font-weight: normal;
    font-size: 12px;
    line-height:18px;
    border:1px solid #999;
    text-align: center;
    padding:4px 8px;
}
td.team-schedule-bottom__stat:first-child
{
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

span.live-text {
    color: black;
    animation: color-fade 8s infinite;
  }

@keyframes color-fade {
    0%   {color: black;}
    40%  {color: blue;}
    60%  {color: blue;}
    100% {color: black;}
  }

/*** Team Rank By Week ***/

/* Table Cell Basics */
.rbw-data-cell { border: 1px solid #ddd; padding: 8px; transition: all 0.2s; }

/* Header Backgrounds */
.header-group-row th {
    background-color: #e0e0e0; /* Lightest gray for top level */
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 0;
}

.header-col-row th {
    background-color: #e0e0e0; /* Slightly darker neutral gray */
    color: #333;
    font-weight: 700;
    padding: 5px 5px;
    border-bottom: 2px solid #333;
}

/* Specific Label Styling */
.group-label {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.group-predict {
    background-color: #eceff1 !important; /* Slightly bluish gray for PredictRPI */
    color: #455a64;
}

/* The Week Header - Matches your Week Column exactly */
.header-col-row th.week-spine {
    background-color: #222 !important; 
    color: #fff !important;
    border-bottom: 2px solid #000;
}

/* Spacer above the Week column */
.week-spacer {
    background-color: transparent !important;
    border: none !important;
}


/* The Center vertical anchor */
.week-spine {
    background-color: #222 !important; 
    color: #fff !important;           
    font-weight: 800;
    text-align: center;
    width: 60px !important;
    border-left: 3px solid #000;      
    border-right: 3px solid #000;
}

/* Prediction Column Styling (Dashed) */
.rank-forecast {
    border: 1px dashed #999 !important;
    background-color: #fafafa !important;
    font-style: italic;
    color: #666;
}

.rank-forecast-green {
    background-color: #f1f8e9 !important;
    color: #2e7d32;
    border: 1px dashed #4caf50 !important;
}

/* Neutral class for ranks between 51 and 199 */
.rank-neutral { background-color: #ffffff; color: #333; }
.rank-null { background-color: #f9f9f9; color: #ccc; }

/* Ensure data-center works */
.data-center { text-align: center; }

/* The Green Scale (Success) */
.rank-g1 { background-color: #1b5e20 !important; color: #fff !important; font-weight: bold; }
.rank-g2 { background-color: #2e7d32 !important; color: #fff !important; }
.rank-g3 { background-color: #388e3c !important; color: #fff !important; }
.rank-g4 { background-color: #4caf50 !important; color: #fff !important; }
.rank-g5 { background-color: #81c784 !important; color: #000 !important; }
.rank-g6 { background-color: #a5d6a7 !important; color: #000 !important; }
.rank-g7 { background-color: #c8e6c9 !important; color: #000 !important; }

/* The Red Scale (Struggle) */
.rank-r1 { background-color: #ffcdd2 !important; color: #000 !important; }
.rank-r2 { background-color: #ef9a9a !important; color: #000 !important; }
.rank-r3 { background-color: #e57373 !important; color: #fff !important; }
.rank-r4 { background-color: #c62828 !important; color: #fff !important; font-weight: bold; }

/* The Season Peak Highlight */
/* The Season Peak Highlight */
.rank-peak { 
    box-shadow: inset 0 0 0 3px #FFD700; /* Gold Inner Border */
    font-weight: 900 !important;
    position: relative;
    z-index: 5;
    transform: scale(1.02); /* Very subtle pop */
}

/* Hover Effect for Playability */
.stats-table tbody tr:hover td { filter: brightness(95%); }







/*** 1/n grids ***/
.grid4 {
    float:left;
    width:25%;
}
.grid5 {
    float:left;
    width:20.0%;
}
.grid6 {
    float:left;
    width:16.66%;
}
.grid7 {
    float:left;
    width:14.28%;
}
.grid8 {
    float:left;
    width:12.5%;
}
.grid9 {
    float:left;
    width:11.11%;
}
.grid10 {
    float:left;
    width:10.0%;
}
.grid11 {
    float:left;
    width:9.09%;
}
.grid12 {
    float:left;
    width:8.33%;
}


/*** previous ***/

/*** schedule list ***/
li.schedule
{
    width:750px;
    height:auto;
    position: relative;
    float:left;
    box-sizing:border-box;
    border-top:none;
    border-bottom:1px solid #777;
    background-color: #fff;
}
li.schedule:nth-child(even) { background: #f0f0f0;}
li.schedule:nth-child(odd) { background: #fdfdfd;}

li.schedule:first-child
{
    border-top:1px solid #777;
}

div.schedule-top-wrapper
{
    width:100%;
    height:60px;
    float:left;
    box-sizing:border-box;
    display:block;    
}
div.schedule-bottom-wrapper
{
    width:100%;
    float:left;
    border-top:1px solid #999;
    box-sizing:border-box;
    background-color:white;
    display:none;
}
/*** toggle div for addition info ***/
.schedule-toggle
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
    cursor:pointer;
    border:none;
    height:25px;
    width:25px;
    line-height:33px;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:white;
    background:transparent;
    display:block;
}
.triangle-bottomright
{
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:1;
    width: 0;
    height: 0;
    border-bottom: 25px solid black;
    border-left: 25px solid transparent;
}
  
  
/*** special game/tourney games**/
li.schedule-special-game
{
    width:750px;
    height:25px;
    position: relative;
    float:left;
    box-sizing:border-box;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    color:white;
    background-color: black;
    text-transform:uppercase;    
    border-top:3px solid #eee;
}
li.schedule-special-game-end
{
    width:750px;
    height:12px;
    position: relative;
    float:left;
    box-sizing:border-box;
    background-color: black;
    border-bottom:2px solid #eee;
}
div.schedule-special-game-left
{
    border-left:2px solid #2a4e74;
}
div.schedule-special-game-right
{
    border-right:2px solid #2a4e74;
}


div.schedule-game-date
{
    box-sizing:border-box;
    padding:5px 0 ;
    width: 45px;
    height:60px;
    float:left;
    text-align:center;
    font-family:"Roboto Condensed",sans-serif;
}
.game-date-month{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}
.game-date-day{
    display:inline-block;
    color:#333333;
    line-height:22px;
    font-size:20px;
    font-weight: bold;
    text-transform:uppercase;
}
.game-date-dow{
    display:inline-block;
    color:#333333;
    line-height:14px;
    font-size:12px;
    text-transform:uppercase;
}



div.schedule-location
{
    box-sizing:border-box;
    padding:20px 5px 20px 0px ;
    width:35px;
    height:60px;
    line-height:20px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    overflow: hidden;
    float:left;
    text-align:center;   
}
div.schedule-opp-logo
{
    box-sizing:border-box; 
    padding: 5px 5px;
    width:60px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-opp-logo
{
    max-width:50px;
    max-height:50px;    
}
div.schedule-opponent
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:300px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
    text-transform:uppercase;
}
.opp-nond1-line{
    display:inline-block;
    color:#444444;
    height:15px;
    line-height:15px;
    font-size:14px;
    text-transform:uppercase;
}
.opp-line{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link{
    display:inline-block;
    color:#444444;
    height:20px;
    line-height:20px;
    font-size:18px;
    font-weight: bold;
    text-transform:uppercase;
}
a.opp-line-link:hover{
    color:#111111;
    text-decoration: underline;
}
.opp-record-line{
    display:inline-block;
    width:100%;
    color:#000;
    height:15px;
    line-height:15px;
    font-size:14px;
    font-weight: normal;
    text-transform:uppercase;
}


div.schedule-conf-logo
{
    box-sizing:border-box;
    padding: 17px 0px;
    width:25px;
    height:60px;
    float:left;
    text-align:center;   
}
img.schedule-conf-logo
{
    max-width:25px;
    max-height:25px;    
}

div.schedule-info
{
    box-sizing:border-box;
    padding: 5px 0px 5px 10px;
    width:160px;
    height:60px;
    font-family: 'PT Sans', Arial, sans-serif;
    float:left;
    text-align:left;
    color:black;
}













/*** Other Stuff ***/



@media print {
    #sticky-navigation-wrap{
    background:#fff;
    z-index:170;
    width:100%;
    position:relative;
    top:0;
    left:0;
    right:0;
    }  
}

/*** stack table ***/
table.stack {
border: solid 1px #2A4E75;
width:100%;
background-color:#CFCFCF ;
}


@media screen and (max-width: 750px) {
  table.stack thead,
  table.stack tbody,
  table.stack th,
  table.stack tr,
  table.stack td {
    display: block;
  }

  table.stack thead tr {
    		position: absolute;
		top: -9999px;
		left: -9999px;
  }
  
  table.stack tr {
    border: 1px solid #ccc;
  }
  
  table.stack td {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%;
        white-space: normal;
		text-align:left;
  }
  
  table.stack td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 60%; 
		padding-right: 10px; 
		white-space: nowrap;
        		text-align:left;
		font-weight: bold;
  }

  table.stack td:before { content: attr(data-title); }
  table.stack td:first-child { display:none; }
  
  
}