/*
Site: UCFL Football game
Author: Martin Ericson
Author URI: http://www.1SMARTchicken.com
Description: College football simulation gambe by 1SMARTchicken
Version: 2.4
*/



/*
|--------------------------------------------------------------------------
| Color Pallete
|--------------------------------------------------------------------------

dark blue:   	#254070 (from logo)
light blue:  	#9BB2D6 (from logo)

medium blue:  	#395C94 - for links

*/



/*
|--------------------------------------------------------------------------
| General
|--------------------------------------------------------------------------
*/
/* general */
@media (min-width: 1279px) { /* make the full site nearly full screen on mid to big screens */
    .container {
        max-width: min(1600px, calc(100% - 4rem)); /* it will always leave at least 2rem on each side margin */
    }
}
body.bg-light { /* page body */
    background: #EEF1F5 !important;
}
.bg-white {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* adds depth to cards */
}
.navbar {
    background-color: #1F2630 !important; /* slight blue undertone on the nav */
}
.navbar .nav-link.active,
.navbar .active-nav {
    background-color: #25406F;
    color: #FFFFFF !important;
}
.secondary-menu-btn { /* the secondary menu under the main NAV */
    min-width: 110px;
    text-align: center;
    margin-top: -10px !important; /* bring the menu up closer to the main NAV */
}
/* end general */
/* typography */
@media (max-width: 1479px) {
    h1 { font-size: 2.0rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.3rem; }
    h5 { font-size: 1.1rem; }
}
@media (max-width: 1023px) {
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.15rem; }
    h5 { font-size: 1rem; }
}
/* end typography */
/* links and buttons */
p a,
small a,
ol li a,
ul li a,
.nav-tabs .nav-link,
.custom-link,
a.season-link,
a.team-link { /* links we want to match our logo coloring */
	color: #395C94;
}
p a:hover,
small a:hover,
ol li a:hover,
ul li a:hover,
.nav-tabs .nav-link:hover,
.custom-link:hover,
a.season-link:hover,
a.team-link:hover { /* hover links we want to match our logo coloring */
	color: #254070;
}
.btn.btn-sm.btn-outline-dark {
    min-width: 88px; /* otherwise the buttons change width with a double digit season */
}
/* end links and buttons */
/* sections and DIVs */
.page-row {
    margin-bottom: 1.5rem;
}
/* end sections and DIVs */
/* custom section dividers */
.section-divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.section-divider-tabs-top { /* this divider sits at the very top of a tab section */
    margin-top: 0;
}
.section-divider hr {
    margin: 0;
}
/* end custom section dividers */
/* tabs */
.nav-tabs {
    border-bottom: #ADB5BD solid thin;
    margin-bottom: 10px !important; /* brings the tabs closer to the content while still giving it space */
}
.nav-tabs .nav-link.active {
    border-color: #ADB5BD #ADB5BD #FFFFFF;
    background-color: #FFFFFF;
}
/* end tabs */
/* forms */
.form-check-input {
    border:  #585C5F solid 2px;
}
/* end forms */



/*
|--------------------------------------------------------------------------
| Active User Team
|--------------------------------------------------------------------------
*/
.user-team-row > * {
    background-color: var(--bs-primary-bg-subtle) !important; /* highlight active team */
}
.user-team-row > *:first-child {
    border-left: 4px solid var(--bs-primary); /* emphasize active team */
}
.user-team-row-subtle > *:first-child {
    border-left: 4px solid var(--bs-primary); /* subtle active-team indicator */
}
.user-team-card {
    border: 2px solid #0d6efd !important;
}



/*
|--------------------------------------------------------------------------
| Dashboard Page (dashboard.php)
|--------------------------------------------------------------------------
*/
h2.dashboard-game-title { /* league name */
	color: #254070;
}
table.dashboard-rankings-table thead tr th.dashboard-rankings-rank  {
	width: 100px;
}
table.dashboard-rankings-table thead tr th.dashboard-rankings-team  {
	width: 50%;
}
table.dashboard-division-table thead tr th.dashboard-division-division,
table.dashboard-division-table thead tr th.dashboard-division-record  {
	width: 110px;
}



