.quality_select {
  display: block;
  background-color: #b3b3b3;
  width: 80px;
  position: absolute;
  bottom: 30px;
  right: 1px;
  border-radius: 2px;
  transition: all 2s ease-in-out;
}
.vjs-button .player-custom-button {
  width: 16px;
  height: 14px;
}

.vjs-button:hover {
  background-color: #ffffffa8;
}
.playback-quality-selector-hidden {
  display: none;
  transition: all 2s ease-in-out;
}
.custom-playlist-button{
  display:none !important;
}
.quality_option {
  width: 50px;
  font-weight: bold;
  margin: 1px 1px;
  width: calc(100% - 2px);
  padding: 8px 0px;
  background: #1e242c;
  border-radius: 2px;
}
.playing_quality {
  color: #00ff63;
  font-weight: bolder;
  background-color: #1e242c;
}
.quality_options_icon {
  fill: white;
}
.quality_option:hover {
  text-shadow: 0px 0px 10px white;
  font-weight: bold;
  background-color: #131313c4;
}
  /**styling main body containers */

  .main-body {
    display: flex;
    min-width: 300px;
  }
 .main-body.overlay-open {
  overflow-y: clip;
  height: 100vh;
  width: 100%;
  position: fixed;
}
.follow-black{
  fill: white !important;;
}
.svg-icon-holder svg {
  width: 12px;
  height: 12px;
}
.follow-st0 {
  stroke:white !important;
  stroke-miterlimit: 10;
}
.viewer-action-block-box {
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  top: 5px;
  right: 6px;
  background-color: #ffffff8a;
  cursor: pointer;
}
.viewer-action-block-box:hover {
  background-color: #ffffffba;
}
.right-side-location-wrap {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  justify-content: center;
  height: 0px;
}
.experience-meta .experience-description p {
  font-size: 15px !important;
  color: #404040;
  padding: 10px 0px;
}
.upload-videos {
  background: #44b570;
  border-radius: 4px;
  justify-content:center;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: white;
  height: 26px;
  width: 37px;
}
.cancel-upload{
  background-color:red;
}
.tax-text-wrap {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.text-holder.text-holder-trash {
  padding-left: 5px;
}
.notification-count {
  background-color: #ff006a;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  padding: 3px;
  width: fit-content;
  height: 19px;
  display: inline-flex;
  margin: auto 10px;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  font-style: italic;
  font-weight: bold;
}
  /**styling the left sidebar */
.upload-main-heading {
  padding: 10px 0px;
  padding-top: 0px;
  color: #3c3c3c;
}
.side-heading {
  padding: 4px 5px;
  font-weight: bold;
  font-size: 14px !important;
  border-radius: 2px;
  height: 33px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: normal;
}
.my-experiences-text {
  background-color: #ff468cd9;
  overflow: hidden;
  border-radius: 4px;
  color: white;
  display: flex;
  align-items: center;
}
.my-experience-count-indicator {
  display: inline-block;
  background-color: white;
  color: red;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  border-radius: 50%;
  font-size: 12px;
  margin: 2px 5px;
}
.experience-text {
  flex-grow: 1;
}
.empty-bin {
  background: rgb(255, 0, 106);
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 30px;
  display: flex;
  align-items: center;
  color: white;
  line-height: 14px;
}
  
.add-experience {
  background-color: mediumpurple;
  display: inline-block;
  font-size: 14px;
  padding: 4px 10px;
  align-self: flex-end;
}
.upload-videos svg {
  fill: white !important;
}
.experience-gadget svg .heart-black-st0 {
  fill: #44b570 !important;
}

.create-experience-item {
  margin: 10px 5px;
  display:none;
}
.right-sidebar-experience-gadget {
  border: 1px solid #d2d2d2;
  padding: 0px 5px;
  border-radius: 4px;
  margin: 15px auto;
}
/**styling the trending experiances and contents */
.post-link {
  height: 180px;
  display: flex;
  overflow: clip;
}
.right-sidebar-video-thunmbnail {
  object-fit: cover;
  height: auto;
  width: 100%;
  min-height: 200px;
  min-width: 200px;
  display: block;
}
.video-thunmbnail {
  width: 100%;
}
.search-results-button{
  background-color: #000000;
}
.trending-experience-title:hover{
  background-color: rgb(255, 0, 106);
}
.query-string {
  font-size: 14px;
  color: #282828;
}
.breadcrumb-link.breadcrumb-selected.trending-experience-title.all-videos-button:hover {
  background-color: #44b570;
}
.svg-holder-submenu.destination-filter-submenu.activated-ovelay-button {
  position: absolute;
  z-index: 3;
  top: 0px;
  background-color: #ececec;
  right: 18px;
}
.experience-container {
  margin: 5px 2px;
  flex-basis: 800px;
  flex-grow: 4;
  min-width: 280px;
  flex-shrink: 1;
  padding: 0px 0px;
}
.experience-flex .experience-card{
  width: fit-content;
  border-radius: 4px;
  padding: 0px 5px;
  flex-basis: 640px;
  flex-grow: 4;
}
.experience-thumbnail.video-pad {
  position: sticky;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 0px;
  margin-top: 5px;
}
.experience-thumbnail {
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  position: relative;
}
.additional-info-block-wrap {
  flex-basis: fit-content;
  display: flex;
  font-size: 12px;
  height: 40px;
  align-items: center;
  padding: 4px;
}
.publish-date-holder {
  padding: 0px 10px;
  width: fit-content;
  text-wrap: nowrap;
}
.experience-thumbnail.video-pad #experience-video-wrap .experience-thumbnail video {
  width: 100%;
  height: 60vw !important;
  border-radius: 4px;
  overflow: hidden;
  background-color: black;
}
.experience-thumbnail.video-pad .experience-flex video {
  width: 100%;
  height: 60vw !important;
  object-fit: cover;
}

