:root {
  --geo_booster_moment_column_width: 12;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Arial';
  font-style: normal;
}

.geo-booster-d-none {
  display: none !important;
}

.geo-booster-container {
  max-width: 1920px;
  margin: 0 auto;
}

.geo-booster-pins-on-map__big-map {
  height: 300px;
  margin: 1rem 0;
}

.geo-booster-pins-on-map__big-map__map {
  height: 100%;
  border-radius: .3rem;
}

.geo-booster__moments {
  margin: 0 auto;
}

.geo-booster__moments .geo-booster__moment {
  box-sizing: border-box;
  width: calc(33.33% - 11px);
  min-width:  320px;
  margin-bottom: 16px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
}

.geo-booster__moments .geo-booster__moment__header {
  padding: calc(16px + 0.390625vw) calc(16px + 0.390625vw) calc(10px + 0.390625vw) calc(16px + 0.390625vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.geo-booster__moments .geo-booster__moment__header__title {
  font-weight: 700;
  font-size: calc(12px + 0.390625vw);
  color: #000;
}

.geo-booster__moments .geo-booster__moment__header__date {
  font-weight: 400;
  font-size: calc(8px + 0.390625vw);
  color: #B1B1B1;
}

.geo-booster__moments .geo-booster__moment__body {
  padding: 0 calc(16px + 0.390625vw) calc(10px + 0.390625vw) calc(16px + 0.390625vw);
}

.geo-booster__moments .geo-booster__moment__body__text {
  font-weight: 400;
  font-size: calc(8px + 0.390625vw);
  color: #000000;
  margin-bottom: calc(16px + 0.390625vw);
  white-space: pre-line;
}

.geo-booster__moments .geo-booster__moment__body__images {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.geo-booster__moments .geo-booster__moment__body__images img {
  width: 123px;
  height: 90px;
  border-radius: 4px;
  object-fit: cover;
}

.geo-booster__moments .geo-booster__moment__body__images img.geo-booster__moment__image {
  cursor: pointer;
}

.geo-booster__moments .geo-booster__moment__footer {
  padding: 0 calc(16px + 0.390625vw) calc(16px + 0.390625vw) calc(16px + 0.390625vw);
}

.geo-booster__moments .geo-booster__moment__footer__tag {
  margin: 0 5px 10px 0;
  padding: 6px 8px;
  font-weight: 100;
  font-size: calc(8px + 0.390625vw);
  color: #3D454D;
  background: #EDF0F4;
  border-radius: 4px;
  white-space: nowrap;
}

.geo-booster__moments .geo-booster__moment.geo-booster__moment--dark-background {
  background: #EDF0F4;
  border: none;
}

.geo-booster__moments .geo-booster__moment.geo-booster__moment--dark-background .geo-booster__moment__footer__tag {
  background: #FFF;
}

.geo-booster__moments .geo-booster__grid-sizer {
  width: calc(33.33% - 11px);
  min-width:  320px;
} 

.geo-booster__lightbox {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in;
}

.geo-booster__lightbox--show {
  background-color: rgba(0,0,0, 0.55);
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.geo-booster__lightbox__inner {
  position: relative;
}

.geo-booster__lightbox__inner img {
  max-width: 70vw;
  max-height: 70vh;
  border-radius: 4px;
}

.geo-booster__lightbox-loader {
  width: 400px;
  height: 300px;
  display: flex;
}

/* Close lightbox "x" icon */

.geo-booster__lightbox__close-lightbox {
  position: absolute;
  width: 29px;
  height: 29px;
  right: 6px;
  top: 6px;
  background: #272c3373;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1000;
}

.geo-booster__lightbox__close-lightbox__inner {
  position: absolute;
  top: 5px;
  right: -4px;
  width: 20px;
  height: 20px;
}

.geo-booster__lightbox__close-lightbox__inner::after, 
.geo-booster__lightbox__close-lightbox__inner::before{
  content: '';
  width: 3px;
  height: 20px;
  background-color: #ddd;
  position: absolute;
  border-radius: 5px;
  transform: rotate(45deg);
}

.geo-booster__lightbox__close-lightbox__inner::before{
  transform: rotate(-45deg);
}

.geo-booster__lightbox__close-lightbox__inner:hover::after, 
.geo-booster__lightbox__close-lightbox__inner:hover::before{
  background-color: #fff;
}

/* Prev lightbox "<" icon */

.geo-booster__lightbox__prev {
  position: absolute;
  width: 29px;
  height: 29px;
  left: -32px;
  top: calc(50% - 14.5px);
  background: #272c3373;
  border-radius: 100%;
  cursor: pointer;
}

.geo-booster__lightbox__prev__inner {
  position: absolute;
  top: 7px;
  right: -4px;
  width: 20px;
  height: 20px;
}

.geo-booster__lightbox__prev__inner::after, 
.geo-booster__lightbox__prev__inner::before{
  content: '';
  width: 3px;
  height: 10px;
  background-color: #ddd;
  position: absolute;
  border-radius: 5px;
  transform: rotate(45deg);
}

.geo-booster__lightbox__prev__inner::before{
  transform: rotate(-45deg);
  top: 6px;
}

.geo-booster__lightbox__prev__inner:hover::after, 
.geo-booster__lightbox__prev__inner:hover::before{
  background-color: #fff;
}


/* Next lightbox ">" icon */

.geo-booster__lightbox__next {
  position: absolute;
  width: 29px;
  height: 29px;
  right: -32px;
  top: calc(50% - 14.5px);
  background: #272c3373;
  border-radius: 100%;
  cursor: pointer;
}

.geo-booster__lightbox__next__inner {
  position: absolute;
  top: 13px;
  right: -4px;
  width: 20px;
  height: 20px;
}

.geo-booster__lightbox__next__inner::after, 
.geo-booster__lightbox__next__inner::before{
  content: '';
  width: 3px;
  height: 10px;
  background-color: #ddd;
  position: absolute;
  border-radius: 5px;
  transform: rotate(45deg);
}

.geo-booster__lightbox__next__inner::before{
  transform: rotate(-45deg);
  top: -6px;
}

.geo-booster__lightbox__next__inner:hover::after, 
.geo-booster__lightbox__next__inner:hover::before{
  background-color: #fff;
}

.geo-booster-loader {
  margin: auto;
  border: 5px solid #EAF0F6;
  border-radius: 50%;
  border-top: 5px solid #FF7A59;
  width: 60px;
  height: 60px;
  animation: geo-booster-spinner-animation .5s linear infinite;
}

@keyframes geo-booster-spinner-animation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}