/* On-Scroll Animations */
/*-----------------------------*/

.anim-on-scroll {
    /*border: 1px solid red;*/
}
.anim-on-scroll.anim-triggered {
    /*border: 1px solid blue;*/
}



.anim-on-scroll.anim-alpha-in {
    opacity: 0;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}
.anim-on-scroll.anim-alpha-in.anim-triggered {
    opacity: 1;
}
.anim-on-scroll.anim-b-in {
    transform: translate(0, 50px) scale(1.05);
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}
.anim-on-scroll.anim-b-in.anim-triggered {
    transform: translate(0px, 0) scale(1);
}

.anim-on-scroll.anim-l-in {
    transform: translate(-50px, 0) scale(1.05);
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}
.anim-on-scroll.anim-l-in.anim-triggered {
    transform: translate(0px, 0) scale(1);
}
.anim-on-scroll.anim-r-in {
    transform: translate(50px, 0) scale(1.05);
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
}
.anim-on-scroll.anim-r-in.anim-triggered {
    transform: translate(0px, 0) scale(1);
}




/* TODO: currently disabled init.php */


/* ELEMENTOR Overrides */
/*-----------------------------*/
.elementor-motion-effects-layer.delay-animation {
    transition-delay: 999s;
}


/* DEBUGGING styles */
/*-----------------------------*/
.plax-debug #global-wrapper {
    /*padding: 200px 0;*/
}
/*.plax-debug .global-inner,*/
.plax-debug .elementor-motion-effects-container,
.plax-debug #global-wrapper
{
    overflow: visible!important;
}

.plax-debug .elementor-motion-effects-container {
    border: 1px solid red;
    background: rgba(255, 11, 0, 0.2) !important;
}
.plax-debug .elementor-element-77e02c5 {
    background: rgba(0, 95, 255, 0.2) !important;
}
.plax-debug .elementor-motion-effects-layer {
    border: 1px solid orange;
    background: rgba(0,0,0,0.2)!important;
}


/* mouse wheel jumpyness fix */
/* (more of an attempt as it doesn't really work) */
/*-----------------------------------------------------------*/
.smooth-wheel-scroll.elementor-motion-effects-element,
.smooth-wheel-scroll.elementor-motion-effects-layer {
    /*-webkit-transition-property: opacity,-webkit-transform;*/
    /*transition-property: opacity,-webkit-transform;*/
    /*-o-transition-property: transform,opacity;*/
    /*transition-property: transform,opacity;*/
    /*transition-property: transform,opacity,-webkit-transform;*/

    -webkit-transition-timing-function: ease-in-out!important;
    -o-transition-timing-function: ease-in-out!important;
    transition-timing-function: ease-in-out!important;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}