/* line 124 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */

/* line 1 : /Users/andrewfisher/dev/wdc/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */

/* line 293 : /Users/andrewfisher/dev/wdc/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */

/* line 3 : /Users/andrewfisher/dev/wdc/examples/common/stylus/vars.styl */
@import url("http://Century Gothic, Muli, sans-serif.googleapis.com/css?family=Muli");

/* line 24 : /Users/andrewfisher/dev/wdc/examples/common/stylus/vars.styl */
#info {
  border-radius: 5px;
  padding: 1rem 3rem;
  max-width: 90%;
}

/* line 31 : /Users/andrewfisher/dev/wdc/examples/common/stylus/vars.styl */
body.incapable #incapable {
  display: block;
}

/* line 34 : /Users/andrewfisher/dev/wdc/examples/common/stylus/vars.styl */
body.incapable div#info {
  background-color: rgba(240,65,20,0.8);
}

/* line 4 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
html {
  font-size: 62.5%;
}

/* line 8 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
html,
body {
  height: 100%;
}

/* line 11 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body {
  background: #3f3f3f;
  color: #e8e8e8;
  margin: 0;
  font-size: 2rem;
  font-family: "Century Gothic", "Muli", sans-serif;
  font-weight: bold;
}

/* line 20 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

/* line 28 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
/** Define out the various states of the messaging now **/

/* line 29 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */

/* line 32 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body div#info p {
  display: none;
}

/* line 37 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.capable p#instruction {
  display: block;
}

/* line 41 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.capable div#info {
  background-color: #f0d232;
  color: #3f3f3f;
}

/* line 47 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.capable div#info p.infomsg {
  display: block;
}

/* line 45 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
/** near and far definitions **/

/* line 52 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.near p#near {
  display: block;
  font-size: 6em;
  color: #f0d232;
}

/* line 59 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.near div#info {
  background-color: transparent;
  max-width: 100%;
}

/* line 63 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.far p#far {
  display: block;
  font-size: 1.2em;
  color: #6e6e6e;
}

/* line 70 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body.far div#info {
  background-color: transparent;
}

/* line 68 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
/** Battery demo styles **/

/* line 74 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body#batterydemo.capable p {
  display: block;
}

/* line 77 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body#batterydemo.capable #gauge {
  height: 1px;
  background-color: #f0d232;
}

/* line 82 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body#batterydemo.capable div#meter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
}

/* line 89 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
body#batterydemo.incapable div#meter,
body#batterydemo.capable div#info {
  display: none;
}

/* line 93 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
div#meter p {
  margin: 0;
  padding: 0;
}

/* line 98 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
div#meter p#powerlevel {
  line-height: 0;
  padding-bottom: 1em;
  font-weight: normal;
}

/* line 103 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
span#power {
  font-size: 18rem;
}

/* line 108 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
/** various media query overrides **/

/* line 110 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
@media (min-width: 1000px) {

/* line 112 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
  html {
    font-size: 100%;
  }

/* line 116 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
  #info {
    max-width: 50%;
  }

/* line 120 : /Users/andrewfisher/dev/wdc/examples/common/stylus/slides.styl */
  #meter {
    max-width: 50%;
  }
}