/*
 Theme Name:   Divi Child
 Template:     Divi
 Description:  A child theme of the Divi theme.
 Version:      1.0.0
*/

/* 
 No background or border on the sidebar container 
*/
#docs-sidebar {
    background: none;
    border: none;
    padding: 30px 0 0 0;
}

@media (min-width: 981px) {
    .et_left_sidebar #docs-sidebar {
    	padding: 0 10px 0 0;
    }
}

@media (min-width: 981px) {
    #docs-sidebar {
        float: left;
        width: 20.875%;
    }
}

.docs-sidebar-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.docs-sidebar-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.docs-sidebar-main-list {
	height: calc(100vh - 120px);
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: calc(60px + 24px);
}

.docs-sidebar-list-header {
	padding: 6px 0;
}

/* Each docs-sidebar-item */
.docs-sidebar-item {
    position: relative;
    padding: 6px 0 6px 15px;
}

/* Highlight for current or ancestor page */
.current-page-ancestor > a,
.current-page-ancestor > div > a {
    font-weight: bold;
}

.toggle-sublist svg.arrow-icon {
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease;
    transform: rotate(0deg);
    cursor: pointer;
}

.toggle-sublist.expanded svg.arrow-icon {
    transform: rotate(90deg);
}

li.current-page-ancestor:not(.has-children) {
    background-color: #D8FFE1;
}

ul li.docs-sidebar-item:not(.has-children):nth-child(odd) {
    background-color: #f5f5f5; /* Slightly darker background color */
}