:root {
  --main-background-color: #adee00;
  --submain-background-color: #1a2600;
  --third-background-color: #1a2600;
  --third-color: #1c2700;
  --main-font: "Staatliches", sans-serif;
  --secondary-font: "Russo One", sans-serif;
}

.main-bg-color {
  background-color: var(--main-background-color) !important;
}

.submain-bg-color {
  background-color: var(--submain-background-color) !important;
}

.main-color {
  color: var(--main-background-color) !important;
}

button.main-color:hover,
a.main-color:hover {
  color: white !important;
}

button.submain-color:hover,
a.main-color:hover {
  color: white !important;
}

.submain-color {
  color: var(--submain-background-color) !important;
}

.third-color {
  color: var(--third-color) !important;
}

.russo-one-regular {
  font-family: "Russo One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.staatliches-regular {
  font-family: "Staatliches", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.custom-font {
  font-family: var(--main-font) !important;
  font-weight: 600 !important;
  font-style: normal;
}

.page-footer ul li:before,
.page-footer ul li:after {
  background-color: var(--main-background-color);
}

li.nav-item a.nav-link.rem-adjustment img,
li.nav-item a.nav-link.rem-adjustment .icon,
img.rem-adjustment {
  height: 1.5rem !important;
}

li.nav-item a.nav-link.rem-adjustment {
  height: 2.5rem !important;
}

.clean-block.clean-form form#login-form {
  box-shadow: 0px 0px 25px 10px var(--main-background-color) !important;
}

.clean-pricing-item.custom-shadow {
  box-shadow: 0px 0px 1rem .1rem var(--main-background-color) !important;
}

.matches-links button.btn.btn-primary.nav-link {
  color: var(--main-background-color) !important;
  border: 2px solid var(--main-background-color) !important;
}

.matches-links button.btn.btn-primary.nav-link.active {
  color: var(--submain-background-color) !important;
  background-color: var(--main-background-color) !important;
}

.matches-links button.btn.btn-primary.nav-link:hover {
  background-color: transparent !important;
  color: var(--main-background-color) !important;
  border: 1px solid var(--main-background-color) !important;
}

.match-stat {
  border: 1px solid white;
}

.match-stat.goal {
  background-color: green;
}

.match-stat.goal.auto-goal {
  background-color: red;
}

.match-stat.foul {
  background-color: gray;
}

.match-stat.foul.red-card svg {
  color: red;
}

.match-stat.foul.yellow-card svg {
  color: yellow;
}

.match-stat.foul.no-card svg {
  color: orange;
}

.color-placeholder::placeholder {
  color: var(--submain-color) !important;
}

.loaded-img-button {
  background-color: green !important;
  color: #adee00 !important;
}

.player-card,
.team-card {
  border: 5px dashed var(--main-background-color) !important;
  background-color: #aeee0034 !important;
  background: url("../../assets/img/samples/logo-bayern.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.main-border {
  border: 3px solid var(--main-background-color) !important;
}

.main-border.top-border {
  border: none !important;
  border-top: 3px solid var(--main-background-color) !important;
}

.main-border.bottom-border {
  border: none !important;
  border-bottom: 3px solid var(--main-background-color) !important;
}

.left-radius {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.right-radius {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.red-icon {
  background-color: red !important;
  color: white !important;
}

.black-icon {
  background-color: white !important;
  color: black !important;
}

/*
li.nav-item a.nav-link img {
  max-inline-size: 1rem !important;
}
*/