/* ////////////////// DON'T TOUCH /////////// */
#txt-brand {
  color: #bbaf9f;
  /* font-size: 0.65rem; */
  font-size: 0.6rem;
}

/* ///// ORIGINAL NAV ////// */
.navbar {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  z-index: 2;
}

/* reset utilities scss 71 */
.bg-body-tertiary {
  background-color: transparent !important;
}

.navbar-expand-lg {
  background: transparent !important;
  position: absolute;
  /* top: 10px; */
  left: 0;
  right: 0;
  z-index: 3;
  padding: 0;
}

.navbar-expand-lg.scrolled {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  margin-top: -130px;
  background-color: #023b59 !important;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4);
}

.navbar-expand-lg.scrolled.awake {
  margin-top: 0px;
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out;

  /* background-color: #023b59 !important; */
}

.navbar-expand-lg.scrolled.sleep {
  -webkit-transition: .3s all ease-out;
  -o-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

.showHideNav {
  background-color: #023b59 !important;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4);
}

.navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
  font-size: 11px;
  font-weight: 600;
  color: #bbaf9f;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: fit-content;
  display: inline-block;
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.navbar-expand-lg .navbar-nav>.nav-item>.nav-link:hover,
.navbar-expand-lg.scrolled .nav-link.active {
  color: #d9bf77;
}

.nav-link.active {
  color: #d9bf77 !important;
}

.navbar-nav {
  margin-top: 1rem
}

@media (max-width: 991.98px) {
  .navbar-expand-lg {
    /* position: relative; not do!!! */
    top: 0;
    padding: 10px 15px;
    min-height: 90px !important;
    /* set for hide nav bar background mobile version*/
    /* background-color: #023b59 !important; */
  }

  .navbar-nav {
    height: 100vh;
    padding-top: 2vh;
  }
}

/* for menu to left and logo center */
.navbar-brand {
  margin: 0 auto;
}

.navbar-brand {

  position: relative;
  left: 3%;
}

img#logo-brand {
  width: 63px;
}

.navbar-collapse {
  position: absolute;
  top: 10px;
}

@media (max-width: 991.98px) {
  .navbar-brand {
    text-align: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 60px;
  }

  .navbar-toggler {
    position: absolute;
    top: 13px;
  }

  .navbar-collapse {
    position: inherit;
    text-align: center;

    /* background-color: #023b59; */
  }
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex !important;
  min-height: 91.75px;
}

/* ///// book-session button ////// */
/* @media (max-width: 991.98px) */
#book-session {
  font-size: 11px;
  font-weight: 600;
  color: #bbaf9f;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #bbaf9f;
  /* padding: 10px; */
  cursor: pointer;
  /* position: absolute; */
  /* top: 23px; */
  /* right: 3vw; */
}

/* @media (max-width: 1280px) { */
@media (max-width: 991.98px) {
  #book-session {
    position: absolute;
    top: 25px;
    right: 3vw;
  }
}

.book-session-link-txt {
  padding: 10px;
}

/* hide calendar effect on hover */
.book-session-link-icon {
  display: none;
}

#book-session:hover {
  color: #d9bf77;
  border: 1px solid #d9bf77;
}

/* @media (max-width: 991.98px) */

@media (min-width: 991.98px) {
  #book-session {
    font-size: 11px;
    font-weight: 600;
    color: #bbaf9f;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #bbaf9f;
    padding: 20px;
    width: 78.3594px;
    cursor: pointer;
  }

  .book-session-inner {
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-backface-visibility: hidden;
  }

  #book-session:hover .book-session-inner {
    transform: rotateY(180deg);
  }

  .book-session-link-txt,
  .book-session-link-icon {
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bbaf9f;
  }

  .book-session-link-txt {
    padding: 10px;
  }

  .book-session-link-icon {
    padding: 11px 27px;
    /* display: visible; */
  }

  .book-session-link-icon {
    transform: rotateY(180deg);
    font-size: 18px;
    color: #d9bf77;
  }
}

/* @media (max-width: 991.98px) {
  #book-session {
    position: absolute;
    top: 23px;
    right: 3vw;
  }
} */

/* ///// .book-session-link.active,////// */
/* .book-session-link:hover {
  color: #d9bf77;
  border: 1px solid #d9bf77;
} */



/* // center vertically bookSession link with menu link (position: static/relative) when navbar scroll see main.js*/
/* @media (min-width: 991.98px) {
  .positionRelative {
    position: relative;
  }

  .positionStatic {
    position: static;
  }
} */

/* ///// ORIGINAL NAV  END////// */

/* ////////////////// DON'T TOUCH END/////////// */

/* ----------------- Hamburger ------------------ */

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

/* delete input check box */
#hamburger {
  display: none;
}

/* delete input check box */

.menuicon {
  position: absolute;
  height: 54px;
  width: 54px;
  z-index: 3;
  bottom: -25px;
  cursor: pointer;
}

.menuicon span {
  display: block;
  top: 25px;
  width: 40px;
  height: 3px;
  left: 8px;
  background-color: #bbaf9f;
  position: relative;
  border-radius: 20px;
  transition-duration: 0;
  transition-delay: .1s;
}

.menuicon span::after,
.menuicon span::before {
  display: block;
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background-color: #bbaf9f;
  border-radius: 20px;
  transition-duration: .1s;
  -webkit-transition-delay: .1s, 0;
  transition-delay: .1s, 0;
}

.menuicon span::before {
  margin-top: -10px;
}

.menuicon span::after {
  margin-top: 10px;
}

#hamburger:checked~.menuicon span {
  background-color: rgba(0, 0, 0, 0);
}

#hamburger:checked~.menuicon span::before {
  margin-top: 0px;
  -webkit-transition-delay: 0, .3s;
  -moz-transition-delay: 0, .3s;
  -ms-transition-delay: 0, .3s;
  -o-transition-delay: 0, .3s;
  transition-delay: 0, .3s;
}

#hamburger:checked~.menuicon span::after {
  margin-top: 0px;
  -webkit-transition-delay: 0, .3s;
  -moz-transition-delay: 0, .3s;
  -ms-transition-delay: 0, .3s;
  -o-transition-delay: 0, .3s;
  transition-delay: 0, .3s;
}

#hamburger:checked~.menuicon span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger:checked~.menuicon span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}