.toc-container h3 {
	margin-left: 5px !important; 
	margin-right: 5px !important; 
	padding-top: 0px !important;  
}
.toc-container .ea-card {
    margin-bottom: 0 !important; 
}
.toc-container h3 a {
	color: #003d31 !important; 
	text-decoration: none; 
  padding-top: 10px !important; 
  padding-bottom: 10px !important; 
	width: 100% !important;
  font-size: 1rem !important; 
}
.toc-container td {
	border: none; 
}
.toc-container td:after {
    content: "";
    display: block;
    border-bottom: #003d31 2px solid !important;
    padding-top: 10px;
}
.toc-container a {
	color: #003d31; 
	text-decoration: none; 
	display: flex; 
	justify-content: space-between;
	min-height: 24px; 
	font-weight: 500; 
	padding-top: 6px; 
}
.toc-container .wp-block-table {
	padding: 0; 
}
/* To apply styles to new semantic TOC formatting */
.toc-container ol {
   list-style: none; 
   padding-left: 0; 
   padding-top: 0; 
}
.toc-container li {
  padding: 0.5em; 
}
.toc-container ol a {
	border-bottom: solid 1px #003d31; 
	padding-bottom: 6px; 
}

.toc-container {
	position: fixed; 
	bottom: 20px; 
	right: 10px; 
	z-index: 1000;
	width: 200px; 
	max-height: 90vh;
	overflow-y: auto;
	color: #003d31; 
	border-radius: 12px;  
}

.sticky-toc {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #c0d8d7;
}
.sticky-toc a {
	border-bottom: solid 5px #003d31; 
}
.sticky-toc a.collapsed {
	border-bottom: none;
}

@media screen and (min-width: 768px) {
	.toc-container {
        position: fixed;
        left: 25px; 
        bottom: unset; 
        right: unset; 
        z-index: 1000;
        width: 230px; 
        max-height: 80vh;
        overflow-y: auto;
        transition: top 0.3s ease; 
    }
   	.toc-container h3 {
		padding-top: 15px !important; 
		padding-bottom: 15px !important; 
    }
	.toc-container 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) {
   .toc-container {
        right: 95%; 
    }
}
@media screen and (min-width: 2200px) {
  	.toc-container {
        right: 75%; 
    }
}