.navbar-inverse {
    border-top-color: #184c01;
    border-top-width: 10px;
}
.headerimage {
    padding: 10px 0px 10px 0px;
}
#homepage h3 {
    text-align: center;
}

/*.boudHeight {
    width: 200px;
    margin-left: 10%;
    margin-right: 20%;
}*/

.marginTop {
    margin-top: 1em;
}

.missionButton {
    color: #ffffff;
    background-color: #222222;
    border-color: #cccccc;
    transition: 0.6s;
}

.missionButton:hover {
    color: #ffffff;
    background-color: #c0c0c0;
}

.noPaddingButton {
    padding: 0px !important;
    transition: 0.6s;
}

.fixHeight {
    height: 100px !important;
    width: 133px !important;
}

.buttonSpace{
  padding-bottom: 15px;
}

/* For image hover */
.imgResize a img {
  width: 150px !important;
  transition: transform .5s ease-in-out;
}

.imgResize a img:hover{
  transform: translateY(-4%);
  border-radius: 21px;
  box-shadow: 0 9px 20px -6px rgba(7, 14, 14, 0.21);
}

.imgResize a:hover {
  text-decoration: none !important;
}

.cleanLines {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.imgZoom {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.imgZoom:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.imgHolder {
  position: relative;
  overflow: hidden;
}

.pushDown {
  padding=bottom: 5px !important;
}

.keepCenter {
  margin-top: 5%;
  margin-bottom: 4%;
}

.twoPercent {
  padding-bottom: 2%;
}

.sheriffPhoto {
  border-radius: 9px;
  box-shadow: 0px 2px 39px 6px rgba(7, 14, 14, 0.85);
  padding: 0px !important;
}

.sheriffCoin {
  border-radius: 50%;
  box-shadow: 0 9px 20px -6px rgba(7, 14, 14, 0.21);
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.ttf');
}

.oswald {
  font-family: "oswald";
  padding-bottom: 2%;
  padding-top: 2%;
  color: #ffffff;
}

.forGreen .text-justify .center p a{
  color: #184c01;
}

.fb_iframe_widget{
  box-shadow: 0px 7px 14px -2px #777;
}

.twitter-timeline {
  box-shadow: 0px 7px 14px -2px #777;
}

.picInlay {
  background: url('../images/NewHQ.png');
  background-size: cover;
}

.sectionDropShadow {
  border-radius: 9px;
  box-shadow: 0 9px 20px -6px rgba(7, 14, 14, 0.21);
  background: #184c01;
  background-size: cover;
  margin: 18px 0 0;
  padding: 18px 0;
  color: #ffffff;
}

/* REDO of NavPills */

.navi-pills>li>a {
  border-radius: 4px;
  color: #ffffff;
}

.navi-pills>li {
  margin-left: 2px;
  background: #778899;
  border-radius: 2%;
}

.navi-pills>li.active>a, .navi-pills>li.active>a:focus, .navi-pills>li.active>a:hover {
  color: #fff;
  background-color: #184c01;
}

.list-group-item.active>.badge, .navi-pills>.active>a>.badge {
  color: #184c01;
  background-color: #fff;
}

.navi-pills>li>a>.badge {
  margin-left: 3px;
}

.navi>li>a:focus, .navi>li>a:hover {
    text-decoration: none;
    background-color: #2F4F4F;
}

/* .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #2F4F4F;
} */

 .nav>.nav-justified>li>a:focus, .nav>.nav-justified>li>a:hover {
    text-decoration: none;
    background-color: #2F4F4F !important;
}


.my-facebook-container>h2 {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.my-twitter-container>h2 {
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.well>.navi>li>a:focus, .navi>li>a:hover {
    text-decoration: none;
    background-color: #2F4F4F;
}

.forMobileList {
  list-style: none;
  padding: 0 1em 0;
  font-size: 25px;
}

.forMobileList li a {
  color: #184c01;
}

/* For Mobile Slideshow */

@media ( max-width: 767px ) {
    #homepage .carousel .item {
      height: 250px;
      background-color: #555;
  }
  #homepage .carousel .carousel-caption {
    z-index: 10;
    padding-bottom: 15px;
  }
  #homepage .carousel .item img {
    max-width: 100%;
    max-height: 100%;
  }
}

@media (min-width: 768px ){
    .boudHeight {
        width: 200px;
        margin-left: 10%;
        margin-right: 20%;
    }
    .adHeight {
        width: 360px;
        margin-left: 10%;
        margin-right: 5%;
      }
}

.marginBottom {
  margin-bottom: 15px;
}

.forTheBlue {
  color: #337ab7 !important;
}