html, body {
  font-family: var(--text-font);
  letter-spacing: 0.2px;
  color: var(--color-text);
  font-weight: 500;
  background-color: var(--color-body);
  overflow-x: hidden !important;
}

button, a, .btn {
  font-weight: 500;
}

body.building--mode {
  /*margin-top: 18px;*/
}

* {
  color: var(--color-text);
}

div, span, button, a, h1, h2, h3, h4, h5, h6, p, li, ul, nav {
  transition: 0.7s all ease-in-out;
}

.no-trans {
  transition: initial;
}

/* overlays */

.section--overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.27);
  z-index: 1;
}

.sections--root {
  position: relative;
}

/* loadings */

.no-events-loading {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}

.no-events-loading * {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}

.no-events-loading-light {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}

.no-events-loading-light * {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}

.tooltip {
  font-size: 12px !important;
}