/*
Theme Name: YN KB Theme
Theme URI: https://wordpress.org/themes/yn-kb-theme/
Author: the YN team
Author URI: https://rabbitloader.com/
Description: Internal Use
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: Private
License URI: https://rabbitloader.com/terms/
Text Domain: rl-kb-theme
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

#ez-toc-container {
  background-color: #fff !important;
  border: 0px !important;
  border-left: 2px solid #4a4a4a4a !important;
  border-radius: 0px !important;
}

.ez-toc-title {
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    font-weight: 600 !important;
}

#ez-toc-container ul {
  border: none !important;
}

#ez-toc-container ul * {
  border: none !important;
}

/* Navbar */
.nav-wrapper {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
  position: sticky;
  top: 0px;
  z-index: 50;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* Sidebar */
.sidebar {
  position: sticky;
  /* Enables sticky positioning */
  top: 1rem;
  /* Sticks to the top of the viewport */
  height: 100vh;
  /* Ensure it covers the full viewport height */
  overflow-y: auto;
  /* Allow scrolling if content overflows */
  background-color: white;
  /* Ensure it has a background to avoid transparency issues */
  z-index: 10;
  /* Ensure it appears above other content if needed */
}

@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}


/* Content style */
#content h1 {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

#content h2 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin-top: 3.5rem;
  margin-bottom: 1.25rem;
}

#content h3 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  margin-top: 3.5rem;
  margin-bottom: 1.25rem;
}

#content h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin-top: 3.5rem;
  margin-bottom: 1.25rem;
}

#content ol {
  list-style: disc;
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
}

#content ul {
  list-style: decimal;
  padding-left: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.55;
}

#content ul li {
  font-size: 1.2rem;
}

#content p {
  font-size: 1.2rem;
  margin-bottom: 1.25rem;
}

.wp-block-image {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

.wp-block-image figcaption {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.wp-block-embed {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}

#content pre {
  background: rgb(236, 236, 236);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}

/* Page content table style */
@media (max-width: 768px) {
  #ez-toc-container {
    display: none !important;
  }
}


#ez-toc-container {
  width: 15rem !important;
}

#ez-toc-container ul {
  padding-left: 0.875rem !important;
}

.ez-toc-title-container {
  width: 14rem !important;
}

.ez-toc-page-1 {
  font-size: 0.875rem !important;
  margin-bottom: 5px !important;
}

.ez-toc-list {
  list-style-type: none !important;
}

.ez-toc-page-1 ul {
  margin-top: 0.75rem !important;
  margin-left: 1.7rem !important;
  border-left-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)) !important;
  list-style-type: none !important;
}

.ez-toc-page-1 ul li {
  font-size: 0.875rem !important;
  margin-bottom: 5px !important;
}