figure {
  width: 100%;
  margin: 0 auto;
}

figure .table-wrapper table {
  text-align: left;
  /* table-layout: fixed; */
  border-collapse: collapse; 
  border-spacing: 0;
  margin-bottom: 0 !important;
}

figure .table-wrapper table thead td,
figure .table-wrapper table thead th {
  vertical-align: middle;
  font-size: 14px;
  text-align: center !important;
  border: solid 1px #84000D;
  font-weight: 600;
  background: #F7F7F7;
  
}

figure .table-wrapper table tbody td {
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  border: solid 1px #84000D;
  
}

th {
  white-space: nowrap;
  position: sticky;
  left: 0;
  background: white;
  border: solid 1px #84000D;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
 
}
tr{
    white-space: nowrap;
}

th::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    background: linear-gradient(to right, rgba(73, 1, 8, 0.7) 0%, transparent 100%);
    width: 0.5rem;
    height: 100%;
}


.table-wrapper {
  overflow: auto;
  border: solid 2px #84000D;
  border-radius: 10px;
}

.force-mobile {
  max-width: 568px;
  padding: 2rem;
  background-color: var(--color-secondary);
  min-height: calc(100vh - 6rem);
}

.itsame,
.itsame th{
  background: #84000D;
  color: white !important;
  border-color: #490108;
}

.col_1,
.col_3,
.col_5,
.col_7,
.col_8,
.col_10,
.col_11,
.col_12,
.col_16,
.col_17,
.col_18,
.col_19,
.col_20,
.col_21,
.col_22,
.col_23,
.col_24  {
  display: none;
}


@media (max-width: 768px){
    th {
      white-space: unset;
      padding: 5px 12px !important;
    }
    tr{
        white-space: unset;
    }
    td{
      vertical-align: middle !important;
    }
}



/* fixture */
.fixture_wrap{
  
}
.round {
    padding: 0px;
    border: solid 2px #84060c;
    border-bottom: solid 0px #84060c;
    overflow: hidden;
    display: grid;
    grid-template-columns: 8em 1fr 200px 1fr 100px;
    align-items: center;
}
.round:first-of-type{
  border-radius: 10px 10px 0 0;
}
.round:last-of-type{
  border-radius: 0 0 10px 10px;
  border-bottom: solid 2px #84060c;
}
.round.FINAL {
   background: #f7f7f7;
   margin: 0 10px;
}
.round_number{
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}
.round_number span{
text-align: center;
font-size: 14px;
display: block;
padding: 4px;
background: #f7f7f7;
border: solid 1px;
margin: auto 20px;
line-height: 1;
border-radius: 4px;
font-weight: 400;
}

.play_hq_link{
  background: #84060c;
  color: white;
  text-align: center;
  padding: 1em;
  line-height: 1.2;
  border: solid 2px;
}

.play_hq_link:hover{
  background: #4d0306;
}

.round:first-of-type .play_hq_link{
  border-radius: 0 10px 0 0;
}

.round:last-of-type .play_hq_link {
  border-radius: 0 0 10px 0;
}





.season-grid{
    margin: 0;
    padding: 0 !important;
}
.season-grid li {
    list-style: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #7d0013;
    margin-bottom: 5px;
}
.season-grid li a{
    display: block;
    border-radius: 10px;
    padding: 10px;
    background: #f7f7f7;
    transition: ease .3s;
}
.season-grid li a:hover{
  background: #f3f3f3;
  padding-left: 20px !important;
}



.back_btn {
    background-color: #84000d;
    border-radius: 7px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 14px;
    color: white;
    padding: 5px 10px;
    vertical-align: bottom;
}

@media (max-width: 768px){
    .round {
    grid-template-columns:  1fr;
    text-align: center;
}

a.play_hq_link {
    padding: 7px;
    margin: 0 auto 10px;
    border-radius: 10px !important;
    width: 200px !important;
}
}