/********************/
/********************/
/** Rows & Modules **/
/** Animation      **/
/********************/
/********************/

/* BB animations */
@-webkit-keyframes fl-fade-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fl-fade-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes fl-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fl-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* animates whole desktop menu */
body:not(.fl-builder-edit) #menu-mega-menu,
body:not(.fl-builder-edit) #menu-mega-menu li:nth-of-type(n) {
  opacity: 0;
}
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated,
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(n) {
  opacity: 1;
  transition: opacity 1s ease-in-out, background-size 1s ease-in-out;
}

/* animates individual desktop menu links */
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(n+2) {
  animation: fl-fade-up 1s ease-in-out;
  -webkit-animation: fl-fade-up 1s ease-in-out;
}
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(2) {
  animation-delay: .5s;
  transition-delay: .5s, 1s; /* opacity, background-size */
}
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(3) {
  animation-delay: .75s;
  transition-delay: .75s, 1.25s; /* opacity, background-size */
}
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(4) {
  animation-delay: 1s;
  transition-delay: 1s, 1.5s; /* opacity, background-size */
}
body:not(.fl-builder-edit) #menu-mega-menu.fl-animated li:nth-of-type(5) {
  animation-delay: 1.25s;
  transition-delay: 1.25s, 1.75s; /* opacity, background-size */
}

/* animates current page indicator for desktop menu links */
#menu-main .menu-desktop li.mainmenu_item:not(.mainmenu_home).current-menu-item {
    background-image: linear-gradient(var(--SFF-SFF-Warm-White), var(--SFF-SFF-Warm-White));
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 4px;
}
#menu-main .menu-desktop.fl-animated li.mainmenu_item:not(.mainmenu_home).current-menu-item {
    background-size: 100% 4px;
}

/* START :: Bug fix for glitchy pre-animation on page load */
/* Home page */
body:not(.fl-builder-edit) .home--hero-text.animation-patch {
    opacity: 0 !important;
    transition: opacity 1.5s ease-in-out;
    transition: opacity 1s ease-in-out;
    transition-delay: 0;
    animation: none !important;
}
body:not(.fl-builder-edit) .home--hero-text.animation-patch.fl-animated {
    opacity: 1 !important;
}

/* Focus page */
body:not(.fl-builder-edit) .focus--hero .animation-patch {
    opacity: 0 !important;
    /* transition: opacity 1s ease-in-out; */
    transition: opacity .75s ease-in-out;
    transition-delay: .75s;
    animation: none !important;
}
body:not(.fl-builder-edit) .focus--hero .animation-patch.fl-animated {
    opacity: 1 !important;
} 
body:not(.fl-builder-edit) .spotlights.work.animation-patch {
    opacity: 0 !important;
    /* transition: opacity 1.5s ease-in-out; */
    transition: opacity 1s ease-in-out;
    /* transition-delay: 2.25s; */
    transition-delay: 1.25s;
    animation: none !important;
}
body:not(.fl-builder-edit) .spotlights.work.animation-patch.fl-animated {
    opacity: 1 !important;
}

/* About page */
body:not(.fl-builder-edit) .about--hero .animation-patch {
    opacity: 0 !important;
    /* transition: opacity 1s ease-in-out; */
    transition: opacity .75s ease-in-out;
    transition-delay: .75s;
    animation: none !important;
}
body:not(.fl-builder-edit) .row--founders .animation-patch {
    opacity: 0 !important;
    transition: opacity 1s ease-in-out;
    /* transition-delay: .15s; */
    animation: none !important;
}
body:not(.fl-builder-edit) .about--hero .animation-patch.fl-animated,
body:not(.fl-builder-edit) .row--founders .animation-patch.fl-animated {
    opacity: 1 !important;
}
/* @media screen and (min-height: 900px) {
    body:not(.fl-builder-edit) .row--founders .animation-patch {
        transition-delay: 1.75s;
    }
}  */
    /* carousel */
body:not(.fl-builder-edit) .slider--value-carousel.animation-patch {
    opacity: 0 !important;
    /* transition: opacity 1.5s ease-in-out; */
    transition: opacity 1s ease-in-out;
    /* transition-delay: 2.25s; */
    transition-delay: 1.25s;
    animation: none !important;
}
body:not(.fl-builder-edit) .slider--value-carousel.animation-patch.fl-animated {
    opacity: 1 !important;
}
body:not(.fl-builder-edit) .slick-slider {
    opacity: 0;
    transition: opacity 400ms ease-in-out;
    transition-delay: 1s;
}
body:not(.fl-builder-edit) .slick-slider.slick-initialized {
    opacity: 1;
}

/* Focus page */
body:not(.fl-builder-edit) .focus--hero .animation-patch {
    opacity: 0 !important;
    transition: opacity 1s ease-in-out;
    transition-delay: .75s;
    animation: none !important;
}
body:not(.fl-builder-edit) .focus--hero .animation-patch.fl-animated {
    opacity: 1 !important;
}
/* END   :: Bug fix for glitchy pre-animation on page load */


/* Flyouts – Values */
/* body:not(.fl-builder-edit) .uabb-off-canvas-show .fl-col {
  opacity: 0;
}
body:not(.fl-builder-edit) .uabb-off-canvas-show [data-active="true"] .fl-col {
  opacity: 1;
  transition: opacity 1s ease-in-out;
  transition-delay: .25s;
}
body:not(.fl-builder-edit) .uabb-off-canvas-show [data-active="true"] .fl-col + .fl-col{
  transition-delay: .75s;
  /* transition-delay: .5s, 1s; opacity, background-size */
/* }  */

/* BB XL DESKTOP, and up */
@media only screen and (min-width: 1368px) {
}
/* BB "LARGE" DESKTOP, and down */
@media only screen and (max-width: 1366px) {
}
/* TABLET, and down */
@media only screen and (max-width: 992px) {
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {
}