@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {
  --rd-theme-font-family: "Blinker", sans-serif;;
  --rd-app-color: #FCAF19;
  --rd-app-font-size: clamp(0.87rem, 0.9vw, 1rem);
  --rd-app-primary-color: #5E6278;
  --rd-app-font-weight:400;
  --rd-app-bg-color: transparent;
  --rd-app-fixtures-table-head-color:#fff;
}
/*page scrollbar css*/
html
{
	scrollbar-color: #A1A5B7 #B5B5C3;
	scrollbar-width: thin;
}
::-webkit-scrollbar
{
	width: 6px;
	height: 4px;
}
::-webkit-scrollbar-thumb
{
	background-color: #A1A5B7;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover
{
	background-color: #A1A5B7;
}
::-webkit-scrollbar-track
{
	background-color: transparent;
}
/*page scrollbar css end*/

body {
  font-family: var(--rd-theme-font-family);
  color: var(--rd-app-primary-color);
  font-size: var(--rd-app-font-size);
  font-weight: var(--rd-app-font-weight);
  background-color: var(--rd-app-bg-color);
}
/*head sm icon*/
.sm-icon svg
{
  width: 21px;
  height: 21px;
}
.main-menu
{
  border-bottom: 3px solid var(--rd-app-color);
  padding: 1.9rem 0rem;
  background-color: var(--rd-app-bg-color);
}
.main-menu .navbar-brand
{
  position: relative;
}
.main-menu .navbar-brand img
{
  position: absolute;
  height: 110px;
  top: -4rem;
  transition: all 0.2s linear 0s;
}
.scrolled .navbar-brand img
{
  height: 85px !important;
  top: -2.5rem;
}
.main-menu .navbar-nav .nav-item .nav-link
{
  color: #fff;
  font-size: clamp(1.1rem, 1.1vw, 1.3rem);
  padding: 0rem 1.8rem;
  font-weight: normal;
}
.main-menu .navbar-nav .nav-item
{
  padding: 0rem 0.5rem;
}
.main-menu .navbar-nav .nav-item .nav-link:hover
{
  position: relative;
}
.main-menu .navbar-nav .nav-item .nav-link:hover::after
{
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  height: 1px;
  left: 0;
}
.main-menu .navbar-nav .nav-item .nav-link.active
{
  background-color: #fff;
  color: #000;
  border-radius: 2px;
}
.hero-bg
{
  background-image: url(../images/hero-img.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: calc(100vh - 50px);
  width: 100%;
}
.sec-title
{
  font-size: clamp(3rem, 5.5vw, 6rem);
  color: #fff;
  font-weight: normal;
}
.sec-title svg
{
  width: 30px;
  height: 24px;
}
.stories
{
  background-color: #fff;
  font-family: "Blinker", sans-serif;
  color: #000;
  margin-bottom: 1.4rem;
}
.stories .stories-thumb
{
  aspect-ratio: 16 / 10;
  width: 100%;
  transition: transform .2s;
}
.stories .stories-title
{
  font-family: var(--rd-theme-font-family);
  font-size: clamp(1.1rem, 1.5vw, 2rem);
  padding-top:0.2rem;
  font-weight: normal;
}
.stories:hover .stories-thumb
{
  transform: scale(1.1);
}
.fixtures-bg
{
  background-image: url(../images/fixtures-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
}
.fixtures-table thead th
{
  text-align: center;
  background-color: #202020;
  padding: 0.5rem;
  color: var(--rd-app-fixtures-table-head-color);
  font-size: 1.2rem;
  font-weight: normal;
  border: 0;
  position: relative;
  width: 33%;
}
.fixtures-table thead th::after
{
  content: "";
  position: absolute;
  right: 0;
  top: 0.55rem;
  width: 2px;
  height: 60%;
  background-color: var(--rd-app-fixtures-table-head-color);
}
.fixtures-table thead th:last-child::after
{
  display: none;
}
.fixtures-table tbody td
{
  text-align: center;
  background-color: #f8e085;
  color: #202020;
  padding: 0.5rem;
  font-family: "Blinker", sans-serif;
  border: 0;
  vertical-align: middle;
}
.fixtures-table>tbody>tr:nth-of-type(odd)>*
{
  background-color: #fff;
}

.player-table thead th
{
  text-align: center;
  background-color:#122284;
  padding: 0.5rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  border: 0;
  position: relative;
}
.player-table thead th:first-child
{
  border-top-left-radius: 15px;
  /* text-align: left; */
}
.player-table thead th:last-child
{
  border-top-right-radius: 15px;
}
.player-table thead th::after
{
  content: "";
  position: absolute;
  right: 0;
  top: 0.55rem;
  width: 2px;
  height: 60%;
  background-color: #fff;
}
.player-table thead th:last-child::after
{
  display: none;
}
.player-table tbody td
{
  text-align: center;
  background-color:   rgb(255 255 255 / 100%);
  /* background-color: rgba(255, 255, 255, 70%);  */
  color: #202020;
  padding: 0.5rem;
  font-family: "Blinker", sans-serif;
  border: 0;
  vertical-align: middle;
}
/* .player-table tbody td:first-child
{
  text-align: left;
} */
.player-table>tbody>tr:nth-of-type(odd)>*
{
  background-color: #fff;
}
.app-bg
{
  background-color: var(--rd-app-color) !important;
}
.text-app-color
{
  color: var(--rd-app-color) !important;
}
.rounded-top-right
{
  border-top-left-radius: 6px !important;
}
.league-tracker-outer-box
{
  display: grid;
  gap: 1rem;
  grid-template-columns: 3fr 1fr;
}
.league-tracker-inner-box
{
  display: grid;
  gap: 1rem;
  grid-template-columns: 2fr 1fr;
}
.league-tracker-inner-box-1
{
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 2fr;
}
.league-tracker-inner-box-2
{
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
.league-tracker-splt-box
{
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
.league-tracker-box > .label-value
{
  font-size: 4.5rem;
  line-height: 1.1;
}
.fours, .fours div, .sixers, .sixers div
{
  position: relative;
  z-index: 2;
}
.fours::before
{
  content: "4";
  font-size: 13rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -95%;
  left: 0;
  opacity: 10%;
}
.sixers::before
{
  content: "6";
  font-size: 13rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -95%;
  left: 0;
  opacity: 10%;
}
.indicators
{
  display: flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.indicators span
{
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 100vmax;
  background-color: rgba(0, 0, 0, 30%);
}
.indicators span.active
{
  background-color: rgba(0, 0, 0, 100%);
}
.team-member-box
{
  display: flex;
  gap: 2rem;
  color: #fff;
  position: relative;
  background-image: url(../images/palerinfo-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: .7rem;
  width: 420px;
  flex: 0 0 auto;
  margin-top: 5rem;
}
.team-member-box .player-img
{
  flex-basis: 35%;
  width: 35%;
  position: relative;
}
.team-member-box .player-img img
{
  position: absolute;
  bottom: 0;
  width: 105%;
  transition: all 0.2s linear 0s;
}
.team-member-box:hover .player-img img
{
  width: 115%;
}
.team-member-box .player-info
{
  flex-basis: 65%;
  width: 65%;
}
.team-member-box-1
{
  background-image: url(../images/palerinfo-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: .7rem;
}
.team-member-box:first-child
{
  margin-left: 15%;
}
.statistics-bg
{
  background-image: url(../images/statistics-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  border-radius: 1rem;
}
.statistics-profile-box
{
  display: grid;
  grid-template-columns: 35% 30% 35%;
}
.statistics-palyer
{
  background-color: #0448BB;
  padding: 1.4rem 1rem;
  border-radius: 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s linear 0s;
}
.statistics-palyer .stat-head
{
  color: #fff;
  transition: all 0.2s linear 0s;
}
.statistics-palyer .stat-name
{
  color: var(--rd-app-color);
  transition: all 0.2s linear 0s;
}
.statistics-palyer:hover
{
  background-color: #fff;
}
.statistics-palyer:hover .stat-head
{
  color: #000;
}
.statistics-palyer:hover .stat-name
{
  color: rgba(0, 0, 0, 80%);
}
.statistics-palyer:hover .border-bottom
{
  border-color: #000 !important;
}

.partners
{
  font-family: "Blinker", sans-serif;
  color: #202020;
}
footer
{
  background-image: url(../images/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  font-size: 1.1rem;
}
footer .nav .nav-link
{
  color: #000;
}
footer hr
{
  border-width: 3px;
  width: 30%;
}

@media (max-width: 575.98px) 
{
  .league-tracker-outer-box, .league-tracker-inner-box, .league-tracker-inner-box-1, .league-tracker-inner-box-2, .statistics-profile-box
  {
    display: block;
    grid-template-columns: 1fr;
  }
  .team-member-box:first-child
  {
    margin-left: 5%;
  }
  .team-member-box
  {
    width: 340px;
    margin-top: 3.5rem;
  }
  .main-menu
  {
    padding: 1.3rem 0rem;
  }
  .main-menu .navbar-brand img
{
  height: 90px;
  top: -3rem;
}
.scrolled .navbar-brand img
{
  height: 75px !important;
  top: -2.2rem;
}
.navbar-toggler-icon
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-list' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E") !important;
}
.main-menu .navbar-collapse
{
  margin-top: 2rem;
}
}

.player-table .team-logo 
{
    width: 50px;
    height: 50px;
    margin-right: 0.4rem;
}
 
.team-active td {
  background-color: #ffc700 !important;
}