/*
|--------------------------------------------------------------------------
| Standings Page (standings.php)
|--------------------------------------------------------------------------
*/
table.standings-table thead tr th.standings-rating  {
	width: 8%;
}
table.standings-table thead tr th.standings-school  {
	width: 40%;
}
table.standings-conference-table thead tr th {
	width: 12%;
}
table.standings-conference-table thead tr th.standings-conference-position  {
	width: 8%;
}
table.standings-conference-table thead tr th.standings-conference-team  {
	width: 56%;
}
table.standings-playoffs-table thead tr th {
	width: 12%;
}
table.standings-playoffs-table thead tr th.standings-playoffs-team  {
	width: 52%;
}
table.standings-playoffs-table thead tr th.standings-playoffs-net  {
	width: 10%;
}



/*
|--------------------------------------------------------------------------
| Schedule Page (schedule.php)
|--------------------------------------------------------------------------
*/
/* NOTE: all tables on this page have the class schedule-table */
table.schedule-table thead tr th.schedule-game-type {
	width: 160px;
}
table.schedule-table thead tr th.schedule-away-team,
table.schedule-table thead tr th.schedule-home-team {
	width: 33%;
}



/*
|--------------------------------------------------------------------------
| Rankings Page (rankings.php)
|--------------------------------------------------------------------------
*/
/* NOTE: all tables on this page have the class rankings-table */
table.rankings-table thead tr th.rankings-rank {
	width: 8%;
}
table.rankings-table thead tr th.rankings-record,
table.rankings-table thead tr th.rankings-rating,
table.rankings-table thead tr th.rankings-pts,
table.rankings-table thead tr th.rankings-avg,
table.rankings-table thead tr th.rankings-score {
	width: 8%;
}



/*
|--------------------------------------------------------------------------
| Record Book Page (record-book.php)
|--------------------------------------------------------------------------
*/
table.record-book-power-programs-table thead tr th {
	width: 10%;
}
table.record-book-power-programs-table thead tr th.record-book-power-programs-program {
	width: 40%;
}
table.record-book-championship-games-table thead tr th.record-book-championship-games-appearances,
table.record-book-championship-games-table thead tr th.record-book-championship-games-titles {
	width: 160px;
}
table.record-book-playoff-games-table thead tr th.record-book-playoff-games-playoffs,
table.record-book-playoff-games-table thead tr th.record-book-playoff-games-titles {
	width: 90px;
}
table.record-book-top-ten-table thead tr th.record-book-top-ten-top-ten,
table.record-book-top-ten-table thead tr th.record-book-top-ten-rate {
	width: 90px;
}
table.record-book-playoff-matchups-table thead tr th {
	width: 25%;
}



/*
|--------------------------------------------------------------------------
| Season History Page (season-history.php)
|--------------------------------------------------------------------------
*/
table.season-history-top-ten-table thead tr th.season-history-top-ten-rank  {
	width: 110px;
}
table.season-history-top-ten-table thead tr th.season-history-top-ten-playoffs {
	width: 180px;
}
table.season-history-final-standings-table thead tr th.season-history-final-standings-playoffs {
	width: 180px;
}



/*
|--------------------------------------------------------------------------
| League History Page (league-history.php)
|--------------------------------------------------------------------------
*/
table.league-history-champions-table thead tr th.league-history-champions-season,
table.league-history-champions-table thead tr th.league-history-champions-conference {
	width: 120px;
}
table.league-history-standings-table {
    width: 100%;
    table-layout: fixed;
}
table.league-history-standings-table thead tr th.league-history-standings-team {
	width: 360px;
}
table.league-history-standings-table thead tr th.league-history-standings-prestige {
	width: 180px;
}



