/* ------ Make Bosch supergraphic visible on top ------ */
#supergraphic {
	height: .375rem;
	width: 100%;
	background-image: url(data:image/png;base64,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);
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	position: fixed;
	z-index: 10000;
}

/* #ht-headerbar {
   top: .375rem; 
   height: 4rem; 
   border-bottom: .0625rem solid #eff1f2; 
   background-color: #fff;
   z-index: 10000;
   display: inline-flex;
   padding-left: 1.5rem;
   justify-content: space-between;
   align-items: center;
   margin-right: 10rem; 
} */

#ht-headerbar .ht-headerbar-left{
   width: 1.5rem;
   height: 1.5rem;
   position: fixed;
   top: 50%;
   transform: translateY(-50%);
   left: 1rem;
   z-index: 10;
}
/* #subbrand-identifier { 
   width: max-content;
   max-width: 30rem;
   Moved to ht-headerbar.scss
} */

#ht-headerbar-middle {
   /* this will be the the page _header in your space in confluence */
   padding: 1rem 1.5rem;
   width: 30%;
}

#ht-headerbar-middle #custom-header-content p a{
   font-size: 1rem;
   color: black;
   padding: 2rem 2rem 2rem 2rem;
   }
#ht-headerbar a.current:hover{
   text-decoration: none;
   color: black;
}

/* #ht-headerbar .ht-headerbar-right {
   height: inherit;
   display: flex;
   align-items: center;
   padding: 0 1.5rem;
   width: calc(100% - 3rem);
} */

#bosch-logo {
   height: 1.5rem;
   width: auto;
   /* margin-left: 2rem;
   margin-rigt: 2rem;
   position: fixed;
   top: 1.5rem;
   right: 1.5rem;
   z-index: 99999;
   background-color: #fff !important; 
   border: none;
   outline:none; */
}
@media screen and (max-width: 920px) {
   #bosch-logo {
      display: none;
   }
}

@media screen and (max-width: 649px) {
   #ht-search.open ~ #bosch-logo {
      display: none;
   }
}

#ht-wrap-container .ht-content .ht-content-header #ht-breadcrumb li {
   list-style: none;
   font-size: 1rem;
   display: inline;
}

#ht-headerbar .ht-headerbar-right .ht-search-index-loader {
   background-repeat: no-repeat;
   background-position: center;
   background-size: 24px 24px;
   display: none;
   margin-top: 1px;
}

#ht-headerbar #ht-search #ht-search-button:after {
   content: "Search";
   font-family: 'boschsans-regular';
   font-size: 1rem;
   color: initial;
   margin-left: .5rem;
}

@media screen and (max-width: 920px) {
   #ht-headerbar #ht-search #ht-search-button:after {
      display: none;
   }
}

#ht-headerbar #ht-search.open #ht-search-button:after {
   display: none !important;
}

/*  LEFT navi gray */
#ht-sidebar {
   top: .375rem; /*space of supergrafic*/
   display: block;
   width: 100%;
}
@media screen and (min-width: 1024px) {
   #ht-wrap-container, #ht-headerbar {
      left: 30%;
   }
   #ht-sidebar {
      width: 30%;
   }

   #ht-wrap-container #ht-sidebar-dragbar {
      visibility: visible;
   }
}
@media screen and (min-width: 721px) {
   #ht-wrap-container, #ht-headerbar {
      left: 30%;
   }
   #ht-sidebar {
      width: 30%;
   }

   #ht-wrap-container #ht-sidebar-dragbar {
      visibility: visible;
   }
}
/* ------ 2/2 Adapt responsive behavior ------ */


@media screen and (max-width: 720px) {
   .show-sidebar #ht-sidebar {
      width: 100%;
      z-index: 1000;
   }
}

#ht-footer{
   position: sticky;
   border-top: .0625rem solid #eff1f2;
   bottom: 0;
   right: 2rem;
   background-color: white;
   display: inline-flex;
   padding-left: 1.5rem;
   justify-content: space-between;
   align-items: center;
}


/* ------ Background color for sidebar------ */
#ht-sidebar .ht-sidebar-content {
   /* margin-top: 4rem; */
   background-color: #eff1f2; /*bosch gray 95*/;
}

/* ------ No underline for post navigation links ------ */
#ht-wrap-container #ht-post-nav a span {
   text-decoration: none !important;
   width: auto;
}

/* ------ Responsive behavior for navigation entries -----*/
#ht-nav{
   width:100%;
}

/* ------ Scroll to top button ------ */
#scrollButton {
   position: fixed;
   width: 2rem;
   height: 2rem;
   right: 1rem;
   z-index: 99999;
   background-color: transparent;
   border: none;
   outline:none;
   display: none;
   cursor: pointer;
   bottom: .5rem !important;
}

#scrollButton:hover {
   transform: translateY(-3px);
   cursor: pointer;
}

/* toc structure */
ul.ht-pages-nav-top > li > a {
   font-family: var(--headingfont) !important;
   font-size: 1.25rem;
   padding-bottom: .25rem;
}
ul.ht-pages-nav-top > li > span:before {
   font-size: 1.25rem !important;
   font-weight: bold;
}
/* ------ Color, behavior and transition for sidebar navigation links ------ */
.ht-pages-nav ul a, #ht-sidebar .ht-pages-nav ul a{
   color: #000;
   overflow: visible;
   white-space: normal;
   font-size: 1rem;
   line-height: 1.5;
   padding: .5rem 0;
}

.ht-pages-nav ul li a:hover, #ht-sidebar .ht-pages-nav ul li a:hover {
   color: #007bc0;
   text-decoration: none !important;
}

.ht-pages-nav ul a.current, #ht-sidebar .ht-pages-nav ul a.current{
   color: #00629a;
   font-weight: normal;
}

.ht-pages-nav ul .ht-pages-nav-toggle:before, #ht-sidebar .ht-pages-nav ul .ht-pages-nav-toggle:before{
   color: #000;
   font-size: 1rem;
}
.ht-pages-nav ul .ht-pages-nav-toggle:hover:before, #ht-sidebar .ht-pages-nav ul .ht-pages-nav-toggle:hover:before {
   color: #007bc0;
}

.ht-pages-nav ul .ht-pages-nav-toggle:before {
   content: "\e181";
}

.ht-pages-nav ul .open > .ht-pages-nav-toggle:before {
   content: "\e181"; transform: rotate(90deg);
}