:root {
  --main-100: #3d471f;
  --main-200: #5b6a2e;
  --main-400-main: #798d3d;
  --main-600: #BCC69E;
  --secondary-100: #3e4236;
  --secondary-200: #616558;
  --secondary-300: #a0a397;
  --secondary-400-main: #d1d0c4;
  --secondary-500: #dedcd0;
  --secondary-600-text-light-primary: #ebe8dc;
  --secondary-700: #f5f4ee;
  --support-200-background: #13210f;
  --support-400-main: #465230;
  --support-500: #56603d;
  --support-600: #5e6744;
  --actions-dark-100-15: #1d1d1d26;
}

/*Leaderboard*/
/*Division 1 tablet*/
.wow-division-table-container {
  width: 100%;
  display: flex;
}

/*Table*/
.wow-division-table {
  width: 100%;
  /*border-spacing: 8px 0 !important;*/
  border: 0px;
  height: fit-content;
  border-collapse: separate;
}

/*Header*/
/*First row*/
.wow-division-table-header-1row th {
  text-align: start;
  border: 1px solid #d1d0c4 !important;
  border-width: 0 0 1px 0 !important;
  border-radius: 4px;
  font-family: Margest;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  padding: 0;
}

.wow-division-table-header-1row th .wow-division-table-1row-home {
  padding: 4px 16px;
  background-color: #d1d0c4;
  color: #13210f;
  border-radius: 4px 4px 0 0;
}

.wow-division-table-header-1row th .wow-division-table-1row-Away {
  padding: 4px 16px;
  background-color: #a0a397;
  color: #13210f;
  border-radius: 4px 4px 0 0;
}

.wow-division-table-header-1row th .wow-division-table-1row-Overall {
  padding: 4px 16px;
  background-color: #616558;
  color: #ebe8dc;
  border-radius: 4px 4px 0 0;
}

/*Second row*/
.wow-division-table-header-2row th {
  font-family: Margest;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5em;
  border: 0;
}

.wow-division-table-header-2row .wow-division-table-2row-Team {
  text-align: start !important;
  width: 22.3%;
  padding: 12px 16px 12px 80px !important;
}

.wow-division-table-header-2row th:not(.wow-division-table-2row-Team) {
  padding: 12px !important;
  text-align: center;
  border-width: 0;
}

/*Body*/
/*Row*/
.wow-division-table-row:first-child {
  transition: all 0.3s ease-in-out;
  color: var(--secondary-400-main) !important;
}

.wow-division-table-row:first-child th {
  background-color: var(--main-400-main);
  border-radius: 4px 0 0 4px;
}

.wow-division-table-row:first-child th .wow-div-interal {
  color: var(--secondary-600-text-light-primary);
}

.wow-division-table-row:first-child td {
  background-color: var(--main-400-main);
}

.wow-division-table-row:first-child:hover th,
.wow-division-table-row:first-child:hover td {
  background-color: var(--support-200-background);
}

.wow-division-table-row:first-child
  td[category="overall-total"]
  .wow-div-interal,
.wow-division-table-row:first-child td .wow-div-interal.result {
  color: var(--secondary-600-text-light-primary) !important;
}

.wow-division-table-row:first-child:hover
  td[category="overall-total"]
  .wow-div-interal,
.wow-division-table-row:first-child:hover td .wow-div-interal.result {
  color: var(--secondary-600-text-light-primary) !important;
}

.wow-division-table-row {
  transition: all 0.3s ease-in-out;
  height: 72px !important;
  max-height: 72px !important;
  border-radius: 4px;
}

.wow-division-table-row th {
  border-radius: 4px 0 0 4px;
  transition: 0.3s ease-in-out;
}

.wow-division-table-row:hover th,
.wow-division-table-row:hover td {
  background-color: var(--secondary-600-text-light-primary);
}

.wow-division-table-row:hover td .wow-div-interal {
  color: var(--secondary-300) !important;
}

.wow-division-table-row:hover td .wow-div-interal.result {
  color: var(--support-200-background) !important;
}

/*Cells*/
.wow-division-table-row td {
  border: 1px solid var(--secondary-400-main);
  border-width: 0 0 1px 0;
  padding: 0;
  align-content: center;
  transition: 0.3s ease-in-out;
}

