/*
  online.css
*/

html, body {
   margin: 0;
   padding: 0;
   height: 100%;
   background-color: white;
}


body, div, p, li {
   font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}

#wrapper {
   height: auto !important;
   min-height: 100%;
   height: 100%;
   //position: relative;
   margin: 0 auto -13.9em;
}

#footer, .push {
   height: 13.9em;
}

#footer {
   //position: absolute;
   bottom: 0;
   width: 100%;
}

#body {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

#content {
   //padding-bottom: 14em;
}

#header {
  //background-color: #f0f0f0;
}

p {
   padding: 5px;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Lato', sans-serif;
   font-weight:700;
   color: #334131;
}


.featured-section {
   background-color: #eee;
   //border: 1px solid #ccc;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 2em;
   padding-bottom: 3em;
   font-size: 1.3em;
}


.callout {
   padding: 20px;
   border: 2px solid #ccc;
   border-left: 6px solid #334131;
   border-radius: 6px;
}

.callout-padding {
   padding: 40px 20px 40px 40px;
}

.callout h1 {
   margin-top: 5px;
}


.client-header {
   font-size: 1.5em;
   color: #334131;
   margin-top: 0px;
   margin-bottom: 30px;
}

.one_two_em {
   font-size: 1.2em;
}

.one_four_em {
   font-size: 1.4em;
}

.one_six_em {
   font-size: 1.6em;
}

.one_eight_em {
   font-size: 1.8em;
}

.two_zero_em {
   font-size: 2.0em;
}

.two_two_em {
   font-size: 2.2em;
}

.bold {
   font-weight: bold;
}

#footer a, #footer a:hover {
   color: #fcfcfc;
   text-decoration: underline;
}

.dark_gray {
   background-color: #333;
}

.light_gray {
   background-color: #eaeaea;
}

.firm_green {
   background-color: #334131;
}

.gray {
   color: #aaaaaa;
}

.greenstripe {
   height: 20px;
   background-color: #334131;
}

.red {
   //color: red;
   color: #ff372d;
}

.black {
   color: black;
}

.white {
   color: white;
}

.whitespace {
   height: 40px;
}

.helper {
   font-size: 0.8em;
   //border-bottom: 1px dashed #0088cc;
   border-bottom: 1px dashed #003300;
   text-decoration: none;
}

.helper:hover {
  border-bottom: 1px dashed #0088cc;
  text-decoration: none;
}

.home img {
   border: 2px solid #334131;
}

.homeicon {
  margin: 0 auto;
}

.homebox {
  background-color: #334131;
  border-left: 18px #7a9573 solid;
  color: white;
  padding: 20px 40px 60px 60px;
  margin-bottom: 40px;
}

.homebox h1, .homebox h2, .homebox h3, .homebox h4,
.homebox h5, .homebox h6 {
  color: white;
}


.ka_sidebar {
   background-color: #e4eae3;
   border-right: 6px solid #7a9573;
   padding: 40px;
}


.section {
   margin: 40px 0px 80px 60px;
}


.formfield {
   border: 2px solid #cc0000;
   outline: 2px solid #cc0000;
   outline-offset: 5px;
}



/* Overwrites for Bootstrap elements */
/*--------------------------------------------------------------------------*/
.navbar {
   background-color: #222;
   //background-color: #334131;
   border-radius: 0px !important;
}

.navbar-inverse .nav > li > a {
   color: #ccc;
   text-decoration: none;
}

/* .navbar-inverse .nav > li:hover { */
.nav li:hover {
   //background-color: #777777;
   background-color: #7a9573;
}

a {
   color: #003300;
   text-decoration: underline;
}

.btn {
   text-decoration: none;
}

.dropdown-menu a {
   text-decoration: none;
}

.nav a, .pager a, .list-group a {
   text-decoration: none;
}

.badge-important { 
   /* This class was discontinued in Bootstrap 3 */
   background-color: #b94a48;
}

.btn-firm {
   //background-color: #5C675A;
   background-color: #334131;
   color: #fff;
   //border-color: #334131;
   border-color: #334131;
}

.btn-firm:hover {
   background-color: #7a9573;
   color: #eee;
   border-color: #7a9573;
}

@media print {

  a[href]:after {
    content: none;
  }

}