:root {
  --color-background-default: #870000;
  --color-text: #262626;
  --color-text-secondary: #ba0000;
}

html, body {
  overscroll-behavior: none;
  font-family: Calibri, sans-serif;
}

.Match-filter-items > div.active {
  border-bottom: 2px solid #870000;
}

.SideNav-button {
  color: white;
}
.SideNav .SideNav-inner {
  background: white;
  transition: 0.3s;
}

.MainNav a {
  color: #262626;
}

.FilterNav a.checkboxLink {
  color: #262626;
}
.FilterNav a.checkboxLink:hover {
  color: #870000;
}
.FilterNav a.checkboxLink:before {
  content: "";
  border: 1px solid #870000;
}
.FilterNav a.checkboxLink.selected:before {
  background-image: linear-gradient(#870000, #870000);
}

.FilterNav .checkmark {
  border: 1px solid #870000;
}
.FilterNav .container input:checked ~ .checkmark {
  background-image: linear-gradient(#870000, #870000);
}

.MatchCardFooter span {
  color: #870000;
}

.TeamLogo .TeamLogo-image .AvatarLogo {
  background-color: #870000;
}

.OverviewHeader,
.MatchDetailHeader,
.App-footer {
  background: #ffc51a;
  color: #870000;
  --color-text: $color_brand;
  --color-text-secondary: $color_brand;
}

.OverviewHeader,
.MatchDetailHeader {
  border-bottom: 3px solid #870000;
}
.OverviewHeader .App-title,
.MatchDetailHeader .App-title {
  color: #262626;
  background-image: url(/images/dvv-logo.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  font-style: italic;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
@media screen and (min-width: 801px) {
  .OverviewHeader .App-title,
  .MatchDetailHeader .App-title {
    background-size: 260px auto;
    padding: 35px 0 30px 270px;
    top: 26px;
    font-size: 61px;
  }
}
@media screen and (max-width: 800px) {
  .OverviewHeader .App-title,
  .MatchDetailHeader .App-title {
    padding: 8px 0 30px 68px;
    font-size: 15px;
    background-size: 63px auto;
  }
}
.OverviewHeader .menu-item.active,
.MatchDetailHeader .menu-item.active {
  color: #870000;
  border-bottom: 2px solid #870000;
}

.MatchDetail:before {
  background-color: #fff;
  border-bottom: 3px solid #870000;
}

.MatchDetailHeader {
  border-bottom: none !important;
}

.MatchDetailBody {
  border-top: 3px solid #870000;
}

.App-footer {
  border-top: 3px solid #870000;
}

.SideNav-button {
  color: #870000;
}
.SideNav.active .SideNav-closeButton {
  color: #fff;
}

/*# sourceMappingURL=ticker.css.map */