.views-wrap {
  position: absolute;
  right: 0px;
  display: flex;
  align-items: center;
  color: white;
  background-color: #00000054;
  top: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px 10px;
  font-size: 13px;
  backdrop-filter: blur(10px);
  border: 1px solid #ffffff40;
  z-index: 1;
}
.views-wrap .tax-icon-holder {
  margin-right: 10px;
}
.views-wrap .tax-icon-holder svg {
  fill: white;
}
.tax-text {
}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  object-fit: cover;
  height: 180px;
  border-radius: 4px;
}

.likes-floating-display-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  color: white;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #00000054;
  top: 0px;
  padding: 7px 10px;
  font-size: 13px;
  backdrop-filter: blur(10px);
  border: 1px solid #ffffff40;
  z-index: 1;
}
.svg-icon-holder-box svg {
  fill: white !important;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.love_experience svg .heart-black-st0 {
  fill: rgb(0,183,255);
}
.svg-icon-holder-box .heart-black-st0 {
  fill: white;
}
.svg-icon-holder-box {
  width: fit-content;
  height: 15px;
}
.likes-count {
  font-size: 12px;
  height: 13px;
  display: flex;
  align-items: center;
  line-height: 11px;
}
.title-content-details-wrap {
  box-shadow: 0px 0px 10px 0px #d9d9d9;
  margin: 20px auto;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 10px;
  background-color: white;
}
.experience-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px !important;
  padding: 5px 5px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #424242;
}
.experience-cpt-title-icon-holder{
  border-radius: 4px;
  padding: 5px 5px;
  display: none;
  position: absolute;
  top: 2px;
  background-color: #ffffff70;
  right: 2px;
}
.side-experience-meta {
flex-grow: 1;
  border-radius: 4px;
  padding: 5px 5px;
  margin-top: 5px;
}
.sort-by {
  display:none;
  width: 70px;
  margin-left: 30px;
  color: grey;
  font-size: 14px;
  color: #f0f0f0;
  color: black !important;
}
.experience-flex {
  display: flex;
  flex-basis: 70%;
  flex-grow: 1;
}

.related-vieos {
  padding: 0px 10px;
}
.side-heading-container {
  padding: 5px 10px;
}
.further-details-wrap {
  display: flex;
  font-style: italic;
  color: grey;
  font-size: 14px !important;
  justify-content: space-between;
  line-height: 14px !important;
  padding: 0px 5px;
}
.further-details-wrap {
  
  display: flex;
  font-style: italic;
  color: grey;
  font-size: 14px !important;
  justify-content: space-between;
  line-height: 14px !important;
  flex-wrap: wrap;
  border-radius: 4px;
  padding: 10px 10px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px 0px #cecece;
}
.experience-wrap {
  overflow: clip;
  min-width: 250px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}

