/**
 * @file
 * VVJ Reveal.
 *
 * Filename:     vvjr-all.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
.vvjr.br-all .reveal-inner {
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--box-width) * 1px), 1fr));
  gap: calc(var(--grid-gap) * 1px);
}

.vvjr.br-all .reveal-item {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  width: 100%;
  height: calc(var(--box-height) * 1px);
}

.vvjr.br-all .back-box {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: var(--reveal-speed) var(--animation-easing);
  overflow-y: auto;
  overflow-x: hidden;
}

.vvjr.br-all .reveal-inner .back-box,
.vvjr.br-all .reveal-inner .front-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vvjr.br-all .reveal-item > div {
  height: 100%;
}

.vvjr.br-all .reveal-item.a-zoom .back-box {
  transform: scale(0);
}

.vvjr.br-all .reveal-item.a-top .back-box {
  transform: translateY(-100%);
}

.vvjr.br-all .reveal-item.a-right .back-box {
  transform: translateX(100%);
}

.vvjr.br-all .reveal-item.a-bottom .back-box {
  transform: translateY(100%);
}

.vvjr.br-all .reveal-item.a-left .back-box {
  transform: translateX(-100%);
}

.vvjr.br-all.hover .reveal-item.a-fade:hover .back-box {
  opacity: 1;
}

.vvjr.br-all.hover .reveal-item.a-zoom:hover .back-box {
  transform: scale(1);
  opacity: 1;
}

.vvjr.br-all.hover .reveal-item.a-top:hover .back-box {
  transform: translateY(0);
  opacity: 1;
}

.vvjr.br-all.hover .reveal-item.a-right:hover .back-box {
  transform: translateX(0);
  opacity: 1;
}

.vvjr.br-all.hover .reveal-item.a-bottom:hover .back-box {
  transform: translateY(0);
  opacity: 1;
}

.vvjr.br-all.hover .reveal-item.a-left:hover .back-box {
  transform: translateX(0);
  opacity: 1;
}