.navigation-primary {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}


/* Fixed Header Styles */
.header__navigation--fixed{
  /*   display: none; */
}

.header{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: transparent;
  z-index: 99;
}

.header.fixed{
  position: fixed;
  background: #1c1c1c;
}

.header .header__navigation--fixed{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1400px, 100%);
  padding: 10px clamp(10px, 1.25vw, 20px);
  margin: auto;
}
.

.header .header__navigation--fixed .header__navigation--toggle{
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  top: unset;
}

.header__navigation--fixed .header__logo img{
  width: 250px !important;
}

.header .header__navigation--fixed .chapters{
  display: none; 
}

.header.fixed .header__navigation--fixed .chapters{
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header__navigation--fixed .chapters *{
  color: #fff; 
}

.header .header__navigation--fixed .chapters a{
  display: flex; 
  position: relative;
  text-decoration: unset;
  border: 0px;
}

.header .header__navigation--fixed .chapters a:after{
  content: '';
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}

.header .header__navigation--fixed .chapters a.next:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.802' height='14.74' viewBox='0 0 15.802 14.74'%3E%3Cg id='Right_Arrow' data-name='Right Arrow' transform='translate(-9 -10.001)'%3E%3Cpath id='Path_282' data-name='Path 282' d='M18.213,24.426l6.265-6.318a1,1,0,0,0,0-1.474l-6.265-6.318a1.106,1.106,0,0,0-1.421-.105,1,1,0,0,0-.105,1.579l4.528,4.528H10.053a1.053,1.053,0,0,0,0,2.106H21.214l-4.528,4.528a1,1,0,0,0,.105,1.579,1.106,1.106,0,0,0,1.421-.105Z' fill='%23d8ab4c'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: 20px;
}

.header .header__navigation--fixed .chapters a.previous:after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.802' height='14.74' viewBox='0 0 15.802 14.74'%3E%3Cg id='Left_Arrow' data-name='Left Arrow' transform='translate(24.802 24.741) rotate(180)'%3E%3Cpath id='Path_282' data-name='Path 282' d='M18.213,24.426l6.265-6.318a1,1,0,0,0,0-1.474l-6.265-6.318a1.106,1.106,0,0,0-1.421-.105,1,1,0,0,0-.105,1.579l4.528,4.528H10.053a1.053,1.053,0,0,0,0,2.106H21.214l-4.528,4.528a1,1,0,0,0,.105,1.579,1.106,1.106,0,0,0,1.421-.105Z' fill='%23d8ab4c'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-right: 20px;
}

.header .header__navigation--fixed .chapters .inactive{
  opacity: 0.5; 
  cursor: not-allowed;	
}

.header .header__navigation--fixed .chapters .chapter__active{
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
  font-weight: 400;
}

.header .header__navigation--fixed .chapters .anchor{
  display: none; 
  font-family: 'Source Sans Pro',sans-serif;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
  font-weight: 400;
}

.header .header__navigation--fixed .chapters .anchor.active{
  display: inline-block;
}

.header.fixed .header__global--buttons,
.header.fixed .header__navigation--toggle{
  display: none;
}

.header.hide-fixed .header__global--buttons,
.header.hide-fixed .header__navigation--toggle{
  display: flex;
}

.header.fixed .header__navigation--toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header.fixed .header__navigation--toggle .hamburger {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  transition: all .4s ease;
  width: 40px;
}

.header__navigation--toggle .hamburger span {
  background: #fff;
  display: block;
  height: 2px;
  left: 0;
  position: relative;
  transition: all .4s ease;
  width: 20px;
}

.header__navigation--toggle .hamburger span:first-child {
  top: 0;
  transform: rotate(0deg);
}

.header__navigation--toggle .hamburger span:nth-child(3) {
  bottom: 0;
  transform: rotate(0deg);
}

.header__navigation--toggle .hamburger span:nth-child(2) {
  margin: 5px 0;
}

.header .header__navigation--popup{
  display: none;
}

.header .header__navigation--popup.active{
  display: block;
}


.header .header__navigation--popup .header__navigation--popup__overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #272727E6;
  background-color: #272727E6
}

.header .header__navigation--popup .header__navigation--popup__inner{
  padding: clamp(60px, 7vw, 112px) clamp(30px, 3.75vw, 60px) clamp(30px, 3.75vw, 60px) clamp(30px, 3.75vw, 60px); 
  position: relative;
  z-index: 99;
  background: #1C1C1CF2;
  background-color: #1C1C1CF2;
  height: 100vh;
  width: min(580px, 100%);
  max-width: 32vw;
  position: fixed;
  right: 0;
  top: 0;
  overflow: auto;
}

/* .header .header__navigation--popup .header__navigation--popup__inner:before{
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='441.021' height='205.484'%3E%3Cpath fill='%232c2c2c' d='M441.021.43 0 0v205.484Z' data-name='Upper Left Corner' opacity='.451'/%3E%3C/svg%3E);
background-repeat: no-repeat;
background-size: contain;
content: "";
width: 75%;
z-index: 9;
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 205.4px;
} */

.header .header__navigation--popup .header__navigation--popup__inner .header__navigation--popup__inner-content{
  position: relative;
  z-index: 99;
}

