/** Standing Schedules and Roster Page Updates **/  
  /** This will need to be update to the team primary color **/
  :root {
    /* --primary-color: #F26C21 ;  */
    --neutral-color: #e2e2e2;
    --light-grey: #dddddd;
  }


/** General Updates**/
  a.underline{
    text-decoration: underline;
  }

  a.underline:hover,
  a.underline:focus{
    text-decoration: none;
  }


   /** Title Header **/
  .page-header .title-header{
    color: #555555;
    font-family: "franklin-gothic-urw-comp",sans-serif;
    font-size: 25px;
    font-weight: 500 !important;
    border-bottom: 1px dotted #CBCBCB !important;
    padding-bottom: 8px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
    padding-left: .5em !important;
    border-left: 5px solid var(--primary-color);
  }
  
  /** Button Updates **/
  .neutral-color-button {
        background-color: var( --neutral-color)!important;
        color: #000 !important;
        border: 1px solid var(--neutral-color)!important;
        background-image: none!important;
    }

    /** Chart **/
    #overall-percent-doughnutChart,
    #conf-percent-doughnutChart{
        width: 60px !important;
        height:60px !important;

    }

    /** Page Header Actions Update **/
    .page-header__actions{
        margin: 1em -15px;
    }


    /** Badge Updatge **/ 
    .badge-default{
        background: var(--neutral-color);
        color: var(--primary-color);
        font-weight: 700;
    }

       /** Badge Updatge **/ 
    .neutral-bg-color{
        background: var(--neutral-color);
       
    }

    .boxStyle .teamcalc{
        border-radius: 10px !important;
        overflow: hidden;

    }

  .flex {
    display: flex;
    gap: 1em;
  }

  .inline-flex{
    display: inline-flex;
    gap: .4em;
  }


  .flex.nogap,
  .nogap{
    gap: 0;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }


  .flex-space-between{
    justify-content: space-between;
  }

  .flex-space-around{
    justify-content: space-around;
  }

  .flex-space-space-evenly{
    justify-content: space-evenly;
  }

  .whitespace-nowrap{
    flex-wrap: nowrap; 
  }

  .items-center {
    align-items: center;
  }

  .full-w {
    width: 100%;
  }

  .theme-color,
  .ds-card .theme-color{
    color: var(--primary-color);
  }


  .ds-card {
    padding: 20px;
    overflow: hidden;
    border: 1px solid #969696;
    border-left: 15px;
    border-radius: 16px;
    border-left: 10px solid var(--primary-color);
    margin-bottom: 1em;
    font-family: 'Open Sans', sans-serif !important;
  }


  .ds-card--inactive{
    border-left: 10px solid var(--neutral-color);
  }


   .ds-card--no-state{
    border: 1px solid #969696;
  }

  .ds-card__header__img{
    height: 60px;
    width: auto;
  }

  .ds-card__header__profile-image  img{
     height: 80px;
    width: auto;
  }

  .ds-card a {
    text-decoration: none;
    color: #000;
  }

  .ds-card a:hover,
  .ds-card a:focus {
    text-decoration: underline;
    color: #000;
  }


    .ds-card__header__team{
        flex-basis: 45%;
    }


     .ds-card__header__game-score-time{
        flex-basis: 30%;
     }

  .ds-card__header__team,
  .ds-card__header__game-score-time {
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
    
  }

  /* .ds-card__action-button{
    flex-shrink: 1;
    justify-content: end;
  } */

  .ds-card__header__team-logo,
  .ds-card__header__profile-image{
    position: relative;
  }

  .ds-stamp {
    position: absolute;
    border-radius: 100%;
    right: 0px;
    bottom: 0px;
    height: 18px;
    width: 18px;
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    padding: 4px;
  }

  .ds-stamp__text {
    width: 100%;
    font-size: 1rem !important;
    font-weight: 700;
  }

  .ds-stamp--vs {
    background: var(--primary-color);
    color: #fff;
  }

  .ds-stamp--at {
    background: var(--light-grey);
    color: #555555;
  }

  .ds-text-small-bold {

    font-size: 0.75rem;
    font-stretch: 100%;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: none;
    font-weight: 700;
  }

  .s-text-paragraph-bold{
    font-weight: 700;
  }


  .s-text-paragraph-small, 
  .s-text-paragraph-small-bold,
  .s-text-paragraph-small strong,
  .s-text-paragraph-small-bold strong{
        font-size: 1.2rem;
  }

   .s-text-paragraph-small strong,
  .s-text-paragraph-small-bold strong{
    margin-right: 0 !important;
  }

  .s-text-paragraph-bold,
  .s-text-paragraph-small{
    gap: .5em;
    margin-bottom: 0;
  }

  a.underline,  
  .s-text-paragraph-small-underline{
    text-decoration: underline !important;
  }

  a.underline:hover,
  a.underline:focus
 .s-text-paragraph-small-underline:hover,
 .s-text-paragraph-small-underline:focus{
    text-decoration: none !important;
  }


   .show-tablet{
        display: none;
    }

    .hide-tablet{
        display: initial;
    }

  @media screen and (max-width: 999px) {

    .hide-tablet{
        display: none;
    }

    .show-tablet{
        display: initial;
    }

    .ds-card{
        padding: 1rem;
    }

    .ds-card__header__team,
    .ds-card__header__game-score-time {
        flex-grow: 1;
        flex-wrap: nowrap;
    }

    .ds-card__header__team{
        width: 75%;
    }

    .ds-card__header__game-score-time{
        text-align: right;
        width: 20%;
    }

    .ds-card__header__game-score-time p{
        text-align: right;
    }

    /* .ds-card__action-button{
        flex-shrink: 1;
        justify-content: start;
        flex-basis: 100%;
    } */

    .s-text-paragraph-bold{
         font-size: 1.3rem;
    }
   
    .s-text-paragraph-small{
        font-size: 1.2rem;
    }

        .page-header__actions .column6{
        width: 100% !important;
        margin-bottom: 0em !important;
        padding: 8px !important;
    
    }

    .page-header__actions .column6{
        width: 100%;
        margin-bottom: .5em;
        text-align: left;
    }

    .page-header__actions .column6 .search{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .page-header__actions .column6 select{

        width: 100%;
        margin: .5em 0;
    }
  }

  @media screen and (max-width: 750px) {

    #schoolContainer-columnRight{
        display: none;
    }

    .ds-card__header__team-logo,
    .ds-card__header__profile-image,
    .ds-card__header__team-event-info,
    .ds-card__header__game-score-time,
    .ds-card__header__team,
    .ds-card__header__team-event-info {
      flex-direction: column;
      text-align: center;
      justify-content: center;
      justify-items: center;
    }
    
    .ds-card{
        margin-left: 0px;
        margin-right: 0px;
    }

    .ds-card__header__team, 
    .ds-card__header__game-score-time{
        width: 100%;
    }


    .ds-card__header__game-score-time p{
        text-align: center;
        justify-content: end;
    }

    .justify-center {
      justify-content: center;
    }

    .ds-card a {
      text-align: center;
    }

    .flex-row {
      flex-direction: column;
    }

    .page-header__actions .column6{
        width: 100%;
        margin-bottom: .5em;
        display: flex;
        justify-content: space-between;
    }

    .page-header__actions .column6{
        width: 100%;
        margin-bottom: .5em;
    }

    .s-text-paragraph-bold{
         font-size: 1.2rem;
    }
   
    .s-text-paragraph-small{
        font-size: 1rem;
    }

    .search .inline-flex{
        width: 100%;
    }

    .page-header__actions{
        margin-top: .5em;
        margin-bottom: .5em;
    }

     .eachBox{ 
        padding: 0px 0;
        min-height: 67px;
    }
    
    .eachBox h3{
        font-size: 18px;
    }
   
     .hide-tablet{
        display: none !important;
    }

    .teamSchedule .schedule .year-filter, .teamSchedule .schedule-test .year-filter{
        width: 100%;
        min-width: 0;
    }

    .cal_button_text {
        display: none !important;
    }

    .ds-card__action-button {
        margin-left: 0 !important;           /* remove push on mobile */
        align-items: center !important;       /* center buttons horizontally */
    }

    .ds-card__action-button .live-buy-row {
        justify-content: center;   /* center live/buy buttons row */
    }
  }


