/*
Theme Name: Docly Child
Theme URI: https://wp.spider-themes.com/docly/
Template: docly
Author: CreativeGigs
Author URI: https://themeforest.net/user/creativegigs
Description: Docly is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly develop your next product’s documentation. It can be used for documenting API, frameworks, plugins, templates, software, manual etc.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docly-child
*/
.breadcrumb_area {
    background-image: linear-gradient(45deg, var(--brand-1) 0%, var(--brand-2) 100%);
}
.home .breadcrumb_area {
    background-image: linear-gradient(60deg, var(--brand-1) 0%, var(--brand-2) 100%);
}
.navbar {
    background-image: linear-gradient(161deg, var(--brand-1) 0%, var(--brand-2) 100%);
    position: relative;
}
.doc_left_sidebarlist .doc-title {
    font-size: 16px;
    padding-right: 10px;
}
.home .breadcrumb_area {
    padding-top: 150px;
    padding-bottom: 150px;
}
.nav-sidebar .nav-item {
    margin-bottom: 15px;
}
.nav-sidebar .nav-item .dropdown_nav li {
    margin: 2px 0;
}
.home .breadcrumb_area {
    display: block !important;
}
.home .hide-on-home {
    display: none;
}
h4.title{
    color:var(--brand_color);   
}
/* :root {
    --brand_color: var(--accent_solid_color_opt, #3b64d2) !important;
    --secondary_color: var(--secondary_color_opt, #1e2b36) !important;
    --p_color: var(--paragraph_color_opt, #212529) !important;
} */
.navbar-brand>img {
    width: 280px;
}
.left-sidebar-results .page_item a{
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}
.left-sidebar-results{
    margin-bottom: 10px;
}
.nav-sidebar .nav-item .nav-link {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #212529;
    position: relative;
    max-width: 96%;
    display: inline;
}
.nav-sidebar .nav-item .nav-link:hover{
    color:#3b64d2 !important;
}
.nav-sidebar .nav-item.active .nav-link {
    color:#3b64d2 !important;
}
.nav-sidebar .nav-item {
    margin-bottom: 5px;
    padding-right: 35px;
    position: relative;
    cursor: pointer;
}
.nice-select.open .list {
    width: 260px;
}
.nav-sidebar > .nav-item > .doc-link{
    padding-left: 5px;
    padding: 0px;
    border-radius: 0;
}
.doc_left_sidebarlist .ezd-scroll:not(.op-docs-sidebar){
    margin-left: 0 !important;
    padding-right: 0;
}
.doc_left_sidebarlist:before{
    content: "";
    width: 200%;
    right: 0;
    height: 100vh !important;
    background: #fafcfd;
    position: absolute;
    border-bottom: 1px solid #e5e9eb;
    border-right: 1px solid #e5e9eb;
    top: 0;
    z-index: -1;
}
.credit-text-container::after{
    display: none;
}
.doc_left_sidebarlist{
    padding-top: 20px;
    padding-bottom: 30px;
    z-index: 1;
    margin-right: 30px;
    position: relative;
    height: 100%;
}
.doc-middle-content{
    padding: 0;
}
.single-docs .shortcode_title h1{
    font-size: 30px;
}
.nav-sidebar > .nav-item > .doc-link:hover{
    background:transparent;
}
.nav-sidebar .nav-item.current_page_item > .doc-link{
    color: var(--ezd_brand_color);
    background: transparent;
    border: 0;
}
.nav-sidebar .nav-item .dropdown_nav li:not(.has_child){
    padding: 0;
}
.single-docs .nav-sidebar .nav-item .dropdown_nav li:not(.has_child):hover {
    background: transparent;
}
.single-docs .nav-sidebar .nav-item .dropdown_nav li:not(.has_child):hover a{
    color: #3b64d2 !important;
}
.nav-sidebar .nav-item .dropdown_nav li:not(.has_child) a{
    color: #212529;
}
img.mb-3.wp-post-image, .categories_guide_item img.featured-image {
    display: none;
}
.menu>.nav-item>.nav-link{
    color: white;
}
.nav-sidebar .nav-item .dropdown_nav li:not(.has_child).current_page_item{
    background: transparent;
    border: 0;
}
.nav-sidebar .nav-item .dropdown_nav li:not(.has_child) a.active{
   color:#3b64d2;
}
.nav-sidebar .nav-item .nav-link img{
    padding-bottom: 5px;
}
.eazydocs-footer{
    display: none;
}
.doc_rightsidebar{
    padding-left: 30px;
    height: 100vh;
}
.doc_rightsidebar .pageSideSection{
    position: initial;
    padding-left: 0;
}
.single-docs .doc_rightsidebar{
    max-height: 100vh;
}
.toc_right .nav-link.active::before{
    left: -10px;
}
article.shortcode_info {
    padding-bottom: 100px !important;
}
.wp-block-coblocks-faq-item__question__icon {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 3px;
    transform: scaleY(-1);
    transition: transform .2s;
}
.wp-block-coblocks-faq-item__question {
    font-weight: 600;
    list-style: none;
    position: relative;
}
.wp-block-coblocks-faq-item {
    border-bottom: 1px solid #8c8c971a;
    margin: 0;
    padding: 1rem 0;
}
.single-docs #post h3{
    font-weight: 700;
    margin-bottom: 0;
}
.feedback_link p.left a{
    line-height: 1.8;
    color: #fff;
}
.feedback_link .h_btn{
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 1px 14px 0;
    box-shadow: 0 3px 8px 0 rgba(2, 48, 58, 0.14);
    transition: all 0.2s linear;
    margin-left: 8px;
}
.doc_banner_text_two.text-center h2 {
    line-height: 50px !important;
}
@media (max-width: 991px){
    .doc-middle-content {
        padding: 60px 30px 0;
        padding-top: 100px;
    }
    .shortcode_info{
        padding-top: 0 !important;
    }
    .doc_left_sidebarlist .scroll:not(.op-docs-sidebar){
        padding-right: 15px !important;
    }
    .doc_left_sidebarlist{
        margin-right: 0 !important;
    }
    .nav-sidebar .nav-item.no_icon.active .nav-link img, .nav-sidebar .nav-item.no_icon .nav-link img.open, .nav-sidebar .nav-item.no_icon .nav-link img.closed{
        display: none !important;
    }
    .doc_banner_text_two.text-center h2 {
        font-size: 36px;
    }
    .breadcrumb .breadcrumb-item:last-child, .left-sidebar-toggle{
        display: block !important;
    }
}
@media (max-width: 767px){
    .page_breadcrumb .date {
        float: none !important;
    }
}
@media (max-width: 670px){
    .simple_footer .f_social_icon {
        justify-content: center !important;
    }
}

.doc-post-content p a {
    margin-right: 0px !important;
}
.doc-post-content p a:after {
    content: '' !important;
    margin-right: 0;
}