/************************/
/*  START :: Animation  */
/************************/

/* start :: animation fix for stuttering fade-up opacity */
body:not(.fl-builder-edit) .fl-animation.fl-fade-up {
    opacity: 0;
}
body:not(.fl-builder-edit) .fl-animation.fl-fade-up.fl-animated {
    opacity: 1;
}
/* end :: animation fix for stuttering fade-up opacity */

.lottie--left {
    float: left;
}
.lottie--right {
    float: right;
}
/* circuit */
@media screen and (min-width: 1500px) {
    .lottie.circuit {
        max-width: 536px;
    }
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {
    .section--pattern-circuit .column--lottie-right {
        width: 100% !important;
    }
    .circuit.lottie--left {
        display: none;
    }
}
/* helix */
.helix.lottie--left {
    max-width: 946px;
    margin-block: -35px -48px;
    
}
.helix.lottie--right {
    max-width: 405px;
    margin-block: -35px -48px;
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {
    .section--pattern-helix .column--lottie-left {
        width: 100% !important;
    }
    .helix.lottie--left {
        margin-block: -20px -24px;
    }
    .helix.lottie--right {
        display: none;
    }
}
/* hexagons */
.hexagons.lottie--left {
    max-width: 620px;
    float: right;
}
.hexagons.lottie--right {
    max-width: 505px;
    float: left;
}
@media screen and (min-width: 1500px) {
    .hexagons.lottie--left {
        float: left;
        margin-left: -40px;
    }
    .hexagons.lottie--right {
        float: right;
        margin-right: -60px;
    }
}
/* honeycomb */
.honeycomb.lottie--left {
    max-width: 621px;
}
.honeycomb.lottie--right {
    max-width: 730px;
}

/* Prefers Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    /* generally, disable BB animations */
    .fl-animation {
        opacity: 1 !important;
        -webkit-animation: none !important;
        animation: none !important;
        transition-property: none !important;
        transform: none !important;
    }
    /* start :: geode particle canvas */
    .section--pattern-geode canvas {
        display: none;
    }
    .uabb-row-particles-background {
        background: 
            border-box url(/wp-content/uploads/HeroGeodePattern.svg) no-repeat center center, 
            border-box var(--body) no-repeat center center, 
            var(--Primary-Dark);
    }
    /* end :: geode particle canvas */
}
/************************/
/*  END   :: Animation  */
/************************/