.location-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: 10px;
  border-top: 1px solid #efefef;
  padding-top: 10px;
}
.blog-single-post-author-url:hover {
  border-bottom: 1px solid #ff00ef;
}
.blog-single-post-author-url {
  color: #2fa9ff;
  padding: 0px 0px;
  text-decoration: none;
  text-wrap: nowrap;
  margin: 0px 5px;
  font-size: 16px;
  font-style: normal;
  border-bottom: 1px solid #fff0;
  height: 20px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.right-sidebar-experience-thumbnail {
  width: 100%;
  height: fit-content;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  overflow: clip;
}
.right-sidebar-experience-thumbnail {
  width: 100%;
  height: fit-content;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  border: 1px solid #e7e7e7;
}
.tagged-destination-link {
  text-decoration: none;
  line-height: 13px;
  padding: 0px 0px;
  text-align: end;
  border-bottom: 1px solid #ffffff00;
  display: flex;
  align-items: center;
  padding-bottom: 1px;
}
.play-later-js-active {
  background-color: #2fa9ff;
  fill: white;
  stroke: white;
}
.play-later-js-active .play-later-st0 {
  stroke: white;
}
.destination-location-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #81818170;
  border-radius: 4px;
  padding: 5px 10px;
  backdrop-filter: blur(5px);
  position: absolute;
  bottom: 50px;
  transition: all 0.3s ease-in-out;
}
.destination-location-holder:hover {
  background-color: white;
}
.destination-location-holder:hover .right-sidebar-location-name-holder {
  color: #0078cc;
}
.right-sidebar-tagged-destination-link {
  text-decoration: none;
}
.right-sidebar-location-name-holder {
  color: white;
  font-size: 13px;
  font-style: italic;
  padding: 0px 3px;
  text-transform: capitalize;
}
.right-sidebar-tagged-location-box .location-icon-holder {
  margin-right: 2px;
}
.links-wrap-box .tagged-location-box .tagged-destination-link {
  text-decoration: none;
  line-height: 13px;
  text-align: end;
  /*! border-bottom: 1px solid #ffffff00; */
  display: flex;
  align-items: center;
  margin-right: 5px ;
}
.links-wrap-box .tagged-location-box .location-icon-holder {
  margin-right: 2px;
}
.links-wrap-box .tagged-location-box{
  color: grey;
  display: flex;
  align-items: center;
  background-color: grey;
  backdrop-filter: blur(5px);
  margin: 5px 1px;
  padding: 5px 10px;
  border-radius: 15px;
}