/* .header .header__navigation--popup .header__navigation--popup__inner #return-home{
display: inline-block;
width: 30px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.083' height='18.986' viewBox='0 0 18.083 18.986'%3E%3Cpath id='Home_Icon' data-name='Home Icon' d='M13.04,4.26l7.233,6.6v8.318H17.109V12.8a.9.9,0,0,0-.9-.9H9.876a.9.9,0,0,0-.9.9v6.374H5.808V10.86l7.233-6.6m0-2.26a.5.5,0,0,0-.316.136L4.271,9.775A.9.9,0,0,0,4,10.453V20.986H10.78V13.708H15.3v7.278h6.781V10.453a.9.9,0,0,0-.271-.678l-8.453-7.64A.5.5,0,0,0,13.04,2Z' transform='translate(-3.999 -2)' fill='%23e3e696'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
} */

.header .header__navigation--popup .header__navigation--popup__inner p.actions{
  padding-bottom: 20px;
}

.header .header__navigation--popup .header__navigation--popup__inner p.actions a:first-child{
  margin-right: 20px; 
}

.header .header__navigation--popup .header__navigation--popup__inner p.home{
  display: inline-flex;
  align-items: center;
}

.header .header__navigation--popup .header__navigation--popup__inner p.home a{
  display: block;
  text-decoration: unset;
  font-family: 'EB Garamond';
  font-weight: 400;
  font-size: clamp(18px, 1.25vw, 20px);
  color: #fff;
  text-decoration: underline!important;
  text-decoration-color: #D8AB4C!important;
  text-underline-offset: 5px;
  border: 0px;
  line-height: 1.5;
}

.header .header__navigation--popup .header__navigation--popup__inner h3{
  color: #E0D5C0;
  font-weight: 100;
  font-size: clamp(28px, 2.625vw, 42px);
  font-family: 'EB Garamond';  
  font-weight: 400;
}

.header .header__navigation--popup .header__navigation--popup__inner .ebook-menu{
  /*   padding-top: 20px; */
}

.navigation-primary .ebook-menu__nav ul.level-1{
  counter-reset: counter; 
  margin: clamp(10px, 1.25vw, 20px) 0px clamp(10px, 1.25vw, 20px) -40px;
  list-style-type: none;
}

.navigation-primary .ebook-menu__nav .hide-toc{
  /*  display: none;  */
}

/* .navigation-primary .ebook-menu__nav ul.level-1 > li{
counter-increment: counter;
margin: 20px 0px;
padding: 0px;
border: 0px;
font-size: clamp(20px, 1.75vw, 28px) !important;
line-height: 1.2;
} */

.navigation-primary .ebook-menu__nav ul.level-1 > li {
  display: inline-flex;
  align-items: flex-start;
}

.navigation-primary .ebook-menu__nav ul.level-1 > li > a{
  display: block;
  text-decoration: unset;
  font-family: 'EB Garamond';
  font-weight: 400;
  font-size: clamp(18px, 1.25vw, 20px);
  color: #fff;
  text-decoration: underline!important;
  text-decoration-color: #D8AB4C!important;
  text-underline-offset: 5px;
  border: 0px;
  padding: 0px !important;
  line-height: 1.5;
}

.navigation-primary .ebook-menu__nav ul.level-1 > li > span{
  display: block;
  text-decoration: unset;
  font-family: 'EB Garamond';
  font-weight: 400;
  font-size: clamp(18px, 1.25vw, 20px);
  color: #fff;
  border: 0px;
  line-height: 1.5;
  width: 20px;
}


/* .navigation-primary .ebook-menu__nav ul.level-1 > li:before {
content: "Chapter " counter(counter); 
display: block;
margin: 0px;
width: fit-content;
font-weight: normal;
color: #222222;
margin-bottom: 5px;
} */

.navigation-primary .ebook-menu__nav ul.level-1 > li:last-child{
  margin-bottom: 0px;
}

.navigation-primary .ebook-menu__nav ul.level-2,
.navigation-primary .ebook-menu__nav .hs-menu-depth-2{
  display: none; 
}



.header__navigation--popup__inner::-webkit-scrollbar {
  width: 10px;
}

.header__navigation--popup__inner::-webkit-scrollbar-track {
  box-shadow: unset;
}

.header__navigation--popup__inner::-webkit-scrollbar-thumb {
  background-color: #e3e696;
  border-radius: 10px;
}

@media (max-width: 1000px) {
  .header__navigation--fixed{
    flex-wrap: wrap; 
    justify-content: center !important;
  }
  .header__navigation--fixed .header__logo{
    order: 1;
    margin-bottom: 20px;
  }

  .header__navigation--fixed .header__menu-column{
    order: 2;
    margin-bottom: 20px;
  } 

  .header__navigation--fixed .header__navigation--wrapper{
    flex-basis: 100%;
    order: 3;
    padding-top: 10px;
  }

  .header .header__navigation--popup .header__navigation--popup__inner{
    width: 90vw;
    max-width: 100%;
  }
  .actions [class*='btn']{
    display: inline-block;
  }

  .header .header__menu-item:not(:first-child){
    display: none; 
  }

  .header__navigation--fixed .header__logo img{
    width: 150px !important;
  }

}


