/* Slider styles (to be used with sliders.js)
-------------------------------------------------- */

// Width/height of slider
.slider,
.slider > li {
  width: 100%;
  height: 200px;
}

// Outer wrapper for slider
.slider {
  overflow: hidden;
  background-color: #000;
}

// Inner wrapper for slider (width of all slides together)
.slider > ul {
  position: relative;
  font-size: 0; // Remove spaces from inline-block children
  white-space: nowrap;
  -webkit-transition: all 0 linear;
          transition: all 0 linear;
}

// Individual slide */
.slider > ul > li {
  display: inline-block;
  vertical-align: top; // Ensure that li always aligns to top
  width: 100%; 
  height: 100%;
}

// Required reset of font-size to same as standard body
.slider > ul > li > * {
  font-size: 14px;
}