/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
.transition {
  position: absolute;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.transition li {
  width: 20%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  background: #fffffe;
}

.loader {
    position: fixed;
    width: 100vw;
    height: 200vh; /*because we are rotating it. Without any rotation, a height of 100vh would be enough to cover the whole screen*/
    pointer-events: none;
    background-color: #131313;
	z-index: 999;
    visibility: hidden;
    opacity: 0; /*because we don’t want to see a flash of the loader before GSAP scales it down*/
}

.is-transitioning {
    pointer-events: none;
    cursor: progress;
}