/* Animations */
 .fromBottom, .animateChilds.fromBottom .wp-block-column{
	transform: translateY(100px);
}
 .fromLeft, .animateChilds.fromLeft .wp-block-column{
	transform: translateX(-100px);
}
 .fromRight, .animateChilds.fromRight .wp-block-column{
	transform: translateX(100px);
}

.animate, .animateChilds .wp-block-column{
  opacity: 0;
  transition: 0.7s all ease-in-out;
}

.animate.active, .animateChilds.active, .animateChilds.active .wp-block-column{
  transform: translateY(0);
  opacity: 1;
}


.animateChilds .wp-block-column:nth-child(1), .animate.delay1{
    transition-delay: 0.2s;
}
.animateChilds .wp-block-column:nth-child(2), .animate.delay2{
    transition-delay: 0.4s;
}
.animateChilds .wp-block-column:nth-child(3), .animate.delay3{
    transition-delay: 0.6s;
}
.animateChilds .wp-block-column:nth-child(4), .animate.delay4{
    transition-delay: 0.8s;
}
.animateChilds .wp-block-column:nth-child(5), .animate.delay5{
    transition-delay: 1s;
}

/* Only front */

body:not(.wp-admin) .activite{ 
	-webkit-mask-image: url(../img/mask_arrow.svg);
  	mask-image: url(../img/mask_arrow.svg);
    -webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position : right;
	-webkit-mask-size: cover;
	mask-position : right;
	mask-size: cover;
}


.flip-box-vertical {
  perspective: 1000px;
}

.flip-box-vertical.wp-block-column.is-vertically-aligned-center{ align-self: inherit !important;}

.flip-box-inner {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box-vertical:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  min-height: 220px;
  backface-visibility: hidden;
/*    top: -30px; */
   margin-top: 0;
}

.flip-box-vertical .flip-box-back {
  transform: rotateY(180deg);
}  


@media (max-width: 650px) {
	body:not(.wp-admin) .activite{
		-webkit-mask-image: url(../img/mask_arrow_mobile.svg);
  	mask-image: url(../img/mask_arrow_mobile.svg);
  	    -webkit-mask-position: center;
  	    padding-bottom: 80px !important;
  	}
	
}
