@import "node_modules/bootstrap/less/bootstrap";
@import "node_modules/bootstrap/less/theme";
@import "node_modules/ionicons-pre/less/ionicons";
// @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
@import (inline) "node_modules/animate.css/animate.css";
@import (inline) "node_modules/normalize.css/normalize.css";
@import 'homepage';
@import 'variables';


/* @group Mixins */
.transition(@value) {
    -webkit-transition: @value;
    -moz-transition: @value;
    -o-transition: @value;
    -ms-transition: @value;
    transition: @value;
}

.box-shadow(@value) {
  -webkit-box-shadow: @value;
  -moz-box-shadow: @value;
  box-shadow: @value;
}
/* @end Mixins */


/* @group Global */
.btn {
  .transition(~"ease-in-out .4s background-color");
}

html, body{
  font-family: @font-family-sans-serif;
}

p {
  a {
    .transition(color 0.4s);
  }
}

ol , ul{
  font-size: inherit;
  & > li {
    font-size: inherit
  }
}

a.no-color-change {
  color: inherit;
  &:hover {
    color: inherit;
  }
}
/* @end Global */

/* @ group Footer */
footer {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 50px;
  color: white;
  background-color: #232323;
  a {
    padding: 7px;
    color: #ff7f00;
    &:hover {
      text-decoration: none;
      color: inherit;
    }
  }
  .ci-badge {
    height: 23px;
    margin-top: 15px;
  }
}
/* @end Footer */

/* @group 404 */
.four-o-four {
  .header {
    height: 15vh;
    font-size: 35px;
    text-align: center;
  }
  .image {
    background: url(../img/ninjas.png);
    background-size: cover;
    background-position: center;
    height: 70vh;
  }
  .message {
    height: 15vh;
    color: white;
    background-color: #232323;
    text-align: center;
  }
  .move-on {
    text-align: center;
    background-color: #333;
    color: white;
    height: 5vh;
  }
}
/* @end 404 */

/* @group no-js */
.no-js {
  .header {
    background-color: #232323;
    color: white;
  }
  #ie-scare {
    height: 150px;
    float: right;
  }
}
/* @end no-js*/

/* @group content base */
.jumbotron.header {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #232323;
  color: white;
  .box-shadow(0px 8px 10px 3px rgba(0,0,0,0.66));
}
/* @end content base */