/*
Theme Name: Docy Latest
Theme URI: https://wordpress-theme.spider-themes.net/docy/
Author: Spider Themes
Author URI: https://themeforest.net/user/spider-themes
Description: Docy is a WordPress theme for documentation and knowledge base with forum. It is a perfect theme for any kind of documentation, knowledge base, helpdesk, support center, FAQ, community forum, etc. It is a responsive theme and looks great on all devices. It is a powerful theme with tons of features. It has a powerful admin panel with tons of options to customize the theme.
It's a fully responsive theme and looks great on all devices. It has a powerful admin panel with tons of options to customize the theme. It has a powerful admin panel with tons of options to customize the theme.
Version: 4.8.3
Requires at least: 5.0
Tested up to: 7.0.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docy
*/

:root {
    --brand_color: var(--accent_solid_color_opt, #4c4cf1);
    --black_800: var(--secondary_color_opt, #242729);
    --p_color: var(--paragraph_color_opt, #364553);
    --gradient_bg_color1: var(--gradient_bg_color-from, #fffbf2);
    --gradient_bg_color2: var(--gradient_bg_color-to, #edfffd);
    --border_on_white: #e6edf0;
    --border_on_highlight: #e6edf0;
    --body_bg: #fff;
    --white_op20: rgba(255, 255, 255, 0.2);
    --black_25: #f9f9f9;
    --black_50: #f2f2f2;
    --black_75: #eeeeee;
    --black_90: #e0e6f0;
    --black_100: #d6d9dc;
    --black_150: #c8ccd0;
    --black_200: #bbc0c4;
    --black_300: #9fa6ad;
    --black_350: #9199a1;
    --black_400: #848d95;
    --black_500: #6a737c;
    --black_600: #535a60;
    --black_700: #3c4146;
    --black_750: #2f3337;
    --black_800: #242729;
    --black_900: #0c0d0e;
    --bs_sm: 0 1px 2px rgb(0 0 0 / 5%), 0 1px 4px rgb(0 0 0 / 5%), 0 2px 8px rgb(0 0 0 / 5%);
    --bs_md: 0 1px 3px rgb(0 0 0 / 6%), 0 2px 6px rgb(0 0 0 / 6%), 0 3px 8px rgb(0 0 0 / 9%);
    --bs_lg: 0 1px 4px rgb(0 0 0 / 9%), 0 3px 8px rgb(0 0 0 / 9%), 0 4px 13px rgb(0 0 0 / 13%);
    --bs_xl: 0px 40px 200px 0px rgba(0, 0, 0, 0.25);
}

.black-25 {
    color: var(--black_25) !important;
}

.black-50 {
    color: var(--black_50) !important;
}

.black-100 {
    color: var(--black_100) !important;
}

.black-150 {
    color: var(--black_150) !important;
}

.black-200 {
    color: var(--black_200) !important;
}

.black-300 {
    color: var(--black_300) !important;
}

.black-350 {
    color: var(--black_350) !important;
}

.black-400 {
    color: var(--black_400) !important;
}

.black-500 {
    color: var(--black_500) !important;
}

.black-600 {
    color: var(--black_600) !important;
}

.black-700 {
    color: var(--black_700) !important;
}

.black-800 {
    color: var(--black_800) !important;
}

.black-900 {
    color: var(--black_900) !important;
}

.bs-sm {
    box-shadow: var(--bs_sm) !important;
}

.bs-md {
    box-shadow: var(--bs_md) !important;
}

.bs-lg {
    box-shadow: var(--bs_lg) !important;
}

.bs-xl {
    box-shadow: var(--bs_xl) !important;
}

/** Hover Classes **/
.h\:bs-md:hover {
    box-shadow: var(--bs_md) !important;
}

.h\:bs-lg:hover {
    box-shadow: var(--bs_md) !important;
}

/* ==========================================================================
   EazyDocs docs single — sidebar collapse
   The collapse script widens the middle column by swapping Bootstrap col-*
   classes and flags #sticky_doc with .doc-sidebar-collapsed. EazyDocs' own
   stylesheet anchors the toggle with a fixed `margin-left: -90px`, which lands
   inside the sidebar instead of the gutter, and it has no styling for the
   collapsed state at all.
   ========================================================================== */

.doc_documentation_area .left-sidebar-toggle {
    top: 26px;
    margin-left: -38px;
    transition: margin-left 0.35s ease;
}

/* Collapsed: the middle column now spans the whole row, so the button has to
   sit at the row's left edge rather than against a column boundary. */
.doc_documentation_area.doc-sidebar-collapsed .left-sidebar-toggle {
    margin-left: -26px;
}

/* Smooth the width change alongside the 500ms show/hide animation. */
.doc_documentation_area .doc-middle-content,
.doc_documentation_area .doc_mobile_menu {
    transition: width 0.4s ease, flex 0 0 0.4s ease, padding 0.4s ease;
}

/* Keep the toggle clickable above the sticky sidebar on small screens. */
.doc_documentation_area .left-sidebar-toggle .left-arrow,
.doc_documentation_area .left-sidebar-toggle .right-arrow {
    position: relative;
    z-index: 2;
}

/* TOC jumps land on a heading that the fixed navbar would otherwise cover. */
.doc-scrollable h1[id],
.doc-scrollable h2[id],
.doc-scrollable h3[id],
.doc-scrollable h4[id],
.doc-content-wrap h1[id],
.doc-content-wrap h2[id],
.doc-content-wrap h3[id],
.doc-content-wrap h4[id] {
    scroll-margin-top: 90px;
}