/*
 * Table of Contents
 *
 * Scaffolding
 * Navigation
 * Background
 * Headings
 * Sidebar
 * Grid
 *
 */

/*-- Scaffolding --*/

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-family: Helvetica, sans-serif;
}

h3,
.h3 {
  padding-bottom: 6px;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 1.5em;
  text-rendering: optimizeLegibility;
}

a {
  color: #f4f4f4;
}

a:hover,
a:focus {
  color: #fff;
}

p {
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
  font-size: 1.05em;
  text-rendering: optimizeLegibility;
}

p#mstatus {
  margin-bottom: 0;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}

p#cstatus {
  margin-bottom: 0;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}

p#tstatus {
  margin-bottom: 0;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}

p#rstatus {
  margin-bottom: 0;
  font-family: "Open Sans", "Lucida Grande", sans-serif;
}

.grid-slogan {
  margin-top: 0;
  font-size: 92%;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  width: 12em;
  padding: 1em;
  margin-right: 10px;
  margin-bottom: 1.5em;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 12px;
  color: #262125;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #fff;
  background-image: none;
  border: 1.5px solid #fff;
  border-radius: 4px;
  box-shadow: none;
}

.btn-info {
  width: 12em;
  padding: 1em;
  margin-right: 10px;
  margin-bottom: 1.5em;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 12px;
  color: #262125;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #fafafa;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 4px;
  box-shadow: none;
}

.btn-primary {
  color: #262125;
  background-color: #fff;
  border-color: #fff;
}

.btn-lg {
  font-size: 12px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #262125;
  background-color: #fff;
  border: 1px solid #aaa;
}

#get-started.btn.btn-info.btn-lg {
  width: 12em;
  padding: 1em;
  margin-right: 10px;
  margin-bottom: 1.5em;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 12px;
  color: #fff;
  text-rendering: optimizeLegibility;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #00aba9;
  background-image: none;
  border: 1px solid #00b8b6;
  border-radius: 4px;
  box-shadow: none;
}

a#menu-toggle.btn.btn-primary.btn-lg.toggle {
  color: #262125;
}

@media (min-width: 768px) {
  #get-started.btn.btn-info.btn-lg {
    width: 14em;
    height: 3.5em;
    margin-top: 0;
    margin-right: 1em;
    font-size: 0.9em;
    line-height: inherit;
    letter-spacing: 1px;
  }
  #get-started.btn.btn-info.btn-lg:hover,
  #get-started.btn.btn-info.btn-lg:focus,
  #get-started.btn.btn-info.btn-lg:active {
    width: 14em;
    height: 3.5em;
    margin-top: 0;
    margin-right: 1em;
    font-size: 0.9em;
    line-height: inherit;
    letter-spacing: 1px;
    color: #fff;
    background-color: #00b8b6;
    border-color: #00b8b6;
  }
  .btn-info {
    width: 14em;
    height: 3.5em;
    margin-right: 1.5em;
    font-size: 0.9em;
    line-height: inherit;
    letter-spacing: 1px;
  }
  .btn-info:hover,
  .btn-info:focus,
  .btn-info:active {
    width: 14em;
    height: 3.5em;
    margin-right: 1.5em;
    font-size: 0.9em;
    line-height: inherit;
    letter-spacing: 1px;
  }
  p {
    font-size: 1.2em;
    line-height: 1;
  }
  p#mstatus {
    margin-bottom: 10px;
  }
  p#cstatus {
    margin-bottom: 10px;
  }
  p#tstatus {
    margin-bottom: 10px;
  }
  p#rstatus {
  margin-bottom: 10px;
  }
}

/*-- Navigation --*/

.docs-nav {
  height: 74px;
  border: none medium;
  box-shadow: none;
}

.navbar-brand {
  padding: 1em 0;
  margin-top: -45px;
}

.container {
  margin-top: 0;
  text-align: center;
}

.header {
  position: relative;
  display: table;
  width: 100%;
  height: 85%;
}

@media (min-width: 768px) {
  .container {
    text-align: center;
    margin-top: -8px;
  }
}

/*-- Background --*/

.docs-home {
  background-color: #1f1b1e;
}

@media (min-width: 768px) {
  .docs-home {
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("../images/bg2.jpg");
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("../images/bg2.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url("../images/bg2.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }
}

/*-- Headings --*/

.masthead h1 {
  padding: 0;
  margin-top: -30px;
  margin-left: 0;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  text-rendering: optimizeLegibility;
  text-transform: none;
  border-bottom: none;
}

.masthead .lead {
  margin-right: 0;
  margin-bottom: 1em;
  font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

.masthead {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .masthead {
    padding-bottom: 1em;
  }
  .masthead h1 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -5px;
    text-rendering: optimizeLegibility;
    text-transform: none;
  }
  .masthead .lead {
    margin-right: 0;
    margin-bottom: 0.5em;
    font-family: "jaf-bernino-sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 2em;
    line-height: 1.1;
    letter-spacing: -0.5px;
    text-rendering: optimizeLegibility;
  }
}

/*-- Sidebar --*/

#sidebar-wrapper {
  position: fixed;
  right: 0;
  z-index: 1000;
  width: 18em;
  height: 100%;
  margin-top: 7px;
  margin-right: -18em;
  overflow-y: auto;
  background: none repeat scroll 0 0 #777;
  -webkit-transition: all .6s ease 0;
     -moz-transition: all .6s ease 0;
      -ms-transition: all .6s ease 0;
       -o-transition: all .6s ease 0;
          transition: all .6s ease 0;
}

.sidebar-nav li a {
  color: #e5e5e5;
}

#menu-toggle {
  position: fixed;
  top: 10px;
  right: 4px;
  z-index: 1;
  background-color: #fff;
  border-color: #fafafa;
}

/*-- Grid --*/

.row {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .row {
    margin-bottom: 6.5em;
  }
}