.tagged-location-box:hover {
  background-color: #6d7dff;
}
.location-icon-holder {
  background-color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.links-wrap-box {
  display: flex;
  color: #2fa9ff;
}
.tagged-destination-link:hover {
  /*! border-bottom: 1px solid #fcfcfc !important; */
}
.views.svg-icon-holder svg {
  height: 16px !important;
  width: 16px !important;
  display: inline-block;
}
.svg-icon-holder {
  padding: 0px 3px;
  display: flex;
  align-items: center;
}
.action-name-holder{
  font-size: 13px;
  width: 55px;
  padding: 3px 0px;
  color: #2fa9ff;
  display: flex;
  align-items:center;
  justify-content: space-between;
  display: none;
}
.location-name-holder {
  font-size: 13px;
  width: 100%;
  padding: 3px 0px;
  color: #fff;
  display: flex;
  align-items:center;
  justify-content: space-between;
  text-transform: capitalize;
  padding-top: 4px;
  margin-left: 5px;
}
.right-sibebar-experience-gadget .experience-thumbnail {
  position: relative;
}
.tax-icon-holder svg.trash {
  width: 18px !important;
  height: 18px !important;
}
.side-location-wrap .tagged-destination-link span {
  color: #ececec;
  font-size: 12px;
  font-style: italic;
  padding: 0px 5px;
}
.related-vieos {
  padding: 0px 0px;
}
.related-experience {
  list-style: none;
  display: flex;
  margin: 5px;
  flex-wrap: wrap;
  border-radius: 4px;
  overflow: clip;
  position: relative;
}
.related-experience:first-of-type {
  /*! margin-top: 5px !important; */
}
.side-photo-wrap svg {
  width: 30px !important;
  height: 30px !important;
  overflow: hidden;
  border-radius: 50% !important;
  display: block;
  border: none !important;
}
.side-author-profile-pic-wrap {
  display: flex;
}
.side-photo-wrap {
  border-radius: 50%;
  border: 1px solid #dbd7d7;
  width: 32px !important;
  height: 32px !important;
  overflow: clip;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.side-cropped-temp-photo {
  width: 100%;
  object-fit: cover;
  height: auto;
}
.side-details-wrap {
  flex-grow: 1;
}
.side-author-name {
  color: grey;
  padding: 0px 5px;
  display: flex;
  justify-content: space-between;
  font-size: 14px !important;
  text-transform: capitalize;
}
.side-experience-title {
  color: #424242;
  font-size: 16px !important;
  line-height: 22px !important;
  max-height: 42px;
  overflow: clip;
  font-weight: bold;
}
.side-further-details-wrap {
  padding: 5px 0px;
}
flex-shrink {
}
.featured-content {
  flex-grow: 1;
  flex-basis: 280px;
}
.action-icons-wrap {
  display: flex;
  width: fit-content;
  justify-content: flex-end;
  height: fit-content;
  margin-left: 5px;
}
.viewer-action-block-wrap {
  display: flex;
  margin: 0px 2px;
  line-height: 10px;
  justify-content: flex-start;
}
.viewer-action-block-wrap .svg-icon-holder:hover {
/*   border: 1px solid #48b3ff; */
/*   background-color: #48b3ff; */
}
.viewer-action-block-wrap {
  display: flex;
  padding: 10px 10px;
  border-radius: 4px;
  align-items: center;
  background-color: #2fa9ff;
/*   background-color: #ff0078; */
  color: white;
}
.follow-active {
  background-color: #ff0078 !important;
}
.follow-inactive {
   background-color: #2fa9ff;
} 
.viewer-action-block-wrap .svg-icon-holder {
  width: 40px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
/*   border: 1px solid #c6c6c65e; */
/*   border-radius: 4px; */
  padding: 0px 5px;
  margin:0px 5px;
}
.viewer-action-block-wrap:hover {
  background-color: #8d8d8d;
}
/*styling the experience media upload html*/
.experience-description {
  text-align: justify;
  display: flex;
  padding: 0px 5px;
  border-top: 1px solid #c6c6c6;
}

.playlist-bar {
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: #eaf3f8;
  border-radius: 10px;
  padding: 4px 5px;
}
.playlist-name-pointer{
  display: flex;
  border-bottom: 1px solid #d2d2d2;
  /*! background-color: #eee; */
  backdrop-filter: blur(5px);
  margin: 5px 1px;
  padding: 7px 15px;
  /*! border-radius: 4px; */
  font-size: 16px;
  font-weight: bold;
  color: #424242;
  height: 39px;
  text-transform: capitalize;
  width: 100%;
}
.playlist-name-wrap {
  display: flex;
  align-items: center;
  background-color: grey;
  backdrop-filter: blur(5px);
  margin: 5px 1px;
  padding: 7px 10px;
  border-radius: 15px;
  font-size: 14px;
  font-style: italic;
  color: white;
  height: 32px;
  text-transform: capitalize;
  cursor: pointer;
}
.playlist-name-wrap-active {
  background-color: #6d7dff;
  color: white;
}
.playing-playlist-img {
  width: 12px;
  height: 12px;
}
.playing-indicator {
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background-color: white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: none;
}
.playlist-name-wrap-active .playing-indicator{
  display: flex;
}
.playlist-name-wrap:hover {
  color: #fff;
  background-color: #6d7dff;
}
.svg-info-item-holder {
  padding-top: 5px;
  padding-right: 5px;
  float: left;
  display: none;
}
.experience-description p {
  font-size: 15px !important;
}
#video-input {
  padding: 5px 0px;
}
.upload-experience-wrap {
  padding: 10px 5px;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  display: none;
}

#form-input-inner-wrap {
  padding: 5px 0px;
}
.experience-thumbnail.video-pad #experience-video-wrap {
  min-width: 210px;
  border-radius: 4px;
  border-radius: 4px;
  background-color: #e2e2e2;
  margin: 0px;
  padding: 0px;
}
.experience-thumbnail.video-pad #video-player-box {
  position: relative;
  padding: 0px;
  margin: 0px;
}
.experience-thumbnail.video-pad #video-player-box_html5_api {
  width: 100%;
  object-fit: cover;
  padding: 0px;
  margin: 0px;
  border-radius: 4px;
}
.vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar {
  border-radius: 4px !important;
}
.video-pad .vjs-text-track-display {
  height: 30vw;
}
#video-upload-form button {
  padding: 5px 10px;
}
#custom-thumbnail-input {
}
#video-title {
  margin: 2px auto;
  background-color: black;
  background-color: #d6eaee;
  width: 100%;
  border-radius: 4px;
  border: none;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
}
#video-content {
  min-height: 80px;
  margin: 1% auto;
  background-color: black;
  background-color: #d6eaee;
  width: 100%;
  border-radius: 4px;
  border: none;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
  resize: vertical;
}

