.custom-toc {
    padding: 0px;
    margin-bottom: 0px;
    background: #181818;
}
.custom-toc h2 {
    margin-bottom: 0;
}
.custom-toc ul {
    list-style: none !important;
    padding-left: 0;
}
.custom-toc ul li {
    margin-bottom: 5px;
}
.custom-toc ul li.h2 {
    font-weight: bold;
}
.custom-toc ul li.h3 {
    margin-left: 20px;
}

.custom-toc.collapsible h2 {
    color: #fff;
    padding: 5px 0px 5px 0px;
}
.custom-toc.sticky-top {
    position: sticky;
    top: 20px; /* Adjust as needed */
    max-height: calc(100vh - 100px); /* Adjust as needed */
    overflow-y: auto;
    z-index: 999;
}

.collapsible:not(.collapsed)  {
    padding-left:10px;
}

.custom-toc.fixed-bottom {
    position: fixed;
    bottom: 0;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    z-index: 999;
    width: 620px;
    opacity: .9;
    max-height: 60%;
}

.custom-toc.collapsible ul {
    display: none;
}
.custom-toc.collapsible h2 {
    cursor: pointer;
    margin: 0 !important;
}
.custom-toc ul li.current {
    font-size: larger;
}
.custom-toc.sticky.sticky-top.collapsible li a {
    color: white;
}
.custom-toc ul li.current a {
    color: #ffffff !important;
    text-decoration: underline;
}
.custom-toc.collapsible.collapsed h2 {
    background-color: #181818;
	padding:5px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
	color:#fff;
	align-items: center;
	font-size:24px !important;
}
@media only screen and (min-width: 1240px) {
    .block-html-content h2, .single-content .entry-content h2 {
        font-size: 24px !important;
    }
}
.collapsible:not(.collapsed) h2:after {
    content: '✕'; /* Arrow pointing down when collapsed */
    float: right;
    margin: 8px 16px;
    font-size: 25px;
}
.fixed-bottom h2:after {
    content: '⤴'; /* Arrow pointing up when expanded */
    float: right;
    margin: 8px 16px;
    font-size: 25px;
}
.sticky-top h2:after {
    content: '⤵'; /* Arrow pointing up when expanded */
    float: right;
    margin: 8px 16px;
    font-size: 25px;
}

.custom-toc.collapsible h2 {
    font-size: 25px;
}

@media only screen and (max-width: 600px) {
  .custom-toc.fixed-bottom {
    min-width: 90%;
  }
  .custom-toc.collapsible h2 {
    font-size: 16px;
    padding-left: 8px;
}
}

.scroll-wrapper{display:none;position:fixed;left:46px;top:80px;list-style:none;padding:0;margin:0;line-height:0;z-index:99;}
.scroll-wrapper .scroll-item{position:relative;display:inline-block;padding-left:3px;padding-right:3px;height:35px;margin-bottom:2px;box-sizing:content-box;}
ul.scroll-wrapper li{height:40px;margin:0!important;}
ul.scroll-wrapper li:before{display:none!important;}
.scroll-item .scroll-tip{display:inline-block;font-size:0;color:#000;width:7px;height:100%;background:#E2E2E2;border-radius:6px;}
.scroll-item:hover .scroll-tip:before {
    content: '';
    background: #0050ff;
    width: 7px;
    height: 100%;
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
}
	.scroll-item:hover .scroll-tip{position:relative;font-size:14px;font-weight:bold;display:inline-block;width:auto;line-height:35px;padding-right:15px;padding-left:20px;margin-top:5px;}
@media (max-width:1380px){
	.scroll-wrapper{left:10px;}
}
@media (max-width:1024px){
	.scroll-wrapper{left:10px;top:185px;}
}
@media (max-width:767px){
	.scroll-wrapper{display:none;}
	.custom-toc.fixed-bottom {
		max-width: fit-content;
	}
}
.scroll-wrapper {
    list-style-type: none;
    padding-left: 0; /* Optional: Removes the default padding */
}

.scroll-wrapper li {
    list-style-type: none; /* Ensures no bullets for <li> elements */
}
.current span.scroll-tip {
    background: #0050ff;
    color: #fff;
}
ul.scroll-wrapper {
    margin-left: -8px;
}

.link-color-wrap a, .woocommerce-Tabs-panel--description custom-toc a {
    color: #ffffff;
}

.link-color-wrap custom-toc a:hover {
    color: #ffffff !important;
}
.custom-toc.fixed-bottom.collapsible li a {
    color: #fff !important;
}