:root {
  --primary-color: 0, 0, 0; /* Primary color */
}


/* Calgary Flames */
.theme-1,
  /* Calgary Wranglers */
.theme-farm-1 {
  --primary-color: 200, 16, 46; /* Primary color */
  --secondary-color: 241, 190, 72; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Philadelphia Flyers */
.theme-2 {
  --primary-color: 210, 67, 3; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Lehigh Valley Phantoms */
.theme-farm-2 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 245, 132, 39; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* New Jersey Devils */
.theme-3,
  /* Utica Comets */
.theme-farm-3 {
  --primary-color: 204, 0, 0; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Ottawa Senators */
.theme-4,
  /* Belleville Senators */
.theme-farm-4 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 200, 16, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* New York Islanders */
.theme-5,
  /* Bridgeport Islanders */
.theme-farm-5 {
  --primary-color: 0, 83, 155; /* Primary color */
  --secondary-color: 244, 125, 48; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* Carolina Hurricanes */
.theme-6 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 200, 16, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}
/* Chicago Wolves */
.theme-farm-6 {
  --primary-color: 135, 36, 52; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* Vancouver Canucks */
.theme-7 {
  --primary-color: 0, 32, 91; /* Primary color */
  --secondary-color: 4, 106, 56; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}
/* Abbotsford Canucks */
.theme-farm-7 {
  --primary-color: 4, 106, 56; /* Primary color */
  --secondary-color: 0, 32, 91; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* New York Rangers */
.theme-8,
  /* Hartford Wolf Pack */
.theme-farm-8 {
  --primary-color: 0, 51, 160; /* Primary color */
  --secondary-color: 200, 16, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* Detroit Red Wings */
.theme-9 {
  --primary-color: 200, 16, 46; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}
/* Grand Rapids Griffins */
.theme-farm-9 {
  --primary-color: 35, 31, 32; /* Primary color */
  --secondary-color: 229, 22, 54; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #00205bff;
  --text-card: #fff; /* Text color */
}

/* Montreal Canadiens */
.theme-10,
  /* Laval Rocket */
.theme-farm-10 {
  --primary-color: 166, 25, 46; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Washington Capitals */
.theme-11 {
  --primary-color: 200, 16, 46; /* Primary color */
  --secondary-color: 4, 30, 66; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Hershey Bears */
.theme-farm-11 {
  --primary-color: 71, 42, 43; /* Primary color */
  --secondary-color: 231, 210, 173; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Minnesota Wild */
.theme-12 {
  --primary-color: 14, 68, 49; /* Primary color */
  --secondary-color: 172, 26, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Iowa Wild */
.theme-farm-12 {
  --primary-color: 14, 68, 49; /* Primary color */
  --secondary-color: 238, 227, 199; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Colorado Avalanche */
.theme-13 {
  --primary-color: 138, 36, 50; /* Primary color */
  --secondary-color: 35, 96, 147; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Colorado Eagles */
.theme-farm-13 {
  --primary-color: 18, 54, 139; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Los Angeles Kings */
.theme-14 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Ontario Reign */
.theme-farm-14 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 165, 171, 175; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Nashville Predators */
.theme-15 {
  --primary-color: 255, 184, 28; /* Primary color */
  --secondary-color: 4, 30, 66; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Milwaukee Admirals */
.theme-farm-15 {
  --primary-color: 14, 43, 88; /* Primary color */
  --secondary-color: 131, 194, 236; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Tampa Bay Lightning */
.theme-16,
  /* Syracuse Crunch */
.theme-farm-16 {
  --primary-color: 0, 32, 91; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Edmonton Oilers */
.theme-17,
  /* Bakersfield Condors */
.theme-farm-17 {
  --primary-color: 0, 32, 91; /* Primary color */
  --secondary-color: 209, 69, 32; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #fff;
  --text-card: #000; /* Text color */
}

/* St. Louis Blues */
.theme-18 {
  --primary-color: 0, 48, 135; /* Primary color */
  --secondary-color: 255, 184, 28; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Springfield Thunderbirds */
.theme-farm-18 {
  --primary-color: 227, 24, 55; /* Primary color */
  --secondary-color: 0, 92, 185; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Arizona Coyotes */

.theme-19 {
  --primary-color: 108, 174, 229; /* Primary color */
  --secondary-color: 1, 1, 1; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Tucson Roadrunners */
.theme-farm-19 {
  --primary-color: 143, 3, 33; /* Primary color */
  --secondary-color: 239, 227, 191; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Boston Bruins */
.theme-20,
  /* Providence Bruins */
.theme-farm-20 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 253, 183, 23; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Buffalo Sabres */
.theme-21 {
  --primary-color: 0, 48, 135; /* Primary color */
  --secondary-color: 255, 184, 28; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Rochester Americans */
.theme-farm-21 {
  --primary-color: 54, 55, 136; /* Primary color */
  --secondary-color: 223, 36, 66; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Chicago Blackhawks */
.theme-22,
  /* Rockford IceHogs */
.theme-farm-22 {
  --primary-color: 206, 17, 38; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Florida Panthers */
.theme-23 {
  --primary-color: 200, 16, 46; /* Primary color */
  --secondary-color: 4, 30, 66; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Charlotte Checkers */
.theme-farm-23 {
  --primary-color: 245, 0, 42; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Columbus Blue Jackets */
.theme-24 {
  --primary-color: 4, 30, 66; /* Primary color */
  --secondary-color: 200, 16, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}
/* Cleveland Monsters */
.theme-farm-24 {
  --primary-color: 17, 86, 135; /* Primary color */
  --secondary-color: 188, 151, 85; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Winnipeg Jets */
.theme-25,
  /* Manitoba Moose */
.theme-farm-25 {
  --primary-color: 4, 30, 66; /* Primary color */
  --secondary-color: 0, 74, 152; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Anaheim Ducks */
.theme-26,
  /* San Diego Gulls */
.theme-farm-26 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 252, 76, 2; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Dallas Stars */
.theme-27,
  /* Texas Stars */
.theme-farm-27 {
  --primary-color: 0, 130, 62; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Toronto Maple Leafs */
.theme-28,
  /* Toronto Marlies */
.theme-farm-28 {
  --primary-color: 0, 32, 91; /* Primary color */
  --secondary-color: 255, 255, 255; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* Pittsburgh Penguins */
.theme-29,
  /* Wilkes-Barre/Scranton Penguins */
.theme-farm-29 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 255, 184, 28; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #ce1126ff;
  --text-card: #fff; /* Text color */
}

/* San Jose Sharks */
.theme-30 {
  --primary-color: 0, 98, 114; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* San Jose Barracuda */
.theme-farm-30 {
  --primary-color: 0, 0, 0; /* Primary color */
  --secondary-color: 0, 98, 114; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Vegas Golden Knights */
.theme-31 {
  --primary-color: 185, 151, 91; /* Primary color */
  --secondary-color: 51, 63, 72; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Henderson Silver Knights */
.theme-farm-31 {
  --primary-color: 195, 199, 201; /* Primary color */
  --secondary-color: 0, 0, 0; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #000; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}

/* Seattle Kraken */
.theme-32 {
  --primary-color: 0, 20, 37; /* Primary color */
  --secondary-color: 150, 216, 216; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #fff; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}
/* Coachella Valley Firebirds */
.theme-farm-32 {
  --primary-color: 0, 20, 37; /* Primary color */
  --secondary-color: 200, 16, 46; /* Secondary color */
  --bg-color: rgba(0, 0, 0, 0.5); /* Background color */
  --text-color: #fff; /* Text color */
  --bg-card: #000;
  --text-card: #fff; /* Text color */
}


:root {
  --secondary-color_default: 44, 60, 73;
}

.custom-team,
.custom,
.custom-card {
  background-color: rgb(var(--secondary-color_default));
  background-image: radial-gradient(circle at 0px 100%, rgba(56, 107, 163, 1), rgba(46, 97, 153, 0) 15%), radial-gradient(circle at 100% 100%, rgba(56, 107, 163, 0.5), rgba(46, 97, 153, 0) 40%), radial-gradient(circle at 100% 0px, rgba(56, 107, 163, 0.5), rgba(46, 97, 153, 0) 20%);
  background-attachment: fixed;
}

.custom-team {
  background-image: var(--body-bg-color) !important;
  background-attachment: fixed;
  /*background-color: var(--secondary-color);*/
  color: var(--text-color);
  position: sticky;
}


.STHSPHPTeam_HomePrimaryTableLeadersHeadshotTD,
.STHSPHPTeam_HomePrimaryTableLeadersTextTD,
.STHSPHPTeam_HomePrimaryTableTeamStatTD {
  background-color: var(--bg-card);
  color: var(--text-card);
}


.custom-team {
  --body-bg-color: linear-gradient(180deg, rgba(var(--primary-color), 1) 0%, rgba(var(--secondary-color), 1) 50%);
  --body-bg-color-skyline: linear-gradient(180deg, rgba(var(--primary-color), 0.4) 0%, rgba(var(--secondary-color), 0) 100%);
}

.custom-team h1,
.custom-team h2,
.custom-team h3,
.custom-team h4,
.custom-team h5,
.custom-team h6 {
  font-family: 'Open Sans', sans-serif !important;
}
.custom-team * {
  box-sizing: border-box;
}
.STHSPHPMenuDivTeamImage {
  padding-right: unset;
  width: auto;
  height: 1.5rem;
  transition: all 0.1s ease-in-out;
  max-width: unset;
}

.custom-team .STHSPHPMenuDiv,
.custom-team #cssmenu {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 1rem;
}

.custom-team #cssmenu ul {
  max-width: 1200px;
}

.custom-team .STHSPHPMenuDiv {
  margin-bottom: 0;
}

.custom-team #menu-button {
  color: var(--text-color) !important;
}
.custom-team #menu-button:after {
  border-color: var(--text-color) !important;
  background: var(--text-color) !important;
}
.custom-team #menu-button:before {
  background: var(--text-color) !important;
}
.custom-team .STHSPHPTeamHeader_Stat {
  color: var(--text-color);
}
.custom-team .STHSPHPMenuDivTeamImage:hover {
  transform: scale(1.1);
}
.custom-team .tabmain-links li a {
  color: var(--text-color);
}

.custom-team .custom-card {
  /*background-color: rgba(var(--primary-color), 0.7);*/
  background-color: white;
  /*color: var(--text-color);*/
  color: black;
  border-radius: 0.3rem;
  height: 100%;
  padding: 1rem
}


.custom-team #cssmenu > ul > li > a {
  color: var(--text-color);
}

.custom-team .STHSPHPTeamStat_TableTitle {
  text-align: left;
}

.custom-team #cssmenu > ul > li.has-sub > a:before,
.custom-team #cssmenu > ul > li.has-sub > a:after {
  background: var(--text-color);
}

.custom-team #cssmenu > ul > li:hover > a {
  color: var(--text-color);
}

@keyframes example {
  0% {transform: rotateY(0deg) rotateX(0deg);}

  50% {
    transform: rotateY(20deg) rotateX(10deg);
  }
  100% {transform: rotateY(0deg) rotateX(0deg); }
}

.custom-team .logo {
  animation: example 5s infinite linear;
}
.custom-team .tablesorter {
  color: black;
}

.custom-team .pointer {
  cursor: pointer;
}

.custom-team .container .home {
  background-color: white;
}


#STHSImageHeader {
  display: block !important;
}

#STHSImageHeader img {
  width: auto;
  height: 44px;
}


.skyline .ratio::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--body-bg-color-skyline) !important;
}


.h-10 {
  height: 10% !important;
}