@font-face {
  font-family: Humanist-A;
  src: url("/fonts/Humanist-A.ttf");
}

@font-face {
  font-family: Humanist-B;
  src: url("/fonts/Humanist-B.ttf");
}

@font-face {
  font-family: Pokemon GB;
  src: url("/fonts/Pokemon.ttf");
}

body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.badge-chadmin,
.name-chadmin > .badge-chadmin {
  background-color: var(--mdb-yellow) !important;
}

.badge-janny,
.name-janny > .badge-janny {
  background-color: var(--mdb-green) !important;
}

.badge-verified,
.name-verified > .badge-verified {
  background-color: rgb(28, 202, 255) !important;
}

.badge-oldfag,
.position-relative > .badge-oldfag {
  background-color: #5d4037 !important;
  top: -2.1em !important;
  right: -2.7em !important;
  bottom: auto !important;
}

.list-group-item.active > i {
  color: #fff !important;
}

.text-gb {
  font-family: Pokemon GB !important;
}

.messages > span {
  white-space: pre-wrap !important;
}

.image-thumbnails {
  max-height: 150px;
  max-width: 150px;
}

.image-thumbnails-series {
  max-height: 400px;
  max-width: 400px;
}

.comment-tooltips > .tooltip-inner {
  width: max-content !important;
  max-width: 90vw !important;
  background-color: transparent !important;
  padding: 0 !important;
  text-align: left !important;
}

.card-removed,
.card-removed > .card-header,
.card-removed > .card-footer {
  background-color: var(--mdb-red) !important;
  transition: 0.25s;
}

.form-containers {
  width: 500px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.form-containers-lg {
  width: 700px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

/* mdb fixes  */

.select-wrapper > .form-outline > .form-label {
  transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8) !important;
}

.select-wrapper > .form-outline > .form-notch > .form-notch-middle {
  border-top: transparent !important;
}

.dropdown-menu > li {
  background-color: #fff !important;
}

.dropdown-items {
  padding: 0.85rem !important;
}

.dropdown-items:hover {
  background-color: #eee !important;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* 
h1, h2, h3, h4, h5, h6 {
    font-family: Humanist-B;
} */

/* .active > .text-success {
    color: #2afa05 !important;
}

.active > .text-warning {
    color: yellow !important;
}

.active > .text-danger {
    color: #f70707 !important;
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, label {
    font-family: Humanist-A;   
} */

* {
  scroll-behavior: smooth;
}

body {
  height: 100vh;
  overflow-x: hidden;
}

#root {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

#search-group > .input-group-text {
  height: calc(2.315rem + 0.33rem + 3px) !important;
}

#search-group > .input-group-text:nth-of-type(2) {
  padding: 0 !important;
  border: 0 !important;
}

#search-group > .form-outline {
  flex-grow: 1;
  width: 0;
}

.map-container {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chat-avatars {
  border-radius: 50%;
  width: 2.3rem;
}

.motion-divs {
  overflow-x: hidden;
}

.links-generic-light {
  transition: 0.25s;
}

.links-generic-light:hover {
  color: #ccc !important;
}

.MuiLinearProgress-root > .MuiLinearProgress-bar {
  background-color: var(--mdb-primary) !important;
}
.file-labels-dark {
  background-color: rgba(0, 0, 0, 0.5);
}

.file-labels-generic {
  margin: 0 !important;
  font-size: 3rem;
  text-transform: uppercase;
}