/*
|--------------------------------------------------------------------------
| Team Page (team.php)
|--------------------------------------------------------------------------
*/
table.team-championship-history-table thead tr th  {
	width: 33%;
}
table.team-division-comparison-table thead tr th  {
	width: 12%;
}
table.team-division-comparison-table thead tr th.team-division-comparison-team  {
	width: 40%;
}
table.team-matchup-history-table thead tr th  {
	width: 10%;
}
table.team-matchup-history-table thead tr th.team-matchup-history-opponent  {
	width: 40%;
}
table.team-recent-seasons-table thead tr th.team-recent-seasons-season  {
	width: 120px;
}



/*
|--------------------------------------------------------------------------
| Play Game Page (play-game.php)
|--------------------------------------------------------------------------
*/
.game-scoreboard {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
    background: var(--bs-body-bg);
}
.game-scoreboard-team + .game-scoreboard-team {
    border-left: 1px solid var(--bs-border-color);
}
.game-scoreboard-nickname {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}
.game-scoreboard-score {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1;
    padding: 0.25rem 0 0.75rem;
}
.game-scoreboard-primary {
    height: 16px;
}
.game-scoreboard-secondary {
    height: 8px;
}



/*
|--------------------------------------------------------------------------
| Football Field (play-game.php)
|--------------------------------------------------------------------------
*/
.football-field {
    display: flex;
    width: 100%;
    height: 360px;
    background: #3f7d3a;
    border: 4px solid #fff;
    outline: 1px solid #adb5bd;
    overflow: hidden;
}
.football-end-zone {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #315f2e;
    color: #fff;
	font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.15em;
}
.football-end-zone span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}
.football-end-zone-away span {
    transform: rotate(180deg);
}
.football-playing-field {
    position: relative;
    width: 80%;
    height: 100%;
}
.yard-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.85);
}
.yard-number {
    position: absolute;
    left: 6px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    font-weight: 700;
}
.yard-number-top {
    top: 12px;
}
.yard-number-bottom {
    bottom: 12px;
}
.yard-line-10 { left: 10%; }
.yard-line-20 { left: 20%; }
.yard-line-30 { left: 30%; }
.yard-line-40 { left: 40%; }
.yard-line-50 { left: 50%; }
.yard-line-60 { left: 60%; }
.yard-line-70 { left: 70%; }
.yard-line-80 { left: 80%; }
.yard-line-90 { left: 90%; }
.football-playing-field::before,
.football-playing-field::after {
    content: "";
    position: absolute;
    left: -10px; /* left starting point */
    right: 10px; /* right ending point */
    height: 6px;
    opacity: 0.75;
    background: repeating-linear-gradient(
        to right,
        transparent 0,
        transparent 1.5%,
        rgba(255, 255, 255, 0.9) 1.5%,
        rgba(255, 255, 255, 0.9) 2%
    );
}
.football-playing-field::before {
    top: 33%;
}
.football-playing-field::after {
    bottom: 33%;
}
.football-ball {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 12px;
    background: #7a4b2a;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}



/*
|--------------------------------------------------------------------------
| Rating Pools Page (rating-pools.php)
|--------------------------------------------------------------------------
*/
table.rating-pools-current-previous-table thead tr th.rating-pools-current-previous-previous,
table.rating-pools-current-previous-table thead tr th.rating-pools-current-previous-arrow,
table.rating-pools-current-previous-table thead tr th.rating-pools-current-previous-current,
table.rating-pools-current-previous-table thead tr th.rating-pools-current-previous-change {
	width: 140px;
}



/*
|--------------------------------------------------------------------------
| Rating Level Results Page (rating-levels.php)
|--------------------------------------------------------------------------
*/
table.rating-levels-matchups-table thead tr th  {
	width: 16.67%;
}
table.rating-levels-by-week-table thead tr th  {
	width: 16.67%;
}