.accordion-toc-article {
	position: fixed; 
	bottom: 20px; 
	right: 10px; 
	z-index: 1000;
	width: 200px; 
	max-height: 90vh; /* Maximum height of 90% of the viewport height */
	overflow-y: auto; /* Adds scrollbar if content exceeds max-height */
	z-index: 1000 !important; 
/* 	background-color: white;  */
	color: #003d31; 
	border-radius: 12px;  
}

.accordion-toc-article h3 {
	margin-left: 5px !important; 
	margin-right: 5px !important; 
	padding-top: 0px !important;  
}

.accordion-toc-article .ea-card {
    margin-bottom: 0 !important; 
}

.accordion-toc-article h3 a {
	color: #003d31 !important; 
	text-decoration: none; 
  padding-top: 10px !important; 
  padding-bottom: 10px !important; 
	width: 100% !important;
  font-size: 1rem !important; 
}

.accordion-toc-article td {
	border: none; 
}
.accordion-toc-article td:after {
    content: "";
    display: block;
    border-bottom:  #003d31 2px solid !important;
    padding-top: 10px;
}

.accordion-toc-article a {
	color: #003d31 !important;
	text-decoration: none; 
	display: flex; 
	justify-content: space-between;
	min-height: 24px; 
	max-height: 65px;
  font-weight: 500 !important; 
	padding-top: 6px !important;
}

.accordion-toc-article .wp-block-table {
	padding: 0; 
}

@media screen and (min-width: 768px) {
    .accordion-toc-article {
        position: fixed;
/*         top: 525px;  */
        left: 25px; 
        bottom:unset; 
        right: unset; 
        z-index: 1000;
        width: 230px; 
        max-height: 90vh; /* Maximum height of 90% of the viewport height */
        overflow-y: auto;
        transition: top 0.3s ease; 
        }
		.accordion-toc-article h3 {
				padding-top: 15px !important; 
				padding-bottom: 15px !important; 
        }
    .accordion-toc-article h3 a {
        font-size: 1.15rem !important; 
        }
    }


/* Shift main content left to create space for toc */
@media screen and (min-width: 768px) and (max-width: 1259px) {
    .toc-article-padding {
	    padding-left: 210px; 
    }
}

@media screen and (min-width: 1260px) and (max-width: 1549px) {
	.toc-article-padding {
		padding-left: 175px; 
	}
}

@media screen and (min-width: 1550px) and (max-width: 1850px) {
	.toc-article-padding {
		padding-left: 125px; 
	}
}


@media screen and (min-width: 1880px) {
    .accordion-toc-article {
        right:95% 
    }
}

@media screen and (min-width: 2200px) {
    .accordion-toc-article {
        right:75% 
    }
}