/*
    ... and we enhance the styles for impress.js.

    Basically we remove the margin and make inactive steps a little bit transparent.
*/
.impress-enabled .step, .build {
    margin: 0;
    opacity: 0.1;

    -webkit-transition: opacity 1s;
    -moz-transition:    opacity 1s;
    -ms-transition:     opacity 1s;
    -o-transition:      opacity 1s;
    transition:         opacity 1s;
}

.impress-enabled .step.active, .build.active { opacity: 1 }

/* animate the final slide to say thank you then raise up and Questions? appears */

.thankyou, .questions {
    position: absolute;
    top: 50px;
}

#final.present .thankyou {
    transform: translateY(-100px);
    transition-duration: 1s;
    -webkit-transform: translateY(-100px);
    -webkit-transition-duration: 1s;
}

#final.future .questions {
    opacity: 0;
}

#final.present .questions {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 1s;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 1s;
}

#application.present .scale-ear {
    transform: scale(3.0) translateX(-80px) translateY(200px);
    transition-duration: 1s;
    -webkit-transform: scale(3.0) translateX(-80px) translateY(200px);
    -webkit-transition-duration: 1s;
}

#application.past .scale-ear {
    transform: scale(3.0) translateX(-80px) translateY(200px);
    -webkit-transform: scale(3.0) translateX(-80px) translateY(200px);
}

#vertical-scaling.present .vertical-scaling {
    transform: scale(1.5);
    transition-delay: 1s;
    transition-duration: 1s;
    -webkit-transform: scale(1.5);
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: 1s;
}

#vertical-scaling.past .vertical-scaling {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

#horizontal-scaling .appear-3 {
    opacity: 0;
    transition: opacity 1s ease-out 3s;
    -webkit-transition: opacity 1s ease-out 3s;
}

#horizontal-scaling.present .appear-3 {
    opacity: 1;
}

#horizontal-scaling .appear-2 {
    opacity: 0;
    transition: opacity 1s ease-out 2s;
    -webkit-transition: opacity 1s ease-out 2s;
}

#horizontal-scaling.present .appear-2 {
    opacity: 1;
}

#horizontal-scaling .appear-1 {
    opacity: 0;
    transition: opacity 1s ease-out 1s;
    -webkit-transition: opacity 1s ease-out 1s;
}

#horizontal-scaling.present .appear-1 {
    opacity: 1;
}

#application-container .scale-ear {
    transform: scale(3.0) translateX(-80px) translateY(200px);
    transition-delay: 0s;
    transition-duration: 0s;
    -webkit-transform: scale(3.0) translateX(-80px) translateY(200px);
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0s;
}

    
/* footnotes */

/* parallels logo bottom left except for title slide */
.impress-on-begin #logo {
    opacity: 0;
}

/* individual per slide copyrights */
.impress-on-travel #copyright:after {
    opacity: 0.5;
    content: 'image by Dave Sutton sevenoaksart.co.uk';
}

#desktop-paradigm.present .app-fly-in {
    transform: translateX(-335px) translateY(135px);
    transition-delay: 1s;
    transition-duration: 1s;
    -webkit-transform: translateX(-335px) translateY(135px);
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: 1s;
}

#desktop-paradigm.past .app-fly-in {
    transform: translateX(-335px) translateY(135px);
    -webkit-transform: translateX(-335px) translateY(135px);
}

#desktop-paradigm.present .disk-fly-in {
    transform: translateX(-400px) translateY(-135px);
    transition-delay: 1s;
    transition-duration: 1s;
    -webkit-transform: translateX(-400px) translateY(-135px);
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: 1s;
}

#desktop-paradigm.past .disk-fly-in {
    transform: translateX(-400px) translateY(-135px);
    -webkit-transform: translateX(-400px) translateY(-135px);
}

#container-build-fly.present .ear-fly-in {
    transform: translateX(245px) translateY(-180px) scale(0.5);
    transition-delay: 1s;
    transition-duration: 1s;
    -webkit-transform: translateX(245px) translateY(-180px) scale(0.5);
    -webkit-transition-delay: 1s;
    -webkit-transition-duration: 1s;
}

#container-build-fly.past .ear-fly-in {
    transform: translateX(245px) translateY(-180px) scale(0.5);
    -webkit-transform: translateX(245px) translateY(-180px) scale(0.5);
}