@charset "utf-8";
  
  /* main container for the navigation bar */ 
  .navbar {
	width:100%;
	background-color:#ffffff;  /* solid background (not transparent) to make "sticky" work  */
	border-bottom:4px solid black;
    position: relative;
    min-height: 60px;
    margin-bottom: 0px;   
  }

  /* ----------smartphone ----------------- */
  @media (max-width: 600px) {
	  .navbar {
	      width:100%;
		  border-radius: 0px;
		  min-height:60px;
		  border-bottom:1px solid;
		  background-color:#ffffff; /* has to be solid color to hide the content when scrolling */
	  }
  }
  
  /* makes the navbar "sticky" at the top */
  .navbar-fixed-top { 	 
  	position:fixed;
  	top:30px;  			/* this should equal the height of the banner (background image will show when scrolling). adjust to zero when banner is not displayed */
  	z-index:100; 		/* brings the navbar forward */
  }
  
  /* makes the navbar "sticky" (top) on mobile devices */
   @media (max-width:1250px) {  /* adjust this when break points are altered */
 	  .navbar-fixed-top {
 	  	position:fixed;
 	  	top:0px;
 	  	z-index:100;
 	  }
   }
 
 /* allows menu to be responsive */
  .navbar-container-fluid { 		
	width: 80%;	/* matches top banner */
	min-height:60px;
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
	position:relative;
	background-color:transparent;/* make transparent for launch */
  }

  /* ----------smartphone ----------------- */
  @media (max-width: 599px) {
    .navbar-container-fluid {
      float: left;
	  width: 100%; 
	  height:60px;
    }
  }
  
  /* contains menu */
  .navbar-header { 					
  	margin:0px 10px 0px auto;		/* first value:top adjust the height from the bottom of the element just above */
  	width:75%;
  	height: 60px;
  	background-color:transparent; 	
  } 
  @media (max-width: 599px) {
    .navbar-header {
      float: left;
	  margin:0px 0px;
	  width:75%; 					
	  height:60px;
	  background-color:transparent; /* sepia #b98f71 */
    }
  }
  
  .navbar-brand-logo { /* controls the logo in the navbar */
	float:left;
	margin: 10px 0px 0px 40px;
  }

/* controls container for icon-bar (menu hamburger) */  
  .navbar-toggle {  
    position: absolute;/* updated June 27 - does this match what's on-line? */
	top: 0;/* updated June 27 - does this match what's on-line? */
	right:0;/* updated June 27 - does this match what's on-line? */
    float: right;
    padding: 9px 10px;
    margin-top: 12px;
    margin-right: 25px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 0px solid green; /* remove border for launch */
    border-radius: 4px;
	display:none;/* does not display menu hamburger over 1250px */
	cursor:pointer;
  } 
  /* -------- display for mobile, tablet, smartphone ----- */
  @media screen and (max-width: 1249px){
  	.navbar-toggle { 				
		display:block; /* does not display when menu is displayed */
	}	
  }
  
/* format the menu hamburger */  
  .icon-bar {
	display: block;
  	width: 25px;
  	height: 3px;
  	background-color: #b98f71;
  	margin: 3px 0;
  	transition: 0.4s;
  	border-radius: 1px;	
  }
  
/*  ************************************************* */
/*  hides the menu when screen is smaller than 2000px */
  .collapse {
    display: none;
  }
  /* controls the position of the navbar */
  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  /*  menu is visible when screen is larger than 2000px (laptop/desktop) */
  @media (max-width: 2000px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
    }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: visible;
    }
	/*  *******************************************************  */

/* front most container for menu */   
  .navbar-menu { 
  	list-style:none;
    font-size:16px;
	line-height: 0px;
	font-family:sans-serif,arial;
	height:30px;
  	width:900px;
  	float:right;  
  	margin:15px 0px 0px 0px;  	/* first value: top  */
  	background-color:transparent;  /* change to transparent for launch */
  }

  .navbar-menu li a {
	float:right;
	width:120px; /* controls the spacing for menu items */
	padding:15px 15px;
	margin:0px 0px 0px auto;
	text-align:center;
	text-decoration:none;
	color:#b98f71;
	background-color:transparent;  /* change to transparent for launch */
	border-left:2px solid transparent;
  }
  
  /* Hover state for top level links */
  .navbar-menu li a:hover {  	
	border-left:2px solid #b98f71;
	background-color:#f7f2ee;  /* change to transparent for launch */
	color:#674832;
  }
  
  /* controls the break when the navbar disappears */  
    @media (max-width: 1250px) { 
  	  .navbar-menu {
  		  display:none;
  	  }
    }