@import "TOKENS";

$transition-property: all;
$transition-duration: 0.3s;
$transition-timing: ease-out;






@import "cssinc/playlist/gallery_main";
@import "cssinc/navigation/navigation";
@import "cssinc/nav_outer";


.videogallery {
  direction: ltr;
  color: #eee7df;

  &.height-is-fixed{
  }
}

@import "cssinc/misc/misc_rtl";


.videogallery.transition-slideup {

  .sliderCon > .vplayer {
    top: 100%;
  }

  .sliderCon > .vplayer.transition-slideup-gotoTop {
    top: -100%;
  }

  .sliderCon > .vplayer.currItem {
    top: 0;
  }
}


.videogallery.nav-thumbs .main-navigation.menu-top .navMain .videogallery--navigation-container, .videogallery.nav-thumbs .main-navigation.menu-bottom .navMain .videogallery--navigation-container {
  width: auto;
}





.videogallery {
  opacity: 0;
  $transition-property: opacity, max-height;
  $transition-duration: 0.3s;
  $transition-timing: ease-out;
  @include apply_transition($transition-property, $transition-duration, $transition-timing);


  &.ad-blocked-navigation:not(.pretime-ad-setuped) {
    .videogallery--navigation-container {
      -webkit-filter: grayscale(60%);
      filter: grayscale(60%) blur(1px);
      pointer-events: none;
    }
  }


}

.videogallery.dzsvg-loaded {
  opacity: 1;

  &~.preloader{
    opacity: 0;
    visibility: hidden;
  }
}



div.videogallery {
  word-wrap: break-word;
  font-size: 11px;
  font-size: 0.7rem;
  line-size: 0.8rem;
}






$cssselector: ".videogallery .dzs-navigation--item.active";
$direction: "left";
$arrow-size: 5px;
$border-width: 1px;
$arrow-mainc: #fff;
$border_color: #eee;


@import "shared-playlist-player/misc_shadows";

.gallery-precon {
  clear: both;
}





@import "cssinc/playlist/misc_laptop";







.videogallery.try-height-as-window {
  height: 100vh;
}

.videogallery{
  &.view--is-height-dependent-on-parent{
    .sliderMain{
      height: 100%;

      .sliderCon{
        >.vplayer{

        }
      }
    }
  }
}


$transition-property: transform, left, opacity, visibility;
$transition-duration: 0.3s;
$transition-timing: ease-out;



.videogallery {
  max-width: 100vw;


}










.videogallery-con {


  $transition-property: opacity, display, visibility, transform;
  $transition-duration: 1s;
  $transition-timing: ease-out;


}




.feed-dzsvg {
  display: none;
}








//@import "cssinc/navigation/nav-skins/nav_skin_navtransparent";
//@import "cssinc/navigation/nav-skins/nav_skin_boxy";
//@import "cssinc/navigation/nav-skins/nav_skin_pro";
@import "cssinc/navigation/nav-skins/nav_skin_default";

@import "cssinc/ad-functions/ad-functions";

body .categories-videogallery .the-categories-con .a-category.active {
  background-color: #1a4e7b;
}



@import "cssinc/navigation/navigation_search";


@import "cssinc/playlist/gallery_skin_aurora";


@import "css_player/player-skins/skin_pro";


.no-mouse-out .vplayer.skin_pro.mouse-is-out .controls {
  bottom: 0;
}











/* skin_bluescrubtop END */

$aux: 14px;


/* -- categories setup START */


@import "cssinc/playlist/gallery_categories";

/* -- categories setup END */


@import "cssinc/playlist/gallery_navigation_outer";
@import "cssinc/nav_thumbsandarrows";


.wall-close {
  position: fixed;
  top: 0;
  right: 75px;
  z-index: 50006;
  background-color: rgba(50, 50, 50, 0.7);
  color: #eee;
  padding: 15px;

  cursor: pointer;

  font-size: 11px;
  font-weight: bold;
}

body.admin-bar .wall-close {
  top: 35px;
}


@import "cssinc/playlist/pagination";
@import "cssinc/misc/misc_classes";
.extra-btns-con {
  margin-top: 10px;
}



@import "css_common/_dzs_social.scss";


/**
theme fixes
 */
.videogallery .vplayer iframe[src]{
  opacity:1;
}


.mainvp-con {
  > .extra-html {
    opacity: 1;
    visibility: visible;

    .counter-hits {
      i, .the-label {
        font-size: 11px;
        display: inline-block;
        vertical-align: middle;

        margin-right: 5px;
      }

      .the-label {
        font-size: 13px;
      }
    }
  }
}

.item-meta-list {
  margin-bottom: 10px;

  .counter-hits {
    float: none;

    i, .the-label {
      display: inline-block;
      vertical-align: middle;
      font-size: 13px;
    }

    i {
      font-size: 11px;
      margin-right: 5px;
    }
  }
}


@import "cssinc/layouts";


/* videogallery transitions */
@import "cssinc/playlist/gallery_transitionSlideIn";

@import "cssinc/shared/preloader";
@import "cssinc/misc/misc_lightbox";

.real-media .hidden-content-for-zoombox, .real-media > .hidden-content {
  display: block !important;
}

.the-item.ajax-content {
  > .dzsas-second-con, > .extra-btns-con {
    display: none;
  }
}




.field-for-view {
  background-color: #f0f0f0;
  line-height: 1;
  color: #555;
  padding: 8px;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Monospaced', Arial;
}

textarea.field-for-view {
  width: 100%;
  white-space: pre-line;
  line-height: 1.75;
}



@import "css_common/dzs_common";

.nav-outer {
  .divimage {

    //todo: why ?
    & + .the-title, & ~ .paragraph {
      margin-top: 5px;
      text-align: center;
    }
  }
}

.feed-dzsvg--inline-content{
  >iframe{
    width: 100%;
    height: 100%;
  }
}
@import "cssinc/playlist/miscDecorators";
@import "cssinc/colors";