@charset "UTF-8";

@import "compass/reset"; @import "compass/css3/border-radius"; @import "compass/css3/box"; @import "compass/css3/box-shadow"; @import "compass/css3/box-sizing"; @import "compass/css3/images"; @import "compass/css3/text-shadow"; @import "compass/css3/background-size"; @import "compass/css3/transform"; @import "compass/css3/transition";

@import "variables";

@mixin font-smoothing($val: antialiased) { -webkit-font-smoothing: $val; -moz-font-smoothing: $val; -ms-font-smoothing: $val; -o-font-smoothing: $val; }

@mixin flexbox { display: -webkit-box !important; display: -moz-box !important; display: -ms-box !important; display: -o-box !important; display: box !important; }

@mixin flex-center-center { @include box-orient(vertical); @include box-align(center); @include box-pack(center); }

@mixin flex-left-center { @include box-orient(vertical); @include box-align(left); @include box-pack(center); }

@mixin flex-right-center { @include box-orient(vertical); @include box-align(end); @include box-pack(center); }

/**

• Base SlideDeck Styles */ html { height: 100%; overflow: hidden; }

body { margin: 0; padding: 0;

opacity: 0;

height: 100%; min-height: 740px; width: 100%;

overflow: hidden;

color: #fff; @include font-smoothing(antialiased); @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank.

&.loaded { opacity: 1 !important; } }

input, button { vertical-align: middle; }

slides > slide[hidden] { display: none !important; }

slides { width: 100%; height: 100%; position: absolute; left: 0; top: 0; @include transform(translate3d(0, 0, 0)); @include perspective(1000); @include transform-style(preserve-3d); @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank. }

slides > slide { display: block; position: absolute; overflow: hidden; left: 50%; top: 50%; @include box-sizing(border-box); }

/* Slide styles */

/*article.fill iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%;

border: 0; margin: 0;

@include border-radius(10px);

z-index: -1; }

slide.fill { background-repeat: no-repeat; @include background-size(cover); }

slide.fill img { position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%;

z-index: -1; } */