:root {
  color: #252628;
}

html {
  font-size: 1.1vw;
}

body {
  font-family: "Mont";
  color: #252628;
}

body.color-inverse {
  color: white;
}

.background {
  object-fit: cover;
  z-index: -10;
}

.background-offset {
  background-position: left 0px bottom 22%;
}

div.gradient-overlay {
  background: linear-gradient(
    to right,
    rgba(25, 26, 28, 0.8),
    rgba(25, 26, 28, 0.8),
    rgba(25, 26, 28, 0.7),
    rgba(25, 26, 28, 0),
    rgba(25, 26, 28, 0),
    rgba(25, 26, 28, 0)
  );
  z-index: -5;
}

div.gradient-overlay-light {
  background: linear-gradient(
    to right,
    rgba(242, 236, 227, 0.95),
    rgba(242, 236, 227, 0.9),
    rgba(242, 236, 227, 0.8),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0)
  );
  z-index: -5;
}

div.gradient-overlay-very-light {
  background: linear-gradient(
    to right,
    rgba(242, 236, 227, 0.6),
    rgba(242, 236, 227, 0.6),
    rgba(242, 236, 227, 0.4),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0)
  );
  z-index: -5;
}

div.gradient-overlay-light-right {
  background: linear-gradient(
    to left,
    rgba(242, 236, 227, 0.7),
    rgba(242, 236, 227, 0.7),
    rgba(242, 236, 227, 0.5),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0),
    rgba(242, 236, 227, 0)
  );
  z-index: -5;
}

div.gradient-overlay-grey {
  background: linear-gradient(
    to right,
    rgba(33, 37, 41, 0.8),
    rgba(33, 37, 41, 0.8),
    rgba(33, 37, 41, 0.3),
    rgba(33, 37, 41, 0),
    rgba(33, 37, 41, 0),
    rgba(33, 37, 41, 0)
  );
  z-index: -5;
}

hr {
  border-top: 3px solid white;
  opacity: 1;
}

hr.red {
  border-color: #EC4948;
}

.screen {
  height: 100vh;
}

.map-link {
  opacity: 0;
}

html {
  overflow: hidden;
}

.side-label {
  font-size: 0.75rem;
}

em {
  font-size: 0.5rem;
}

small.legend {
  font-size: 0.5rem;
}

.footer-bg {
  height: 12vh !important;
}

.disclaimer-plan em {
    font-size: 0.65rem;
}