#custom-toc-block {
padding: 15px 0;
box-sizing: border-box;
}
#custom-toc-block *{
box-sizing: border-box;
}
#custom-toc-block span.title {
font-size: 20px;
font-weight: 600;
padding-bottom: .5rem;
border-bottom: 1px solid #D4D4D4;
width: 100%;
display: block;
margin-bottom: .5rem;
}
#custom-toc-block>ul{
max-height: 70vh;
overflow-y: auto;
list-style: none;
}
#custom-toc-block ul {
list-style: none;
padding: 0;
font-size: 1rem;
text-decoration: none;
}
#custom-toc-block li a{
text-decoration: none;
}
#custom-toc-block li {
margin-bottom: 10px;
}
#custom-toc-block li.toc-h3 {
margin-left: 15px;
}
#custom-toc-block li.toc-h4 {
margin-left: 30px;
}
#custom-toc-block .toc-link{
color:#939393;
font-size: var(--p);
}
#custom-toc-block .toc-link.active {
color: #000000;
}
#custom-toc-block{
width:100%;
}
@media screen and (min-width:901px) {
.fixed-top #custom-toc-block{
position: sticky;
top: var(--header-height);
width: 100%;
}
}
@media screen and (max-width:900px){
#custom-toc-block {
background: #FFF;
padding: 0;
border-radius: 10px;
border: 1px solid #D2D2D2;
position: fixed;
z-index: 2;
left: 0;
margin: 5%;
box-sizing: border-box;
width: 90%;
bottom: 50px;
}
#custom-toc-block>ul{
height: auto;
overflow: unset;
}
#custom-toc-block p {
display: none;
}
#custom-toc-block>ul{
max-height: 0;
overflow: hidden;
padding: 0;
margin: 0 15px;
border-top: 1px solid #E4E4E4;
transition: all .3s linear;
overflow: auto;
}
#custom-toc-block span.title{
border: none;
margin: 0;
padding: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
#custom-toc-block>ul.show{
max-height: 60vh;
padding: 15px 0;
}
#custom-toc-block span.title::after {
content: "";
width: 24px;
height: 24px;
background: url(https://indiaautismcenter.org/wp-content/uploads/2025/09/plus.png);
display: block;
background-repeat: no-repeat;
background-position: center;
}
#custom-toc-block:has(ul.show) span.title::after {
content: "";
width: 24px;
height: 24px;
background: url(https://indiaautismcenter.org/wp-content/uploads/2025/09/minus.png);
display: block;
background-repeat: no-repeat;
background-position: center;
}
}