/* .navbar {
	display:none;
} */
.nav-item {
  font-family: "Catamaran", sans-serif;
  font-size: calc(1vh + 1vw);
  font-weight: 100;
}

@media (max-width: 991.98px) {
  .nav-item {
    font-size: calc(4vh + 1vw);
    line-height: 12vh;
  }
}
@media (max-width: 991.98px) and (orientation: landscape) {
  .nav-item {
    font-size: calc(4vh + 1vw);
    line-height: 8vh;
  }
}
.nav-link {
  color: #43291F;
}

.nav-link:hover {
  color: #978366;
}

.navbar-toggler-icon:focus,
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

/*********************************************************************************************/
/* https://stackoverflow.com/questions/28247310/bootstrap-mobile-menu-icon-change-to-x-close */
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
  display: block;
  background-color: #43291F;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */
/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}

/**
 * Animate collapse open into hamburger menu
 */
/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
  opacity: 1;
}

/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

/*********************************************************************************************/

/*# sourceMappingURL=navbar.css.map */