/* REGL Home Page Animation */

.home-animation {
  display: block !important; /* hiding in editor */
}
.container-child {
  background:#fff;
  z-index:3;
  transition: 0.4s;
  opacity:0;
}
.container-child > div {
  opacity: 0 !important;
   /*-webkit-transition: all .2s ease-out;*/
   /* -moz-transition: all .2s ease-out;*/
   /* -ms-transition: all .2s ease-out;*/
   /* -o-transition: all .2s ease-out;*/
   /* transition: all .2s ease-out;*/
}
.container-child > .opacityfull {
  opacity: 1 !important;
}
#webgl {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100vw;
	height: 100vh;
  opacity: 0;
}
#webgl.slowly-appear {
	transition: 2s cubic-bezier(.6, .04, .98, .335);
	opacity: 0.15;
}

/* SWUP */
.transition-fade {
  transition: 0.4s;
  opacity: 1;
  
}
html.is-animating .transition-fade {
  opacity: 0;
	
}
.transition-1s {
  transition: 1s;
  opacity: 0;
  transform: translateY(-2000px);
}
html.is-animating .transition-1s {
  opacity: 0;
	transform: translateY(-1990px);
}
.transition-wipe {
	transform: translate(-80vw,102vh) rotate(35deg);
  width: calc(81.9152vw + 57.3576vh);
  height: calc(57.3576vw + 81.9152vh);
}
html.is-animating .transition-wipe {
	transform: translate(-13vw,-29vh) rotate(35deg);
}

.transition-project, .custom-transition {
  transition: 0s;
  opacity: 1;
  transform: translateY(0px);
}
html.is-animating .transition-project, html.is-animating .custom-transition {
  opacity: 1;
	/*transform: translateY(-20px);*/
}

/* THREEJS Canvas Animation */
.container-child ~ .projects-container  {
  display: none;
}
.portfolio-wrapper figure {
	margin-bottom: 0px;
}
/* Pushable Button */
.main-button:after {
    position: absolute;
    left: 10px;
    bottom: -8px;
    content: "";
    border: 2px solid #fff;
    display: inline-block;
    border-left: 0;
    border-top: 0;
    border-bottom-right-radius: 12px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    transform: translate(0px, 0px);
}
.main-button:hover:after {
    transform: translate(-6px, -6px);
    border-bottom-right-radius: 8px;
}
.ihidden { display: none !important; }
.vhidden { visibility: hidden; }

/* Typography */

/*body a { -webkit-text-fill-color: rgba(0,0,0,0.15); }*/

z-index-1 { z-index: -1; }