/* A1 Badminton logo positioning */
img#logo {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 5px;
  left: 5px;
}

@media (width < 640px) {
  img#logo {
    width: 60px;
    height: 60px;
  }
}

/* navbar+dropdown menu background */
.bg-body-tertiary {
  background-color: darkgrey !important;
  padding-left: 120px;
}

/* container issues */
/*
#learn-to-play.container, #gear-up.container, #about.container {
*/
.container {
  padding-top: 70px;
  padding-bottom: 70px;
}

/* carousel captions */
.carousel-caption h5, .carousel-caption p {
  padding-bottom: 10px;
  color: white;
  text-shadow:
   1px 1px 0 black,
   -1px 1px 0 black,
   -1px -1px 0 black,
   1px -1px 0 black;
}

/* mock-up gallery/store icons */
/*
.dropdown-item img {
  height: 40px;
}
*/

/* mock-up carousel icons */
/*
div#carouselSponsors img {
  height: 48px;
}
*/

.about-pronouns {
  color: grey;
}

div#carouselRCM div.col img {
  height: 200px;
}

/* minimum styling for color-modes.js check2 */
.bi {
  width: 1em;
  height: 1em;
  fill: currentcolor;
}
.color-modes .active {
  font-weight: 600;
}
.color-modes .active .bi {
  display: block !important;
}

/* color-mode aware social media icons */
html[data-bs-theme="light"] .d-when-light {
  display: block !important;
}
html[data-bs-theme="dark"] .d-when-dark {
  display: block !important;
}

/* social media icons */
div#socialLinks img, div#socialLinks svg {
  height: 20px;
}

/* LI-In-Bug.png */
div#socialLinks .d-when-dark .li-png-helper {
  filter: grayscale(1) contrast(0) brightness(100);
}

#footer.container-fluid {
  padding: 10px;
  position: fixed;
  bottom: 0;
}

/* password requirements */
/*
ul.pr-box {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.pr-box li:not(.pr-ok) span.pr-good {
  display: none;
}
ul.pr-box li.pr-ok span.pr-good {
  display: inline;
}
ul.pr-box li:not(.pr-ok) span.pr-bad {
  display: inline;
}
ul.pr-box li.pr-ok span.pr-bad {
  display: none;
}
html[data-bs-theme="light"] ul.pr-box li.pr-ok {
  color: green;
}
html[data-bs-theme="dark"] ul.pr-box li.pr-ok {
  color: lightgreen;
}
*/