/* 
    display properties 
*/
.main--gridcontainer {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--grid--gap);
}

.scrollers {
  height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

html, body {
  overscroll-behavior: none;
}

.hidden {
  display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollers::-webkit-scrollbar {
  display: none;
}

.sticky--top {
  position: sticky !important;
  top: 0px;
}

.align--content-center {
  display: flex;
  justify-content: center;
}

/* 
    General 
*/

.flex {
  display: flex;
}

.flex--space-between {
  justify-content: space-between;
}

.flex--column {
  flex-direction: column;
}

.width--100 {
  width: 100%;
}

a.mapboxgl-ctrl-logo,
.mapbox-improve-map,
.mapboxgl-ctrl-attrib-inner {
  display: none !important;
}

.general-padding {
  padding-left: var(--main--margin);
  padding-right: var(--main--margin);
}