/* Home is the first <li> in the main nav list */
ul.navbar-nav > li:nth-child(1)  > a {
  position: relative;
  display: inline-block;
  height: 40px;                  /* set to your header height */
  padding: 0 !important;
  text-decoration: none !important;
  line-height: 40px;             /* align with header */
  vertical-align: middle;
}

/* Inject the logo before the (now invisible) text */
ul.navbar-nav > li:nth-child(1)  > a::before {
  content: "";
  display: inline-block;
  width: 300px;                  /* logo width — tweak to suit */
  height: 40px;                  /* logo height — match the anchor height */
  background: url('https://thoughtonomybook.co.za/wp-content/uploads/2022/11/Thoughtonomy-logo.png')
              no-repeat center / contain;
  vertical-align: middle;
  background-size: auto 100%;
}



#navbarNav ul.navbar-nav > li:nth-child(1)  > a {
    color: transparent !important;
}


#navbarNav ul.navbar-nav  a{
    color: #feda00!important;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

/* Make the nav menu a flex container */
ul.navbar-nav > li:nth-child(1) {
  display: flex;
  align-items: center;
}

/* Push everything EXCEPT the first item to the right */
ul.navbar-nav > li:nth-child(1)  {
  margin-right: auto;   /* creates the left anchor position */
}


.navbar>.container {
    width: 100vw!important;
    max-width: 100%!important;
    height: 80px;
}



.cc-navigation1.navigation {
    background-color: #000;
}

nav.navbar.navbar-expand-lg {
    background-color: #000;
}



/* Home is the first <li> in the main nav list */
ul.navbar-nav > li:nth-child(6)  > a {
  position: relative;
  display: inline-block;
  height: 40px;                  /* set to your header height */
  padding: 0 !important;
  text-decoration: none !important;
  line-height: 40px;             /* align with header */
  vertical-align: middle;
}

/* Inject the logo before the (now invisible) text */
ul.navbar-nav > li:nth-child(6)  > a::before {
  content: "";
  display: inline-block;
  width: 20px;                  /* logo width — tweak to suit */
  height: 100%;                  /* logo height — match the anchor height */
  background: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23feda00'>\
    <path d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10\
     0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.16\
     14.26l.03.01L7.59 15h8.93c.82 0 1.54-.5 1.84-1.28l3.02-7.34A1\
     1 0 0 0 20.47 5H5.21l-.94-2H1v2h2l3.6\
     7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7.42c-.14\
     0-.25-.11-.25-.25 0-.03.01-.05.02-.07l.97-1.67z'/>\
  </svg>") no-repeat center / contain;
  vertical-align: middle;

}



#navbarNav ul.navbar-nav > li:nth-child(6)  > a {
    color: transparent !important;
}
/* Home is the first <li> in the main nav list */
ul.navbar-nav > li:nth-child(1)  > a {
  position: relative;
  display: inline-block;
  height: 40px;                  /* set to your header height */
  padding: 0 !important;
  text-decoration: none !important;
  line-height: 40px;             /* align with header */
  vertical-align: middle;
}

/* Inject the logo before the (now invisible) text */
ul.navbar-nav > li:nth-child(1)  > a::before {
  content: "";
  display: inline-block;
  width: 300px;                  /* logo width — tweak to suit */
  height: 40px;                  /* logo height — match the anchor height */
  background: url('https://thoughtonomybook.co.za/wp-content/uploads/2022/11/Thoughtonomy-logo.png')
              no-repeat center / contain;
  vertical-align: middle;
  background-size: auto 100%;
}



#navbarNav ul.navbar-nav > li:nth-child(1)  > a {
    color: transparent !important;
}


#navbarNav ul.navbar-nav  a{
    color: #feda00!important;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

/* Make the nav menu a flex container */
ul.navbar-nav > li:nth-child(1) {
  display: flex;
  align-items: center;
}

/* Push everything EXCEPT the first item to the right */
ul.navbar-nav > li:nth-child(1)  {
  margin-right: auto;   /* creates the left anchor position */
}


.navbar>.container {
    width: 100vw!important;
    max-width: 100%!important;
    height: 80px;
}



.cc-navigation1.navigation {
    background-color: #000;
}

nav.navbar.navbar-expand-lg {
    background-color: #000;
}



/* Home is the first <li> in the main nav list */
ul.navbar-nav > li:nth-child(6)  > a {
  position: relative;
  display: inline-block;
  height: 40px;                  /* set to your header height */
  padding: 0 !important;
  text-decoration: none !important;
  line-height: 40px;             /* align with header */
  vertical-align: middle;
}

/* Inject the logo before the (now invisible) text */
ul.navbar-nav > li:nth-child(6)  > a::before {
  content: "";
  display: inline-block;
  width: 20px;                  /* logo width — tweak to suit */
  height: 100%;                  /* logo height — match the anchor height */
  background: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23feda00'>\
    <path d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10\
     0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.16\
     14.26l.03.01L7.59 15h8.93c.82 0 1.54-.5 1.84-1.28l3.02-7.34A1\
     1 0 0 0 20.47 5H5.21l-.94-2H1v2h2l3.6\
     7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7.42c-.14\
     0-.25-.11-.25-.25 0-.03.01-.05.02-.07l.97-1.67z'/>\
  </svg>") no-repeat center / contain;
  vertical-align: middle;

}



#navbarNav ul.navbar-nav > li:nth-child(6)  > a {
    color: transparent !important;
}
@media (max-width: 992px) {
/* Home is the first <li> in the main nav list */
ul.navbar-nav > li:nth-child(1)  > a {
   display:none;

}

/* Inject the logo before the (now invisible) text */
ul.navbar-nav > li:nth-child(1)  > a::before {
 
  display:none;
}
div#navbarNav.show {
    background: #feda00;
}
  #navbarNav ul.navbar-nav  a{
    color: #000!important;
}
    .navigation .navbar-toggler svg, .theme-double-tree.scrolled .navigation .navbar .navbar-toggler svg {
    color: #fff!important;
}
.navigation .navbar-toggler[aria-expanded="true"] svg,.theme-double-tree.scrolled .navigation .navbar .navbar-toggler[aria-expanded="true"] svg {
    color: #000!important;
}
}

.theme-double-tree .home-header {
    max-height: 631px;
}