﻿.navbar {/*Keeps navbar in front of carousel and other items*/
        z-index: 1100;

}

/*Custom Nav Collapse Rules*/

@media (max-width: 1023px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
  
}

/*Stretches menu to full width on desktop mode*/
@media (min-width: 1023px){
    .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float: none;
        width: 100%;

    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
        width: 20%;
		
		
    }


}

/*Stretches menu to full width on desktop mode and evenly sizes nav pills
@media (min-width: 1100px){
    .navbar-nav {

        table-layout: fixed;
 
        
    }


}*/


.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #000;
  /*font-weight: bold;*/
  text-align: center;
  /*border-left: 1px solid rgba(255,255,255,.75);
  border-right: 1px solid rgba(0,0,0,.1);*/
  background-color:rgb(107,201,202);
  margin: 0.10em;
  border-radius: 8px;
  font-size: 90%;

}

.nav > li > a {
    padding: 5px;
}


@media (max-width: 1023px) {
    .nav-pills > li > a {
        font-size: 90%;
        font-weight: 500;
    }
}



.nav-pills > .active > a {
  background-color: RGB(153, 204, 102);
  background-image: none;
  
}

.nav-pills > li:first-child > a {
  border-left: 0;
  /*border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;*/
}

.nav-pills > li:last-child > a {
  border-right: 0;
  /*border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;*/
}

.nav > li > a:hover, .nav > li > a:focus {
   background-color: RGB(153, 204, 102);
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: RGB(244, 238, 110);
    color: #000;
}



/*Hamburger Colors*/
.navbar-toggle {
    background-color: RGB(153, 204, 102);
    margin-bottom: -75px;
    color: #fff;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: RGB(107,201,202);
    margin-bottom: -75px;
    color: #fff;
}


    .navbar-toggle, .icon-bar {
    border:2px solid white;
}



/*control spacing of dropdown and text wrap*/
.dropdown-menu {
    width: 100%;
    white-space: normal;
}

.navbar .nav li .dropdown-menu li a {
    white-space: normal;
}



/*fix logo balance of white space
@media (max-width: 1800px) {
    .fixmenu {
        margin-top: -4%;
    }
}

*/

/*change search button to custom icon*/

.searchbutton, .searchbutton:hover {
    background-image:url('../images/icons/magnifyingglass_sm.png');
    width: 28px;
    height: 28px;
    border: none;
    text-decoration: none;
}

