/* Typography */

h1 {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

h1.visible {
  position: static;
}

h1, 
.h1 {
  font-family:'Exo 2', serif;
  font-size:100px;
  line-height:1.05;  
  letter-spacing:-0.06em;
  font-weight:400;
  margin-bottom:18px;
  margin-left:-0.05em;
}

h2.h1 {
    margin-bottom: 30px;
    font-size: 44px;
}

.h3, .h4, .h5, h3, h4, h5 {
    font-family: "Exo 2";
    font-weight: 600;
}

li.small {
    font-size: 16px;
    letter-spacing: -.011em;
}

p.tiny {
  font-size: 14px;
}

.landing a, .post a:visited {
  color:#3399ff;text-decoration:none;
}

/* Color Palette */
.brand {
  background-color: #3399ff;
}

.hideDesktop {
    display: none;
  }

/* Hide Responsive */
@media screen and (max-width: 768px) {
  .hideMobile {
    display: none;
  }

  .hideDesktop {
    display: block;
  }
}


/* Slide colors */
body .slide.whiteSlide.light-gray {
  background-color: #f1f1f1;
}
body .slide.whiteSlide.green {
  background-color: #70AD47;
}

body .slide.whiteSlide.orange {
  background-color: #ED7D31;
}

body .slide.whiteSlide.yellow {
  background-color: #FFC000;
}

body .slide.whiteSlide.blue {
  background-color: #5B9BD5;
}

body .slide.whiteSlide.pink {
  background-color: #FF2F92;
}

body .slide.kenBurns.brand {
  background-color: #3399ff;
}

/* Slide Background Images */

.sunset-hero-bg {
  background-image:url('../../../assets/img/blue-sunrise.jpg')
}

.summer-hero {
  background-image:url('../assets/img/section-images/locosummer-mlgroup.jpg');
}

.drone-sunset-bg {
  background-image:url('../assets/img/section-images/drone-sunset-bg.jpg')
}

.galaxy-bg {
  background-image:url('../assets/img/section-images/galaxy-bg.jpg')
}

.wing-sunset-bg {
  background-image:url('../assets/img/section-images/wing-sunset-bg.jpg');
}

.robot-design-bg {
  background-image:url('../assets/img/section-images/robot-design-bg.jpg');
}

.computer-vision-space-bg {
  background-image:url('../assets/img/section-images/computer-vision-space-bg.jpg')
}
.internet-of-things-university-bg {
  background-image:url('../assets/img/section-images/internet-of-things-university-bg.jpg')
}
.blue-sunrise-bg {
  background-image:url('../assets/img/section-images/blue-sunrise-bg.jpg')
}
.middle-school-coding-bg {
  background-image:url('../assets/img/section-images/middle-school-coding-bg.jpg')
}
.evolution-bg {
  background-image:url('../assets/img/section-images/evolution-bg.jpg')
}
.drone-controller-bg {
  background-image:url('../assets/img/section-images/drone-controller-bg.jpg')
}
.drone-payload-bg {
  background-image:url('../assets/img/section-images/drone-payload-bg.jpg')
}
.locoarm-student-bg {
  background-image:url('../assets/img/section-images/locoarm-student-bg.jpg')
}
.locoarm-collaboration-bg {
  background-image:url('../assets/img/section-images/locoarm-collaboration-bg.jpg')
}
.contact-circuit-bg {
  background-image:url('../assets/img/section-images/contact-circuit-bg.jpg')
}
.earth-comet-bg {
  background-image:url('../assets/img/section-images/earth-comet.jpg')
}
.locoxtreme-bg {
    background-image: url(../assets/img/section-images/TwoLocoXtreme.jpg)
}
.mars-surface-bg {
    background-image: url(../assets/img/section-images/mars-surface.jpg)
}
.bright-bg {
    background-image: url(../assets/img/section-images/bright-gradient.jpg)
}
.drones-ai-bg {
    background-image: url(../assets/img/section-images/drones-ai-bg.jpg)
}
.red-blue-bg {
    background-image: url(../assets/img/section-images/red-blue-gradient.jpg)
}


/* Slide Spacing */

/* For when you don't want a slide to fill the computer screen vertically */
.scroll .container--short {
  height: 50vh;
}