/*
* Created By: MDC Web Services
* Description: SITE stylesheet 
* Revised: 4/08/2014
*/

.site-title { 
  width: 100%; 
  height: 180px;  
  position: relative;
}

.title-container { 
  position: absolute; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 180px; 
  display: table; 
}

.title-container h1 {
  display: table-cell; 
  vertical-align: middle;  
}

/* Masthead responsive */
@media (max-width: 767px) {
   .title-container h1 {
   	font-size: 30px;
   }
   .site-masthead > .container {
	height: 80px;
	padding: 0 20px;
	}
	.site-title { 
  	height: 80px;
	}
	.title-container { 
  	height: 80px; 
	}
}

@media (min-width: 768px) and (max-width: 991px) {
   .title-container h1 {
   	font-size: 37px;
   }
      .site-masthead > .container {
	height: 120px;
	}
	.site-title { 
  	height: 120px;
	}
	.title-container { 
  	height: 120px; 
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-container h1 {
   	font-size: 48px;
   }
         .site-masthead > .container {
	height: 140px;
	}
	.site-title { 
  	height: 140px;
	}
	.title-container { 
  	height: 140px; 
	}
  
}


/* local masthead background image */
.site-masthead  {
    background-image: url("../img/sustainability-bg.jpg");
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #004701;
    color: #fff;
}

/*Navigation*/
.navbar-default {
	background-color: #004701;
	border-color: #1DB400;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #004701;
  color: #c1fb29;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #6F0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #004701;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #016e01;
  -webkit-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
box-shadow: inset 0px 0px 6px 3px rgba(0,0,0,0.19);
}