.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: smaller;
  font-style: italic;
}

.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.truncate-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.modal-dialog.large {
  width: 80% !important;
  max-width: unset;
}

.modal-dialog.mid-large {
  width: 50% !important;
  max-width: unset;
}

@media (max-width: 900px) {
  .modal-dialog.large {
    width: 100% !important;
    max-width: unset;
  }
  .modal-dialog.mid-large {
    width: 100% !important;
    max-width: unset;
  }
  .modal-dialog {
    margin: unset !important;
  }
}

#viewer_modal .btn-close {
  position: absolute;
  z-index: 999999;
  /*right: -4.5em;*/
  background: unset;
  color: white;
  border: unset;
  font-size: 27px;
  top: 0;
}

#viewer_modal .modal-dialog {
  width: 80%;
  max-width: unset;
  height: calc(90%);
  max-height: unset;
}

#viewer_modal .modal-content {
  background: black;
  border: unset;
  height: calc(100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

#viewer_modal img,
#viewer_modal video {
  max-height: calc(100%);
  max-width: calc(100%);
}

table.dataTable th,
table.dataTable td {
  padding: 5px !important;
}

.card.d-flex {
  flex-direction: row !important;
}

.card.d-flex > img {
  width: 20% !important;
}

.card.d-flex > .card-body {
  width: 80% !important;
}

span.btn {
  cursor: unset;
}

span.btn:hover {
  background: inherit;
}

#tourCarousel {
  height: 50vh !important;
}

#tourCarousel img {
  object-fit: fill;
}

div.stars {
  width: auto;
  display: inline-block;
}

.mt-200 {
  margin-top: 200px;
}

input.star {
  display: none;
}

label.star {
  float: right;
  /* padding: 10px; */
  font-size: 30px;
  color: #333333;
  transition: all 0.2s;
}

input.star:checked ~ label.star:before {
  content: "\2605";
  color: #ffc800;
  transition: all 0.25s;
}

input.star-5:checked ~ label.star:before {
  color: #ffc800;
  /* text-shadow: 0 0 20px #952 */
}

input.star-1:checked ~ label.star:before {
  color: #f62;
}

label.star:hover {
  transform: rotate(-15deg) scale(1.3);
}

label.star:before {
  content: "\2605";
  font-family: FontAwesome;
}

.product-holder {
  background-color: #fff;
  height: 20vh !important;
  width: 100% !important;
}

.product-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: scale-down !important;
  object-position: center center;
  transition: all ease-in 0.3s;
}

a.card.product-item:hover {
  background: #ebebebb8;
}

a.card.product-item:hover .product-cover {
  transform: scale(1.2);
}

.login-page {
  overflow-x: hidden !important;
}

.like_post,
.like-count,
.post_comments,
.comment-count {
  font-size: 1.2em;
}