/*
Theme Name: HOOPS Commissioner
Theme URI: http://hoops.hk
Description: For every basketball manager from league commissioner to team managers
Author: Benny Wong (bennywong.com) & Irmina Ng (irminang.com)
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

@import url('https://fonts.googleapis.com/css?family=Squada+One');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
@import url('https://fonts.googleapis.com/css?family=Economica');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Teko:300');
@import url('https://fonts.googleapis.com/css?family=Lekton:400,700');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

/* === TYPOGRAPHY === */

@font-face {
font-family:'diginum';
src: url('https://hoops.hk/fonts/DS-Digital.ttf.woff');
}

/* numbers */
.num-solo{font-family: 'Squada One', cursive;}
.num-busy{font-family: 'Open Sans Condensed', sans-serif;}
.num-digital{font-family: 'diginum';}
.num-read{font-family: 'Lekton', sans-serif;}
/* text */
.txt-mono{font-family: 'Roboto Mono', monospace;}
.txt-menu{font-family: 'Ubuntu Condensed', sans-serif;}
.txt-title{font-family: 'Economica', sans-serif;}
.txt-read{font-family: 'Open Sans', sans-serif;}
.txt-busy{font-family: 'Teko', sans-serif;}
.colour-W{color:#00cc00;}
.colour-L{color:#cc0000;}
/* === FOOTER === */
/*#sba-footer{
    position: relative;
}*/
.commissioner-header{
    background: #F5F5F5;
}
/* In your theme's custom CSS or a child theme's style.css */
.sticky-top {
    z-index: 999; /* Adjust as needed, ensure it's lower than admin bar's z-index */
}

/* If the admin bar is still covering it, you might need to target the admin bar specifically */
#wpadminbar {
    z-index: 1000; /* This is typically the default, but ensure it's higher than your sticky element */
}
body{
    background: #393939;
}
#hoopshk-page{
    background: #FCFCFC;
}
body a{
   color: #900; 
}
body a:hover{
   color: #E00; 
}

.table a{
    text-decoration: none;
}

/* Inputs */
input{
    font-family: 'Roboto Mono', monospace;
}
.input-team_name{
    width: 200px;
}
.input-team_name_short{
    width: 50px;
}
/*
.league-wrap{
    font-family: 'Roboto Mono', monospace;
}
.league-wrap h1,
.league-wrap h2,
.league-wrap h3,
.league-wrap h4,
.league-wrap h5{
    font-family: 'Economica', sans-serif;
}
button{
    font-family: 'Roboto Mono', monospace;
}*/


#wpadminbar #wp-admin-bar-james .ab-icon:before {
    content: '\f484'; 
    top: 3px;
}
.league-breadcrumb{
    background-color: #393939;
}
.league-breadcrumb,
.league-breadcrumb a{
    text-decoration: none;
    color: #333;
    color: #ccc;
}
.league-breadcrumb a:hover{
    text-decoration: underline;
    color: #666;
    color: #FFF;
}
.bread-separators{
    color: #DDD;
    color:#AAA;
    color: #777;
}
.score-winner .arrow-left {
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;   
    border-right: 7px solid #333; 
}
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;   
    border-right: 7px solid #333; 
}
.hoops-paginations .current .btn{
    background: #900;
    color: #EEE;
}

.game-forfeited,
.game-forfeited a{
    color: #333;
}

.header-secondary{
    background: #FEFEFE;
    box-shadow: 0px 3px 3px #f1f1f1;
}

.game-menus:hover{
    color: #C00;
}
.game-menu-on{
    border-bottom: 3px solid #900;
}
.game-menu-fade{
    color: #faaea7;
}

.game-match-teams{
    width: 240px;
}
.game-match-wrap .game-score{
    font-size: 48px;
    font-weight: bold;
}

table.table-game tbody tr.play-off{
    background: #fcf5f5;
}
table.table-game tbody tr.second-round{
    background: #faeceb;
}
table.table-game tbody tr.semi-final{
    background: #fce5e3;
}
table.table-game tbody tr.third-place{
    background: #ffdedb;
}
table.table-game tbody tr.championship{
    background: #fcdbd9;
}