/* This file cannot be bundled nor minified due to the way the skrollr plugin consumes it */

/* Top-menu animations */

#navbar {
    -skrollr-animation-name: navbar-animation;
}

@-skrollr-keyframes navbar-animation {
    50 {
        transform: translate3d(0, 0px, 0);
    }

    150 {
        transform: translate3d(0, -50px, 0);
    }
}

#navbar-logo {
    -skrollr-animation-name: navbar-logo-animation;
}

@-skrollr-keyframes navbar-logo-animation {

    50 {
        transform: translate3d(0px, 0px, 0) scale3d(1,1,1);
    }

    150 {
        transform: translate3d(-30px, 30px, 0px) scale3d(0.64, 0.64, 1);
    }
}

#navbar-primary {
    -skrollr-animation-name: navbar-primary-animation;
    -skrollr-animation-name: navbar-primary-animation-shadow;
}

@-skrollr-keyframes navbar-primary-animation {
    50 {
        transform:translate3d(0, 0px, 0); 
    }

    150 {
        transform:translate3d(0px, -10px, 0px); 
    }
}

@-skrollr-keyframes navbar-primary-animation-shadow {
    150 {
        box-shadow: 0 0px 0px 0px rgba(0,0,0,.2);
    }
    
    160 {
        box-shadow: 0 1px 4px 1px rgba(0,0,0,.2);
    }
}


#navbar-primary .container {
    -skrollr-animation-name: navbar-primary-container-animation;
}

@-skrollr-keyframes navbar-primary-container-animation {
    50 {
        transform:translate3d(0, 0px, 0); 
    }

    150 {
        transform:translate3d(0px, 10px, 0px); 
    }
}

#navbar-primary-links {
    -skrollr-animation-name: navbar-primary-links-animation;
}

@-skrollr-keyframes navbar-primary-links-animation {
    50 {
        max-height: 90px;
    }

    150 {
        max-height: 80px;
    }
}

#navbar-primary-links a.selected,
#navbar-primary-links a:hover {
    -skrollr-animation-name: navbar-primary-links-selected-animation;
}

@-skrollr-keyframes navbar-primary-links-selected-animation {
    50 {
        border-width: 8px;
    }

    150 {
        border-width: 6px;
    }
}

/* Presentation block animations */

#presentation-parallax{
    -skrollr-animation-name: presentation-parallax-animation;
}

@-skrollr-keyframes presentation-parallax-animation {
    0 {
        min-height:650px;
    }
    
    650 {
        height:0px;
        min-height:0px;
    }
}

/* USP block animations */

.usp-header {
    -skrollr-animation-name: usp-header-animation;
}

@-skrollr-keyframes usp-header-animation {
    bottom-top {
        transform: translate3d(0, 100px, 0);
    }
    
    top-bottom {
        transform: translate3d(0, -300px, 0);
    }
}