/*------------------------------------*\
    			SETTINGS
\*------------------------------------*/
/* @group CSS2 Variables */
:root {
  /* Font Styles */
  --epcl-font-family: "DM Sans", sans-serif;
  --epcl-title-font-family: "Urbanist", sans-serif;
  --epcl-font-size: 16px;
  /* General content font size */
  --epcl-line-height: 1.9;
  /* General content line height */
  --epcl-font-size-editor: 17px;
  /* Single Content font size */
  --epcl-line-height-editor: 1.9;
  /* Single Content line height */
  /* Colors */
  --epcl-main-color: #6A4EE9;
  --epcl-secondary-color: #FF2AAC;
  --epcl-titles-color: #282424;
  --epcl-text-color: #282424;
  --epcl-black: #282424;
  --epcl-meta-color: #4D6385;
  --epcl-background-color: #FAF8FF;
  --epcl-boxes-background-color: #fff;
  --epcl-boxes-border-color: #E9E8FF;
  --epcl-border-color: #E9E8FF;
  /* General border color */
  --epcl-overlay-color: #211d3f;
  --epcl-boxes-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.03);
  --epcl-small-shadow: 0px 3px 5px 0px rgba(0,0,0, 0.2);
  /* Used on small images (like widgets or related articles) */
  --epcl-medium-shadow: 0px 8px 16px -4px rgba(0,0,0, 0.10);
  --epcl-large-shadow: 0px 4px 25px -4px rgba(0,0,0, 0.20);
  --epcl-transition-bezier: cubic-bezier(.5,2.5,.7,.7);
  /* Coding */
  --epcl-code-background: #211d3f;
  /* Used on "code" blocks not syntax highlighter */
  --epcl-code-color: #b0b9c5;
  /* Used on code blocks not syntax highlighter */
  /* Others */
  --epcl-small-border-radius: 4px;
  /* Used on small elements (like buttons) */
  --epcl-medium-border-radius: 10px;
  /* Used on medium elements (like boxes) */
  --epcl-large-border-radius: 100px;
  /* Used to generate circles */
}

/* @end */
/* @group Font Families */
/* @end */
/* @end */
/* @group Effects speed */
/* @end */
/* @group Content Width and Margins */
/* @end */
/* Core Styles */
.toc {
  overflow-y: auto;
}

.toc > .toc-list {
  overflow: hidden;
  position: relative;
}

.toc > .toc-list li {
  list-style: none;
}

.toc-list {
  margin: 0;
  padding-left: 30px;
  font-size: 15px;
}

.toc-list .toc-list {
  padding: 5px;
  padding-left: 20px;
  font-size: 15px;
}

a.toc-link {
  display: inline-block;
  height: 100%;
  padding: 5px 0 0;
}

.is-collapsible {
  max-height: 500px;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.is-collapsed {
  max-height: 0;
  opacity: 0;
}

.is-position-fixed {
  position: fixed !important;
  top: 0;
}

.is-active-link {
  font-weight: 600;
  color: var(--epcl-titles-color);
}

/* Default Theme Styles */
.toc-link::before {
  background-color: var(--epcl-border-color);
  content: ' ';
  display: inline-block;
  height: inherit;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 2px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.is-active-link::before {
  background-color: var(--epcl-main-color);
}