/* ===============================
   GP Elementor Animation CSS
   =============================== */

/* Only Frontend */
body:not(.elementor-editor-active) .gp-fade-up,
body:not(.elementor-editor-active) .gp-fade-down,
body:not(.elementor-editor-active) .gp-fade-left,
body:not(.elementor-editor-active) .gp-fade-right,
body:not(.elementor-editor-active) .gp-zoom-in{
    opacity:0;
    transition:opacity 1.2s ease,transform 1.2s ease;
}

/* Elementor Editor */
body.elementor-editor-active .gp-fade-up,
body.elementor-editor-active .gp-fade-down,
body.elementor-editor-active .gp-fade-left,
body.elementor-editor-active .gp-fade-right,
body.elementor-editor-active .gp-zoom-in{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
}

/* Initial Positions */

.gp-fade-up {
    transform: translateY(60px);
}

.gp-fade-down {
    transform: translateY(-60px);
}

.gp-fade-left {
    transform: translateX(-60px);
}

.gp-fade-right {
    transform: translateX(-60px);
}

.gp-zoom-in {
    transform: scale(0.85);
}

/* Animation Active */

.gp-animated {
    opacity: 1 !important;
    transform: translate3d(0,0,0) scale(1);
}

/* Delay Classes */

.gp-delay-100 {
    transition-delay: .1s;
}

.gp-delay-200 {
    transition-delay: .2s;
}

.gp-delay-300 {
    transition-delay: .3s;
}

.gp-delay-400 {
    transition-delay: .4s;
}

.gp-delay-500 {
    transition-delay: .5s;
}

.gp-delay-600 {
    transition-delay: .6s;
}

.gp-delay-700 {
    transition-delay: .7s;
}

.gp-delay-800 {
    transition-delay: .8s;
}

.gp-delay-900 {
    transition-delay: .9s;
}

.gp-delay-1000 {
    transition-delay: 1s;
}

/* Duration Classes */

.gp-speed-fast {
    transition-duration: .6s !important;
}

.gp-speed-normal {
    transition-duration: 1.3s !important;
}

.gp-speed-slow {
    transition-duration: 2s !important;
}

.gp-speed-extra-slow {
    transition-duration: 3s !important;
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .gp-fade-up,
    .gp-fade-down,
    .gp-fade-left,
    .gp-fade-right,
    .gp-zoom-in {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

}