.header__menu-column{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header__menu-column .header__menu-item{
  color: #fff;
  border: 0px; 
  margin-left: 20px;
}

.header__menu-column .header__menu-item a,
.header__menu-column .header__menu-item span{
  font-size: clamp(13px, 1vw, 16px); 
  cursor: pointer;
}

.header__menu-column .header__menu-item:first-child){
  margin-left: 20px;
}

.header__menu-column .header__menu-item a{
  border: 0px; 
  font-family: 'Theinhardt',sans-serif;
}

.header__menu-column .header__menu-item .toc-trigger{
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 7.5px 15px;
  border: 1.5px solid #D8AB4C;
  border-radius: 80px;
  cursor: pointer;
}


.header__menu-column .header__menu-item .toc-trigger:hover{
  box-shadow: 0px 1px 10px #D8AB4C90;
}

.header__menu-column .header__menu-item .toc-trigger img{
  margin-right: 10px; 
}

.header.fixed .header__menu-item:not(:first-child){
  display: none; 
}





/* TOC */
.header__toc{
  display: none;
  position: fixed;
  height: 0px;
  overflow: auto;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
  width: 100%;
  background: #1C1C1C;
  padding: clamp(20px, 5vw, 80px);
  transition: 0.2s all ease;
}

.header__toc .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: unset;
  opacity: 1;
  position: relative;
}

.header__toc .hs-menu-wrapper ul:first-child{
  margin-right: clamp(20px, 5vw, 80px); 
}

.header__toc .hs-menu-wrapper ul{
  display: block; 
}
.header__toc .hs-menu-wrapper ul li{
  padding: unset;
  margin: 20px 0px;
}

.header__toc .hs-menu-wrapper ul li::before{
  content: '';
  display: none;
}


.header__toc .hs-menu-wrapper ul li a{
  line-height: 1.2; 
  font-family: 'Source Sans Pro',sans-serif;
}

.header__toc .hs-menu-wrapper li.hs-menu-depth-1{
  margin: clamp(20px, 5vw, 80px) 0px; 
}

.header__toc .hs-menu-wrapper li.hs-menu-depth-1 > a{
  font-family: 'Source Sans Pro',sans-serif;
  font-size: clamp(40px, 3.75vw, 60px);
  font-weight: 100;
  color: #E0D5C0;
  border: 0px;
  margin-bottom: clamp(20px, 5vw, 80px);

}

.header__toc .home,
.header__toc .hs-menu-wrapper li.hs-menu-depth-2 > a{
  font-family: 'EB Garamond';
  font-size: clamp(24px, 2.5vw, 40px);
  font-weight: 400;
  color: #fff;
  margin: clamp(15px, 2vw, 32px) 0px;
  white-space: normal;
  display: block;
}

.header__toc .hs-menu-wrapper li.hs-menu-depth-2 > a{
  border: 0px;
  text-decoration: underline !important;
  text-decoration-color: #D8AB4C !important; 
  text-underline-offset: 7.5px !important;
  text-decoration-thickness: 2px !important;
  transition: 0.2s ease all;
  line-height: 1.4;
}

.header__toc .hs-menu-wrapper li.hs-menu-depth-2 > a:hover{
  padding-bottom: 0px;
  text-decoration-color: #D8AB4C50 !important; 
  text-underline-offset: 10px !important;
}

.header__toc .home{
  display: block;
  margin-top: clamp(10px, 2.5vw, 40px);
}

.header__toc.active{
  display: block;
  top: 0;
  height: 100vh;
  z-index: 9;
}

/* Close */

.header__toc-close{
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  right: 40px;
  color: #fff;
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.header__toc-close .close{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  padding: 10px;
  height: 40px;
  width:  40px;
  border-radius:  40px;
  background: #fff;
  margin-left: 10px;
  top: unset;
  right: unset;
}

.header__toc-close .close:before, .header__toc-close .close:after {
  position: absolute;
  left: 50%;
  content: ' ';
  height: 17.5px;
  width: 1px;
  background-color: #1c1c1c;
}
.header__toc-close .close:before {
  transform: translateX(-50%) rotate(45deg);
}
.header__toc-close .close:after {
  transform: translateX(-50%) rotate(-45deg);
}


/* Close */

.header__toc-logo{
  display: flex;
  align-items: center;
  position: absolute;
  top: 20px;
  left: 40px;
  width: 400px;
  max-width: 100%;
}

.header__toc-logo img{
  width: 250px !important; 
}

@media screen and (max-width: 1024px){
  .header__menu-column{
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px;
  }
  .header__container .header__menu-column .header__menu-item{
    display: none; 
    margin-left: unset !important;
  }
  .header__container .header__menu-column .header__menu-item-toc{
    display: block; 
    margin: 20px auto;
  }
  .header__toc-logo{
    display: none; 
  }
}

@media screen and (min-width: 768px) {
  .header__navigation--wrapper {
    padding-left: 20px;
  }
  .header__toc.active {
    padding-top: 100px;
  }
}