.wow-division-table-row td .wow-div-interal {
  padding: 16px 0 !important;
  text-align: center;
  align-content: center;
  font-family: Plus Jakarta Sans;
  /*font-size: 20px;*/
  font-style: normal;
  font-weight: 400;
  /*line-height: 1.6em;*/
  color: var(--secondary-300);
}

.wow-division-table-row td .wow-div-interal.result {
  color: var(--support-200-background);
}

/*Team cell*/
.wow-division-table-row .wow-division-table-row-team {
  border: 1px solid var(--secondary-400-main);
  border-width: 0 0 1px 0;
  padding: 0;
}

.wow-division-table-row .wow-division-table-row-team .wow-div-interal {
  display: flex;
  padding: 16px 0 !important;
  font-family: Margest;
  font-style: normal;
  font-weight: 400;
  align-items: center;
}

.wow-division-table-row .wow-division-table-row-team a {
  display: flex;
  flex-direction: row;
  width: fit-content;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  align-items: center;
}

.wow-division-table-row th .wow-div-interal a:hover {
  opacity: 0.7;
}

.wow-division-table-row:first-child
  .wow-division-table-row-team
  a
  .wow-division-table-row-teamName {
  text-align: start;
  color: var(--secondary-600-text-light-primary);
}

.wow-division-table-row
  .wow-division-table-row-team
  a
  .wow-division-table-row-teamName {
  text-align: start;
  color: var(--support-200-background);
}

/*Img*/
.wow-division-table-row
  .wow-division-table-row-team
  .wow-division-table-row-image-container {
  display: flex;
  margin: 0 16px 0 0;
  align-items: center;
}

.wow-division-table-row
  .wow-division-table-row-team
  .wow-division-table-row-image-container
  img {
  width: 40px;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: center;
  border-radius: 40px;
  background-color: #fff;
}

/*@media only screen and (min-width: 1025px) {
  .wow-division-table-row-accordion-home,
  .wow-division-table-row-accordion-away {
    display: none;
  }
}*/

@media only screen and (min-width: 1540px) {
  td[category="overall-arrow"] {
    display: none !important;
  }

  .wow-division-table-row:first-child td[category="overall-total"] {
    border-radius: 0 4px 4px 0;
  }

  .wow-division-table-row-accordion-home,
  .wow-division-table-row-accordion-away {
    display: none;
  }

  .wow-division-table-row .wow-division-table-row-team .wow-div-interal,
  .wow-division-table-row td .wow-div-interal {
    font-size: 20px;
    line-height: 1.6em;
  }

  .wow-division-table-row
    .wow-division-table-row-team
    .wow-division-table-row-place {
    width: 20%;
  }
}