.video-thumnail-display-image {
  width: 100%;
  display: flex;
  flex-grow: 1;
  text-align: center;
  background-color: #e3e3e3;
  margin: 0px auto;
  border-radius: 4px;
  margin-bottom: 5px;
  overflow: hidden;
}
.bottom-form-upload-wrap {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.destination-filter-input {
  padding: 10px 5px;
  border: none;
  border-radius: 5px;
  background-color: #EDEDED;
  color: #2f2f2f;
  cursor: pointer;
  margin: 5px auto;
}
#upload-video-btn {
  padding: 7px 10px !important;
  background-color: #2ab058;
  border: none;
  border-radius: 4px;
  color: white;
  /*! margin: 10px auto; */
}

.photo-wrap svg {
  width: 48px !important;
  height: 48px !important;
  border: none !important;
}
.photo-wrap {
  border-radius: 50%;
  border: 1px solid #dbd7d7;
  width: 48px !important;
  height: 46px !important;
  overflow: hidden;
  display: inline-block;
}
.cropped-temp-photo {
  width: 100%;
  object-fit: cover;
  height: auto;
}
.author-profile-pic-wrap {
  display: flex;
  width: 100%;
  padding-top: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.details-wrap {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-basis: 70%;
}
.author-name {
  display: inline-flex;
  justify-content: space-between;
  align-content: center;
  line-height: 11px !important;
  max-width: 200px;
  padding: 0px 5px;
  overflow: clip;
  backdrop-filter: blur(5px);
  border-radius: 15px;
  min-width: 50px;
}
.author-name .tax-text {
  line-height: 13px !important;
  font-size: 13px !important;
  color: grey !important;
  margin-left: 5px;
}
.author-name .tax-item {
  height: 13px !important;
  margin: auto 10px !important;
}
.dropdown-toggle-button{
  display: none;
}

/*styling the comment toggle button*/

.comment-dropdown-toggle-button {
  right: 0px;
  padding: 0px !important;
}
.comment-dropdown-toggle-button span img {
  width: 30px;
  height: 30px;
  display: block;
}
.comment-dropdown-toggle-button .comment-arrow .my-comment-panel-minimize-button{
  display: none;
}
.comment-dropdown-toggle-button .comment-arrow {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.response-count-number svg {
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  display: none;
}

.comment-inner-wrap {
  margin: 0px auto;
}
/*modifying mod-list style rules*/
.inner-list-item-inline-blog-single {
  list-style: none;
}
.media-left.profile-photo-box .comment-author-profile-photo.reply-to-image.author-profile-photo {
  display: block;
  width: 32px;
  height: 32px;
}
.avatar.photo {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
}
.comment-content {
  padding: 5px 0px;
  font-size: 14px;
}
/*comments listing*/
.media-body {
  display: flex;
  padding: 5px;
  flex-wrap: wrap;
  position: relative;
  margin: 5px auto;
}
.blog-comment-section .comment .media-left .media-object svg {
  height: 36px !important;
  width: 36px !important;
}
.blog-comment-section .comment .media-left .media-object {
}
.comment-inner-wrap {
  border: none !important;
}
.commentmeta-data-box{
  padding: 0px !important;
}
.media-left.profile-photo-box {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}
.top-comment-meta-wrap {
  /*! background-color: #358bb51a; */
  /*! padding: 0px 15px; */
  /*! border-radius: 15px; */
  margin-left: 10px;
}
.commentmeta-data-box .media-heading {
  padding: 0px 10px !important;
}

.comment-text-and-attachment {
  margin-left: 40px;
}
.list-inline.list-inline-blog-single {
  margin-left: 42px;
}
.comment-inner-wrap {
  width: 100%;
  position: relative;
}
.comment-number-sytem {
  position: absolute;
  background-color: #2ea0df;
  padding: 0px !important;
  border-radius: 50%;
  color: #fff;
  right: -27px;
  top: 3px;
  font-size: 10px;
  font-style: italic;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.has_children::before {
  border-left: 2px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
  border-bottom-left-radius: 10px;
  width: 25px;
  position: absolute;
  content: '';
  top: 40px;
  height: calc(100% - 24px);
  left: 26px;
  z-index: 1;
}
.toggle-children {
  width: 25px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  top: 0px;
  left: -20px;
  

}
.inner-button {
  position: absolute;
  width: fit-content;
  padding: 0px 10px;
  height: 33px;
  left: 57px;
  display: inline-block;
  top: -5px;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.replies-text {
  color: grey;
  font-size: 13px;
  font-style: italic;
  padding: 5px 10px;
  min-width: 75px;
  display: inline-block;
}
.icon-holder-arrow {
  color: grey;
  display: inline-block;
  height: 18px;
  line-height: 17px;
}
.child-comments-wrap-default{
  display:none;
}
.expand_comment{
  display: block;
}
.comment-reply-link,
.comment-edit-link {
  height: 24px;
  min-width: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #a1d8ff;
  margin-right: 3px;
  cursor: pointer;
}
.comment-action-button {
  border: none !important;
  border-radius: 4px;
  height: 24px;
  min-width: 35px;
  margin: 2px 2px;
  overflow: clip;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 3px !important;
  cursor: pointer;
  width: fit-content;
}
.comment-reply-link:hover {
  background-color: #8db9e8 !important;
}
#reply-title {
    text-align: start;
    padding: 5px;
    color: #3e3e3e;
    font-weight: normal;
    padding-bottom: 4px;
    font-size: 18px;
}
#reply-title a{
  text-decoration: none;
  color: #0078cc;
}
/*responsive ui*/
@media all and (max-width:919px) {
  .related-vieos {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-items: space-around;
  }
}
      
@media all and (max-width:1294px){
  .related-vieos {
    padding: 0px 0px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
  .right-sidebar-video-thunmbnail {
    object-fit: cover;
    height: 220px;
    width: 100%;
    border-radius: 4px;
  }
  .post-link {
    height: 100%;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: clip;
  }
  .related-experience:first-of-type {
    /*! margin-top: 10px !important; */
  }
  @media all and (max-width:1239px){  
    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100%;
  object-fit: cover;
  height: 20vw;
  border-radius: 4px;
}
    #video-player-box {
      width: 100%;
      height: 40vw;
    }
    .post-link {
      height: fit-content;
      display: block;
      width: 100%;
      border-radius: 4px;
      overflow: clip;
    }
    .video-thunmbnail {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .right-sidebar-video-thunmbnail {
      object-fit: cover;
      height: 260px;
      width: 100%;
      border-radius: 4px;
    }
    .related-vieos {
      grid-template-columns: repeat(2,1fr);
    }
    @media all and (max-width:933px) {
      .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 100%;
        object-fit: cover;
        height: 20vw !important;
        border-radius: 4px;
      }
      #video-player-box {
        width: 100%;
        height: 60vw;
        object-fit: cover;
        background-color: black;
        border-radius: 4px;
        object-fit: cover;
      }
      .experience-wrap{
        flex-direction: column;
        flex-wrap: no-wrap;
      }
      .related-vieos {
        padding: 0px 0px;
        display: grid !important;
        grid-template-columns: repeat(3,1fr);
      }
      .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 100%;
        object-fit: cover;
        height: 30vw;
        border-radius: 4px;
        min-width: 200px;
      }
      .related-experience:first-of-type {
        /*! margin-top: 10px !important; */
      }
      .related-experience{
        width: calc(100% -4px) !important;;
        margin: 10px 10px !important;
      }
      .right-sidebar-video-thunmbnail {
        object-fit: cover;
        height: 30vw;
        width: 100%;
        border-radius: 4px;
      }
    }
  }
}
@media all and(min-width:1240px){
  #video-player-box {
    width: 100%;
    height: 400px;
  }
}
@media all and (max-width:1000px) {
  .main-body{
    flex-direction:column;
  }
  .experience-flex {
    grid-template-columns: auto auto auto;
    justify-items: center;
  }
  .experience-container {
  margin: 8px 2px;
    flex-basis: 800px;
    flex-grow: 4;
    min-width: 280px;
    flex-shrink: 1;
    padding: 0px 0px;
    margin-top: 0px;
  }
  .post-link {
    height: fit-content;
    display: block;
    width: 100%;
    border-radius: 4px;
    overflow: clip;
  }
  .right-sidebar-video-thunmbnail {
    object-fit: cover;
    height: 180px;
    width: 100%;
    border-radius: 4px;
  }
  .video-thunmbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .related-experience:first-of-type {
    /*! margin-top: 5px !important; */
  }
  .related-vieos {
    display: flex;
    flex-wrap: wrap;
  }
  .dropdown-toggle-button{
    display: flex;
  }
  @media all and (max-width:800px) {
    .related-vieos {
      grid-template-columns: auto auto;
    }
    .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
      width: 100%;
      object-fit: cover;
      height: 30vw !important;
      border-radius: 4px;
    }
    .related-experience {
      list-style: none;
      display: flex;
      margin: 10px;
      flex-wrap: wrap;
      border-radius: 4px;
      overflow: clip;
      width: calc( 100% - 20px);
    }
    .related-vieos {
      padding: 0px 10px;
      justify-items: center;
      grid-template-columns: auto auto;
    }
    .experience-flex {
      grid-template-columns: auto auto;
      justify-items: center;
    }
    #video-player-box {
      width: 100%;
      height: 60vw;
      object-fit: cover;
    }
    .video-pad{
      position: sticky;
      top:46px;
      z-index: 5;
      width: fit-content;
    }
    .video-pad-abolute-pos{
      top: 45px;
      position: fixed !important;
      z-index: 5;
      width: 100%;
    }
    .video-place-holder-box{
      display:none;
      width: 100%;
    }
    .video-place-holder-box-active{
      display: block !important;
    }
    .title-content-details-wrap {
      box-shadow: none;
      margin: 0px auto;
      border-radius: 0px;
      padding: 0px 5px;
      border: none !important;
    }
    @media all and (max-width:600px) {
      .experience-flex {
        grid-template-columns: auto;
        justify-items: center;
      }
      .related-experience {
        list-style: none;
        display: flex;
        margin: 10px;
        flex-wrap: wrap;
        border-radius: 4px;
        overflow: clip;
        box-shadow: 0px 0px 10px 0px #aeaeae;
        width: 90%;
      }
      .related-vieos {
        justify-items: center;
      }
      .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
        width: 100%;
        object-fit: cover;
        height: 65vw !important;
        border-radius: 4px;
        min-width: 200px;
        min-height: 180px;
        display: block;
      }
      .related-experience {
        width: calc(100% - 4px);
      }
      .related-vieos {
        display: grid;
        grid-template-columns: repeat(1,1fr);
      }
      .post-link {
        height: 55vw;
        display: block;
        width: 100%;
        border-radius: 0px;
        overflow: clip;
        min-height: 200px;
        min-width: 200px;
      }
      .right-sidebar-video-thunmbnail {
        object-fit: cover;
        height: 60vw;
        width: 100%;
        border-radius: 4px;
      }
      .location-wrap {
        display: flex;
        margin: 5px auto;
        border: none !important;
        flex-wrap: wrap;
      }
      .further-details-wrap {
        margin: 0px;
        padding: 0px 5px;
        box-shadow: none !important;
      }
      .experience-gadget {
        border: none;
      }
      .heading-container {
        padding: 1px 0px;
        background-color: #dbdbdb;
        border-radius: 4px;
      }
      .main-side-bar {
        flex-basis: 0px;
      }
      .experience-container {
        margin:0px;
      }
      .trending-experience-title {
        padding: 4px 15px;
      }
      #video-player-box {
        width: 100%;
        height: 65vw;
        object-fit: cover;
        min-width: 300px;
        min-height: 195px;
      }
      .video-place-holder-box{
        display:none;
        width: 100%;
      }
      .experience-flex .experience-card {
        padding: 0px;
        position: relative;
      }
      .further-details-wrap {
        border-radius: 0px;
        border-left: none;
      }
      .related-experience {
        margin: 5px 0px !important;
        box-shadow: none !important;
        border-radius: 0px !important;
      }
      .trending-experience-header {
        margin:0px !important;
      }
      .main-side-bar{
        padding: 0px !important;
        margin: 0px !important;
      }
      .experience-gadget {
        border-radius: 0px;
        box-shadow: none;
        margin: 5px 0px;
        padding: 0px 0px !important;;
      }
      .experience-gadget:first-of-type {
        border-bottom: 1px solid rgb(228, 228, 228);
      }
      .experience-thumbnail video {
        border-radius: 0px !important;
      }
      .trending-experience-header {
        border-radius: 0px;
      }
      .acc-description-info {
        padding: 20px 0px;
      }
      .left-archive-widget-content{
        grid-template-columns: auto auto auto;
        border: none !important;
        display: none;
      }
      .video-taxonomies {
        grid-template-columns: auto auto;
        border: none !important;
      }
      .tax-item {
        width: 90%;
      }
      @media all and (max-width:500px) {
        .related-vieos {
          grid-template-columns: auto;
        }
        .video-thunmbnail{
          height: 57vw;
        }
        .post-link .experience-thumbnail {
          height: 45vw;
          object-fit: cover;
          width: 100%;
        }
        .post-link {
          height: fit-content;
          width: 100%;
          display: contents;
          overflow: hidden;
        }
        .related-experience {
          list-style: none;
          display: flex;
          margin: 10px;
          flex-wrap: wrap;
          border-radius: 4px;
          overflow: clip;
          box-shadow: 0px 0px 10px 0px #aeaeae;
          width: 90%;
        }
        .related-vieos {
          padding: 0px;
          justify-items: center;
        }
        @media all and (max-width:400px) {
          .experience-video-wrap-playlist-mode-enabled .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration {
            display: none !important;
          }
          .experience-video-wrap-playlist-mode-enabled .video-js .vjs-volume-panel {
            display: none !important;
          }
          .experience-video-wrap-playlist-mode-enabled .video-js .vjs-control {
            position: relative;
            text-align: center;
            margin: 0;
            padding: 0;
            height: 100%;
            width: 3em !important;
          }
          .left-archive-widget-content{
            grid-template-columns: auto auto;
          }
          .video-taxonomies {
            grid-template-columns: auto;
          }
          .tax-item {
            display: flex;
            background-color: unset;
            margin: 0px auto;
            background-color: unset;
            width:90%;
          }
          .comment-action-button {
            border:none !important;
          }
        }
      }
    }
  }
}
@media all and (min-width:1200px) {
  .experience-flex {
    grid-template-columns: repeat(3,1fr);
    justify-items: center;
  }
  .video-thunmbnail {
    height: 40vw !important;
  }
}

