/*VARIABLES*/
#navbar-game-page {
  background-color: transparent;
  z-index: 5;
}
#navbar-game-page a:hover {
  color: #eee !important;
}
#navbar-game-page #dropdown-menu-custom {
  background-color: transparent;
}
#navbar-game-page #dropdown-menu-custom .dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.0666666667);
  color: #eee !important;
}

.game-page-lid {
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.1);
  height: 1250px;
  background-size: cover;
  background-position: bottom;
  margin-top: -706px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 564px) {
  .game-page-lid {
    height: 1100px;
  }
}
.game-page-lid img {
  display: block;
  padding-top: 750px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1120px) {
  .game-page-lid img {
    width: 560px;
  }
}
@media only screen and (max-width: 564px) {
  .game-page-lid img {
    width: 70%;
    padding-top: 700px;
  }
}

#arbeau-page-lid {
  box-shadow: 8px 8px 30px 5px rgba(0, 0, 0, 0.3764705882);
  padding-left: 0;
  padding-right: 0;
}
#arbeau-page-lid .game-page-lid {
  background-image: url("../img/games/arbeau/arbeau-background.png");
}

#project-lexa-page-lid {
  padding-left: 0;
  padding-right: 0;
}
#project-lexa-page-lid .game-page-lid {
  background-image: url("../img/games/project-lexa/project-lexa-key-art-no-logo-30-percent-black.png");
  background-position: bottom;
}

.game-purchase-button {
  padding-top: 20px;
  height: 100px;
  box-sizing: border-box;
  display: flex;
}
.game-purchase-button .purchase-button-icon {
  width: 50px;
  margin-left: 20px;
}
.game-purchase-button .purchase-button-icon .fab {
  font-weight: normal;
  font-size: 50px;
  align-self: baseline;
}
.game-purchase-button .purchase-button-text {
  width: 250px;
  align-self: center;
  margin-bottom: 13px;
}

.steam-button-container {
  position: relative;
}

.steam-button {
  border: solid 3px #ffec9a;
  border-radius: 50px;
  gap: 20px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 23rem;
  position: relative;
  background-color: transparent;
}
.steam-button h5 {
  font-family: "Fredoka", sans-serif !important;
  text-transform: uppercase;
  color: #ffec9a !important;
}
.steam-button:hover {
  cursor: pointer;
  background-color: #ffec9a;
}
.steam-button:hover h5 {
  color: #d28b30 !important;
}

.project-lexa-text {
  color: #ffec9a;
}
.project-lexa-text p {
  font-size: 20px;
  line-height: normal;
}
.project-lexa-text h1,
.project-lexa-text h2,
.project-lexa-text h3,
.project-lexa-text h4,
.project-lexa-text h5 {
  font-family: "Fredoka", sans-serif !important;
  color: #ffec9a;
  font-family: "Fredoka", sans-serif !important;
  text-transform: uppercase;
  font-weight: 500 !important;
}

.content-gradient-block {
  background-color: #2c2135;
  height: 200px;
}