.teamStandings #standingHolder .tablesaw thead th{
  line-height: 1em;
  padding: 10px;
}

 .standings-section tr:nth-child(2n+1),
  .standings-section tr:nth-child(2n+1) td
 {
	background: #eeeeee;
}

 .standings-section tr:nth-child(2n),
  .standings-section tr:nth-child(2n) td
 {
	background: #fff;
}

  .h-table{
    overflow: auto;
    width: 100%;

  }

  .rankingTable{
    tr th:nth-of-type(1),
    tr td:nth-of-type(1){
      position: sticky;
      left: 0;
     
    }
  }

  @media screen and (max-width: 550px) {
     .schoolContainer-columnRight{
      display: none;
    }

    .footer-nav--top{
      margin: 0 0 3em;
    }
  }

  .whitespace-nowrap{
      white-space: nowrap;
  }

  .white-color{
    color: #ffff !important;
  }

   .black-color{
    color: #000 !important;
  }

  .tooltip-inner {
      width: 200px !important;
     
  }

  .tooltip .tooltip-inner {
      background-color: #ffffff !important;
      color: #000 !important;
      border: 1px solid black !important;
  }

  /* Container holding Game Info + Live/Buy */
  .ds-card__action-button {
      display: flex;
      flex-direction: column;   /* stack rows */
      align-items: flex-end;    /* right-align the buttons */
      gap: 8px;
      margin-left: auto;        /* push container to the right of its parent flex row */
  }

  /* Game Info button normal size */
  .ds-card__action-button > button {
      flex: 0 0 auto;
      /* width: auto; */
      width: 130px;
  }

  /* Live + Buy Now row */
  .ds-card__action-button .live-buy-row {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  /* Live + Buy Now buttons normal size */
  .ds-card__action-button .live-buy-row a {
      width: 130px;
  }



  .ds-tournament-container{
    border-radius: 16px;
    overflow: hidden;
    z-index: 1;
    position: relative;
  }

  .ds-tournament-container .ds-card{
    position: relative;
    top: -17px;
  }

  .ds-tournament-container__header{
    background: #000;
    color: #fff;
    font-weight: 700;
    padding: 5px 10px 20px
  }


  .ds-tournament-container__header::after{
    content: '';
    width: 100%;
    background-color: #fff;
    height: 100%;
    border-radius: 16px;
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;

  }