﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


div body main html {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}


/*Index Page CSS*/

.Index-Logo {
    display: block;
    text-align: center;
    width: 60%;
    margin: auto auto;
}

/*Records Page*/
.Records-background-image {
    background-image: url('Images/TNIID Dall-E 1.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
}

.Players-background-image {
    background-image: url('Images/TNIID Dall-E 2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.Games-background-image {
    background-image: url('Images/TNIID Dall-E 3.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*Franchise page*/
.franchise-page-main {
    background-image: url('Images/TNIID Eagle Horizontal.jpg');
    background-size: 100%;
    text-align: center;
    background-repeat: no-repeat;
    color: black;
    width: 100%;
    display: block;
    margin: 0,0;
    padding: 0,0;
}

.for-background-color {
    background-color: hsla(0, 0%, 100%, 0.9);
    width: 100%;
}

.franchise-list-team-photo {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-around;
}

.franchise-list-h1-container {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: right;
    width: 49%;
}

.franchise-list-h1 {
    width: 100%;
    text-align: right;
}

.franchise-list-trophy-photo-container {
    width: 49%;
    text-align: left;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 5rem;
}

.franchise-list-photo-label {
    height: 4.8rem;
    width: 20%;
   /* min-width: 70px; */
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    align-items:center; 
}

.franchise-list-trophy-photo {
    max-height: 100%;
    max-width: 100%;
}



/*Team Home Page*/

.team-home-page-logo {
    background-image: url('Images/TNIID Ohio.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;  
    background-position: center;
}

.team-home-page-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
}

h1, h2 {
    text-align: center;
    width: 100%;
}

p {
    margin: 0;
    height: auto;
}

.standard-table {
    
    table-layout: fixed;
    width: 100%;
}

.prog-bar-container {
    width: 100%;
    border: 1px black solid;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;    
}

.prog-bar-margin {
    margin-auto;
    text-align: center;
}

.prog-bar-text {
    color: white;
    text-align: left;
}

.prog-bar-text-single-game {
    color: white;
    text-align: left;
}

.prog-bar-text-small-text {
    color: white;
    text-align: center;
    font-size: 8px;
}

.single-game-high-table-container {
    width: 90%;
    text-align: center;
    border: 1px solid black;
    border-radius: 10px;
    margin: auto;
}

.show-table-button {
    margin: auto;
    border: none;
    background: none !important;
    display: block;
    color: blue;
    text-decoration: underline;
}

.single-game-high-table {
    text-align: center;
    width: 100%;
    
}

.season-table-container {
    width: 90%;
    text-align: center;
    border: 1px solid black;
    border-radius: 10px;
    margin: auto;
}

.single-game-high-table-left {
    max-width: 150px;
    white-space: nowrap;
    text-align: left;
}

.single-game-high-table {
    
    width: 99%;
}


.team-trophy-case {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
    margin: auto;
    align-items: center;
}

.teamhome-trophy-box {
    height: 10rem;
    width: 10rem;
}

.teamhome-trophy {
    max-width: 100%;
    max-height: 100%;
}

.team-home-page-season-stats {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.team-home-page-wins-losses {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.team-home-page-team-records {
    display: flex;
    justify-content: space-around;
}

.team-home-page {
    text-align: center;
    width: 100%;
}

.team-home-page-table {
    width: 45%;
    
    text-align: center;
    display: flex;
    flex-flow: column wrap;
    border: 1px black solid;
}

table.team-home-page {
    width: 100%;
    text-align: center;
}

.team-home-page-th {
    background-color: red;
    color: white;
}

tr.team-home-page {
    width: 100%;
}

td.team-home-page {
    width: 20%;
}

td.team-home-page-left-col {
    text-align: left;
    width: 20%;
    color: white;
    background-color: blue;
}

.team-home-page-h2 {
    background-color: red;
    color: white;
    margin: 0;
}
/*Game Previews*/

.game-preview-background-logo {
    background-image: url('Images/TNIID Eagle Horizontal.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
}

.game-preview-background-color {
    width: 100%;
    background-color: hsla(0, 0%, 100%, 0.75);
}

.game-preview-whole {
    display: flex;
    align-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.game-preview-table {
    display: inline-block;
    width: 30%;
    margin: 0;
    text-align: center;
    border: 1px black solid;
    min-width: 300px;
    min-height: 20px;
    flex-shrink: 0;
}

.game-preview-table-table {
    width: 100%;
    min-width: 200px;
}

.game-preview-left-col {
    text-align: left;
    background-color: blue;
    color: white;
    width: 40%;
}

.game-preview-table-header {
    background-color: red;
    color: white;
    margin: 0;
}

.winner-formatting {
    background-color: yellow;
    width: 30%;
}

.game-preview-table-no-formatting .loser-formatting {
    width: 30%;
}

.game-preview-whole {
    text-align: center;
}

/*Home Page*/
.home-page-background-logo {
    background-image: url('Images/TNIID 2026 Logo.png');
    background-size: contain;
    height: 50rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    text-align: center;
}

.home-page-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    width: 100%;
    height: 50rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-page-text-container {
    margin: auto;
    display: table;
    vertical-align: middle;
}

/*Current Season*/

.current-season-background-logo {
    background-image: url('/css/Images/TNIID Ohio.png');
    width: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.current-season-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    width: 100%;
}


.current-season-divisions-tables {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.current-season-season-leaders-tables {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.current-season-division-table {
    border: 1px black solid;
}

.current-season-h1 {
    text-align: center;
}

.current-season-table-left-col-division {
    width: 10rem;
}

.current-season-table-cell-division {
    width: 5rem;
}

.current-season-table-cell {
    text-align: center;
}

.current-season-table-head {
    color: white;
    background-color: red;
    border: black 1px solid;
}


td.current-season-table-left-col {
    background-color: blue;
    color: white;
}
/* Archive Page*/

.archive-background-photo {
    background-image: url('/css/Images/TNIID Eagle Horizontal.jpg');
    background-position: center;
}

.archive-background-logo {
    background-image: url('/css/Images/TNIID Ohio.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.archive-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    height: 100%;
}

.single-game-records-table {
    width: 50%;
}

.archive-table-head-cell {
    background-color: red;
    color: white;
    text-align: center;
}

.archive-table-left-cell {
    background-color: red;
    color: white;
    text-align: left;
}

.archive-table-cell-left {
    text-align: left;
    width: 10%;
    background-color: blue;
    color: white;
}

.archive-table-cell {
    width: 10%;
    text-align: center;
}

.h2h-table {
    width: 70%;
}

.h2h-table-header {
    width: 7%;
    text-align: center;
    color: white;
    background-color: red;
    min-width: 52px;
}

.h2h-left-col {
    background-color: blue;
    color: white;
}

.h2h-blank-cell {
    background-color: black;
}

.h2h-red-cell {
    color: white;
    background-color: red;
    text-align: center;
}

.h2h-blue-cell {
    color: white;
    background-color: blue;
    text-align: center;
}

.h2h-cell {
    text-align: center;
}

.archive-background-logo-h2h {
    height: 40rem;
    background-image: url('/css/Images/TNIID Ohio.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

/*Belt Game*/

.belt-background-logo {
    background-image: url('/css/Images/TNIID_Belt.png');
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.belt-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    text-align: center;
    justify-content: space-around;
    align-items: center;
}

.belt-two-tables {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.belt-and-header {
    display: flex;
    flex-flow: column wrap;
    width: 45%;
}

belt-game-records-table {
    width: 100%;
}

.belt-lineage-table {
    width: 40%;
}

/*Pint Glass*/
.pint-glass-background-logo {
    background-image: url('/css/Images/TNIID Pint Glass.png');
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.pint-glass-background-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    text-align: center;
    justify-content: space-around;
    align-items: center;
}

.pint-glass-table {
    width: 60%;
}

.pint-glass-title {
    text-align: center;
    color: white;
    background-color: red;
}

.pint-glass-header {
    text-align: center;
    color: white;
    background-color: red;
}

/*Game picks*/
.game-picks-table {
    border: solid black 1px;
    text-align: center;
    width: 100%;
}

.game-picks-all {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    align-content: center;
    width: 100%;
}

.game-picks-table-box {
    text-align: center;
    display: flex;
    flex-flow: column wrap;
    width: 30%;
}

.archive-search-background {
    background-image: url('Images/TNIID Ohio.png');
    background-size: contain;
    min-height: 100rem;
    background-repeat: no-repeat;
}

.archive-search-color {
    background-color: hsla(0, 0%, 100%, 0.8);
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: flex-start;
    min-height: 200rem;
}

.search-form-container {
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
}

.search-table-container {
    width: 50%;
    min-width: 500px;
}

.spacer {
    height: 10px;
}