.siteHeader {
  margin-bottom: 32px;
}
.siteHeader__navbarWrapper {
  background: #45aaf2;
  padding-block: 32px;
}
.siteHeader__navbar {
  display: flex;
  justify-content: center;
}
.siteHeader__logo {
  color: #d1d8e0;
  transition: all 0.2s linear;
  text-decoration: none;
}
.siteHeader__logo:hover {
  color: #eee;
}
.siteHeader__menuWrapper {
  background: #3867d6;
}
.siteHeader__menu {
  color: #d1d8e0;
  display: none;
  flex-direction: column;
  justify-content: center;
  transition: all 1s ease-in;
}
.siteHeader__menu > a {
  color: inherit;
  text-decoration: none;
  padding: 16px;
  display: block;
  transition: all 0.2s linear;
}
.siteHeader__menu > a:hover {
  color: #eee;
  background: #45aaf2;
}
@media screen and (min-width: 768px) {
  .siteHeader__menu {
    display: flex;
    flex-direction: row;
  }
}

.hamburger {
  position: absolute;
  top: 8px;
  right: 32px;
  cursor: pointer;
}
.hamburger > .hamburger--line {
  height: 4px;
  width: 32px;
  background: #eee;
  margin-block: 8px;
  display: block;
}
@media screen and (min-width: 768px) {
  .hamburger {
    display: none;
  }
}

#hamburgerCheckbox {
  display: none;
}
#hamburgerCheckbox:checked + .siteHeader__menu {
  display: flex;
}

.siteFooter {
  background: #45aaf2;
  margin-top: 32px;
  padding-block: 32px;
  color: #d1d8e0;
}
.siteFooter__navMenuLink {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
.siteFooter__navMenuLink:hover {
  color: #fff;
}

.teamList__item {
  padding-block: 1rem;
  text-transform: uppercase;
  position: relative;
  list-style: none;
  background-color: #26de81;
  margin-block: 2px;
  transition: all 0.2s linear;
  cursor: pointer;
}
.teamList__item::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 2px;
  height: 2px;
  background-image: linear-gradient(to right, transparent 53%, white 55%, transparent 57%);
  background-size: 400% 400%;
  background-position: left center;
  animation: animation 12s ease-in;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.teamList__item:hover {
  background: #20bf6b;
}
.teamList__item:hover::before {
  animation-play-state: running;
}
.teamList__item a {
  color: #fff;
  padding-inline: 1rem;
  text-decoration: none;
  display: block;
}

@keyframes animation {
  0% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Users/DELL/source/repos/SportsGlobeOrchard/SportsGlobeOrchard.StarterTheme/Assets/css/style.scss%22,%22file:///C:/Users/DELL/source/repos/SportsGlobeOrchard/SportsGlobeOrchard.StarterTheme/Assets/css/components/teamList.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAWA;EACI,eANW;;AAQX;EACI,YAfO;EAgBP,eAPQ;;AAUZ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI,YAlCM;;AAqCV;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA,YAtDD;;AA0DP;EApBJ;IAqBQ;IACA;;;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EAZJ;IAaQ;;;;AAGR;EACI;;AAEI;EAAqB;;;AAI7B;EACI,YAzFW;EA0FX,YApFW;EAqFX,eAlFY;EAmFZ,OAxFgB;;AA6FZ;EACI;EACA;EACA;;AACA;EACI,OAnGH;;;ACHZ;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AACA;EACI;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI%22%7D */