@import 'bootstrap.css';
@import 'navbar.css';
@import 'style.css';
@import 'select2.min.css';
@import 'profile.css';
@import 'posts.css';
@import 'w3.css';
@import url(//db.onlinewebfonts.com/c/55c4f556836775174bfac94178a3fe82?family=ProximaNW01-Reg);
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
  font: normal normal normal 14px/1.4em proxima-n-w01-reg, sans-serif;
  background: #fff;
}
.hover-on-sale {
  position: absolute;
  width: 55px;
  z-index: 1;
  background: #ed5829;
  padding: 3px;
  color: #fff;
  text-align: center;
  top: 23px;
  font-size: 12px;
  display: none;
}
.notification-icon,
.notification {
  position: relative;
}
.notification-icon:hover .hover-on-sale {
  display: block !important;
}
.notification:hover .hover-on-sale {
  display: block !important;
}
.notifications-follow-button {
  color: #ed5829 !important;
  border: solid 1px !important;
  background: transparent !important;
}
/* .popover.fade.bs-popover-right.show{
    top: 9px !important;
    left: -1px !important;
} */
a:hover {
  text-decoration: none;
}
.homepage-search-filter {
  max-width: 850px;
  margin: 0 auto;
}
img {
  object-fit: cover !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.black-background {
  /*background: black !important;*/
}
.selected-filter .videoTag {
  /*display: inline-block;*/
}
.selected-filter {
  padding-top: 5px;
}
.post-name p {
}
.card .card-post {
  border: 0px solid rgba(0, 0, 0, 1);
  background-color: rgba(235, 235, 235, 0.5);
  border-radius: 0;
  box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 60%);
}
.homepage-search-filter .btn-orange {
  font-size: 11px;
  padding: 3px 10px;
}
.relative {
  position: relative;
}
.position-unset {
  position: unset !important;
  text-align: start !important;
}

@font-face {
  font-family: 'ProximaNW01-Reg';
  src: url('./../fonts/55c4f556836775174bfac94178a3fe82.eot') format('woff2'),
    url('./../fonts/55c4f556836775174bfac94178a3fe82.woff2');
}
@font-face {
  font-family: 'HelveticaLTW10-Roman';
  src: url('./../fonts/2bf3dc193657d0d63ae52746612324fb.eot?#iefix')
      format('woff2'),
    url('./../fonts/2bf3dc193657d0d63ae52746612324fb.woff2');
}

.post-name,
.post.search .search-tag ul li,
.app-login li span.name,
.btn-link,
.videoTag span,
.post-share-status .value,
#searchModal ul li,
#reportPostModal .report.post .desc,
.report.profile .desc,
.report.comment label,
.report.post label,
.report.profile label,
h1,
h2,
h3,
h5,
.youtube-videos .video-details span.title,
.small-light,
.view-reply-sec span {
  /*font-family: "HelveticaLTW10-Roman";*/
}
body,
span strike {
  font-family: 'ProximaNW01-Reg';
}
.create-post.page {
  font-family: 'HelveticaLTW10-Roman';
}
span strike {
  color: #a8a8a8;
  font-weight: bold;
  padding-right: 5px;
}
.view-reply-sec,
.add-reply {
  cursor: pointer;
}
.reply-sec-open.is-open {
  transform: rotate(180deg);
  transition: transform 0.4s linear;
}
.notification-load-more {
  text-align: center;
}
.load-more svg,
.private-load-more svg,
.like-load-more svg,
.notification-load-more svg {
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
  /*transform: rotate(180deg);*/
}
.load-more,
.private-load-more,
.like-load-more {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 40px 0;
}

.opacity-0 {
  opacity: 0;
  pointer-events: none;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#sharePostModal .modal-header .modal-title {
  display: none;
}
#searchModal .form-group.filter::-webkit-scrollbar,
.list-notification::-webkit-scrollbar,
.modal-body .tabcontent::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
#searchModal .form-group.filter::-webkit-scrollbar-track,
.list-notification::-webkit-scrollbar-track,
.modal-body .tabcontent::-webkit-scrollbar-track {
  border: 1px solid #ccc;
  border: none;
  padding: 2px 0;
  background-color: transparent;
  border-radius: 10px;
}
#deletePostModal .modal-dialog {
  max-width: 850px;
  min-height: 850px;
  background: #fff;
}
.modal-body {
  max-width: 490px;
  padding: 60px 20px;
  margin: 0 auto;
}
@media (max-width: 420px) {
  .modal-body {
    padding: 40px 20px;
  }
  .modal-open .modal {
    z-index: 9999 !important;
  }
  .form-group label.error,
  span.error,
  label.error {
    bottom: -29px !important;
    left: 0 !important;
    white-space: normal !important;
    line-height: 12px;
    min-width: 300px;
  }
  .create-post-flex h3 {
    margin-bottom: 0;
  }
  .m-1 {
    margin: 0 !important;
  }
}
#editprofileform .form-group,
#manageAccountForm .form-group,
#changePasswordForm .form-group {
  padding-bottom: 5px;
}
#changePasswordForm {
  padding-top: 20px;
}
#editProfileModal input {
  color: #000 !important;
  font-size: 14px;
}
#editProfileModal button {
  height: 40px;
  color: #fff;
  font-size: 16px;
}
#editProfileModal input[type='text'],
#editProfileModal input[type='password'] {
  height: 50px;
}
.hide-html-scroll {
  overflow: hidden;
}
.modal-body .form-group {
  text-align: left !important;
}
/* Handle */
#searchModal .form-group.filter::-webkit-scrollbar-thumb,
.list-notification::-webkit-scrollbar-thumb,
.modal-body .tabcontent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ddd;
  border: 1px solid #ddd;
}
.post-btn {
  color: #25318d;
  font-weight: bold;
  font-size: 12px;
  font-family: 'HelveticaLTW10-Roman';
}
#searchModal input {
  font-family: 'HelveticaLTW10-Roman';
  letter-spacing: 0.1em;
}
.profile-img img {
  object-fit: cover;
}
@media (max-width: 440px) and (min-width: 381px) {
  #searchModal .set-filter button {
    max-width: 378px;
  }
}
.tagify__input {
  line-height: 40px !important;
  margin: 0 !important;
  padding: 0 10px !important;
}
/* .post-popover{
    top: 14px !important;
    left: -44px !important;
} */