@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
}

.container-border {
  border: 3px solid #9eb384;
  border-radius: 30px;
}

/* sidebar */
.info-block {
  border: 1.5px solid #cedebd;
  border-radius: 10px;
}

.list-group-item {
  border: none !important;
  background-color: transparent !important;
  color: #435334;
}

.list-group-item:hover {
  color: #9eb384;
}

.selected {
  color: #435334;
  font-weight: bold;
}

.toggle-more {
  color: #0b0f07;
}

.toggle-more:hover {
  cursor: pointer;
  color: #9eb384;
}

/* body */
.display-btn {
  font-weight: bold !important;
  color: #9eb384 !important;
  width: 30px !important;
  border: none !important;
}

.masonry-btn {
  font-size: 20px !important;
}

.std-btn {
  font-size: 23px !important;
}

.highlighted-btn {
  color: #435334 !important;
}

/* list view */
/* standard view */
.square-box {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}

.square-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*# sourceMappingURL=index.css.map */