/*@media only screen and (min-width: 768px) and (max-width: 1024px) {*/
@media only screen and (min-width: 768px) and (max-width: 1539px) {
  /*Tablet*/
  th[category="home"],
  th[category="away"],
  td[category="home"],
  td[category="away"],
  td[category="overall-arrow"] {
    display: none !important;
  }

  .wow-division-table-row:first-child td[category="overall-total"] {
    border-radius: 0 4px 4px 0;
  }

  /*Default row*/
  .wow-division-table-2row-Team {
    width: 43% !important;
  }

  /*Accordion row*/
  .wow-division-table-row.active {
    background-color: var(--support-600); /* example highlight */
  }

  /*Accordion cells*/
  .wow-division-table-row-accordion-home td {
    padding: 16px 0 8px 0 !important;
    border: 0;
    align-content: center;
    background-color: var(--secondary-600-text-light-primary) !important;
  }

  .wow-division-table-row-accordion-away td {
    padding: 8px 0 16px 0 !important;
    border: 0;
    align-content: center;
    background-color: var(--secondary-600-text-light-primary) !important;
  }
  /*Title*/
  .wow-division-table-row-accordion-home
    td[category="title"]
    .wow-table-row-accordion-title,
  .wow-division-table-row-accordion-away
    td[category="title"]
    .wow-table-row-accordion-title {
    display: flex;
    justify-content: end;
  }

  .wow-table-row-accordion-title .wow-table-row-accordion-title-home {
    background-color: var(--secondary-400-main);
    padding: 4px 16px;
    border-radius: 4px;
  }

  .wow-table-row-accordion-title .wow-table-row-accordion-title-away {
    background-color: var(--secondary-300);
    padding: 4px 16px;
    border-radius: 4px;
  }

  /*Others*/
  .wow-division-table-row-accordion-home td[category="accordion-home"],
  .wow-division-table-row-accordion-away td[category="accordion-away"] {
    text-align: center;
  }

  .wow-division-table-row .wow-division-table-row-team .wow-div-interal,
  .wow-division-table-row td .wow-div-interal {
    font-size: 16px;
    line-height: 1.5em;
  }

  .wow-division-table-row
    .wow-division-table-row-team
    .wow-division-table-row-place {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  /*Tablet*/
  th[category="home"],
  th[category="away"],
  th[category="overall"],
  td[category="home"],
  td[category="away"],
  td[category="overall"] {
    display: none !important;
  }

  td[category="overall-total"] .wow-div-interal.result{
    padding: 16px 8px !important;
  }

  td[category="overall-arrow"] {
    border-radius: 0 4px 4px 0 !important;
  }

  td[category="overall-arrow"] .wow-div-interal.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 4px 16px 0 !important;
  }

  .wow-division-table-row:first-child td[category="overall-arrow"] .wow-div-interal.arrow svg {
    fill: var(--secondary-600-text-light-primary);
  }

  .wow-division-table-row td[category="overall-arrow"] .wow-div-interal.arrow svg {
    fill: var(--support-200-background);
  }

  .wow-division-table-row-accordion-mobile td {
    padding: 16px !important;
  }

  /*Default row*/
  .wow-division-table-2row-Team {
    width: 76.7% !important;
  }

  /*Accordion*/
  .wow-division-table-row-accordion-mobile {
    height: 392px;
  }

  .wow-division-table-row-accordion-mobile td {
    padding: 16px !important;
  }

  .wow-division-table-row-accordion-mobile
    td
    .wow-table-row-accordion-custom-table {
    display: flex;
    flex-direction: row;
  }

  /*Accordion coll*/
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-Label {
    display: flex;
    flex-direction: column;
    width: 20.9%;
  }

  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-home,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-away,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-overall {
    display: flex;
    flex-direction: column;
    width: 26.37%;
    padding: 0 0 0 8px;
  }

  /*Accordion cells*/

  /*Label*/
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-Label
    .wow-custom-table-header-col-label {
    height: 24px;
  }

  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-home
    .wow-custom-table-header-col,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-away
    .wow-custom-table-header-col,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-overall
    .wow-custom-table-header-col {
    text-align: center;
    /*padding: 0px 16px;*/
    border-radius: 4px 4px 0 0;
    font-family: Margest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--support-200-background);
  }
  /*Home*/
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-home
    .wow-custom-table-header-col {
    background-color: var(--secondary-400-main);
  }
  /*Away*/
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-away
    .wow-custom-table-header-col {
    background-color: var(--secondary-300);
  }
  /*Overall*/
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-overall
    .wow-custom-table-header-col {
    background-color: var(--secondary-200);
    color: var(--secondary-600-text-light-primary) !important;
  }

  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-Label
    .wow-custom-table-body-col-item {
    text-align: start;
    align-content: center;
    height: 48px;

    font-family: Margest;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--support-200-background);
  }

  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-home
    .wow-custom-table-body-col-item,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-away
    .wow-custom-table-body-col-item,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-overall
    .wow-custom-table-body-col-item {
    text-align: center;
    align-content: center;
    height: 48px;

    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--secondary-300);
  }

  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-home
    .wow-custom-table-body-col-item.wow-total,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-away
    .wow-custom-table-body-col-item.wow-total,
  .wow-division-table-row-accordion-mobile
    .wow-table-row-accordion-custom-table
    .wow-custom-table-body-col-overall
    .wow-custom-table-body-col-item.wow-total {
    font-weight: 500 !important;
    color: var(--support-200-background) !important;
  }

  .wow-division-table-row .wow-division-table-row-team .wow-div-interal,
  .wow-division-table-row td .wow-div-interal {
    font-size: 16px !important;
    line-height: 1.5em !important;
  }

  .wow-division-table-row
    .wow-division-table-row-team
    .wow-division-table-row-place {
    width: 13.9%;
  }
}