@media all and (min-width:1294px) {
  .video-thunmbnail {
    width: 100%;
    border-radius: 4px;
    height: 30vw !important;
    object-fit: cover;
    background-color: grey;
  }
}

/*toggle button  styling code*/
.enforce-grid-display {
  display: grid;
}

.dropdown-toggle-button {
  width: 25px;
  height: 25px;
  background-color: white;
  box-shadow: 0px 0px 3px 1px #a2a2a2;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  line-height: 10px;
  text-align: center;
  overflow: hidden;
  margin-right: 10px;
}
.my-panel-minimize-button.bt1 {
  display: none;
}
.country-minimize-button.bt1 {
  display: none;
}
.arrow img {
  display: block;
  width: 30px;
  height: 30px;
}
/*playlist mode*/

.playlist-items-wrap {
  display: flex;
  width: fit-content;
  position: absolute;
  bottom: 0px;
  top: 0px;
}
.item-box {
  width: 100px;
  height: 75px;
  margin: 1px;
  border-radius: 4px;
  overflow: clip;
  border: 1px solid #e6e6e6;
  opacity: 0.3;
}
.item-video-thumbnail {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.playlist-mode-on-box {
  /*! margin-inline: 5px; */
  /*! padding: 5px 0px; */
  background-color: #f0f0f0;
  /*! margin: 5px auto; */
  /*! border-radius: 4px; */
  border: 1px solid #e8e8e8;
  overflow: hidden;
  display: none;
}
.playlist-mode-on-box-active {
  display: block;
  overflow: hidden;
  position: relative;
  height: 80px;
}
.indicate-selection{
  border: 4px solid #2fa9ff;
  opacity: 1;
  display: block;
  overflow: hidden;
  position: relative;
  height: 75px;
}
.item-box:hover{
  /*! border: 1px solid red; */
  opacity: 1;
}
/*comment editor loading image and message*/
.create-discussion-msg-text-gif,
.deleting-photo-msg-text-gif,
.deleting-msg-text-gif,
.editing-msg-text-gif{
  text-align: center;
  background-color: lightgrey;
  border-radius: 4px;
  border: 1px solid lightblue;
  padding: 10px 0px;
}
.please-wait-message{
  display: block;
  font-style: italic;
  font-size: 14px;
  color: blue;
}
.loading-image-box-delete-photo{
  display:none;
}
.loading-image-box-delete{
  display:none;
}
.loading-image-box{
  display:none;
}
.loading-image-box-create-new-discussion-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
  margin: 0px 10px;
}
.loading-image-box-delete-photo-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-delete-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-busy{
  background-color: #f2f2f2;
  display: flex;
  position: absolute;
  /*! width: 100%; */
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
  top: 0;
  left: 0;
  right: -2px;
}
.discussion-body-busy{
  position: relative;
}
.edit-my-discussion-body-busy{
  /*background-color:grey;*/
}
.loading-image-box-delete-photo{
  display:none;
}
.loading-image-box-delete{
  display:none;
}
.loading-image-box{
  display:none;
}
.loading-image-box-create-new-discussion-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
  margin: 0px 10px;
}
.loading-image-box-delete-photo-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-delete-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-busy{
  background-color: #f2f2f2;
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.discussion-body-busy{
  position: relative;
}
.delete-discussion-loading-gif,
.edit-discussion-loading-gif{
  height: 35px;
}