/*
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.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docly-child
*/

/* Резервируем пространство до загрузки изображения */
/* .elementor-widget-image {
    position: relative;
    overflow: hidden;
}

.elementor-widget-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1096 / 623;
} */

/* Альтернативный метод через padding */
/* .elementor-widget-image::before {
    content: '';
    display: block;
    padding-top:57.22%; 
} */

/* .elementor-widget-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}  */

:root {
    --white: #fff;
    --gray: #aeaeae;
    --black: #303139;
    --sky: #e8edfd;
    --blue: #174be6;
    --blue-2: #0e35b9;
    --dark-blue: #081f6d;
    --dark-blue-2: #020b29;
    --shadow: 0 0 20px rgba(51, 51, 51, 0.1);
}

/**
* Если нет меню, то стили будут такими
*/

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

/*#navbarSupportedContent li {
    display: inline;
    font-size: 14px;
  font-weight: 500;
  padding: 10px 10px;
  text-align: center;
  transition: all 0.3s linear;
  /*color: var(--brand_color);*/
/*color: #2133d1;*/
/*}*/





#navbarSupportedContent li {
    display: inline;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    border: 2px solid #fff;
    transition: all 0.3s linear;
    background: #fff;
    color: var(--brand_color);

}


span.doc-section {
    margin: 0 !important;
    padding: 0 !important;
}

#ezd-search-results.ajax-search {
    overflow: hidden;
}

#navbarSupportedContent li a {
    padding: 10px 10px;
}


div#navbarSupportedContent li:hover {
    /* background: aqua; */
    background: var(--brand_color);
    border-color: var(--brand_color);
    /* color: #fff; */
}

.simple_footer .f_social_icon {
    justify-content: center !important;
}



div#navbarSupportedContent li:hover a {
     color: #fff; 
}

.navbarSupportedContent li:hover {
  background: var(--brand_color);
  border-color: var(--brand_color);
  color: #fff;
}
.navbarSupportedContent li:hover {
  color: #fff;
}

#navbarSupportedContent li:first-child {
    margin-right: 10px;
    position: relative;
}

#navbarSupportedContent li:first-child::before {
    content: "|"; /* Вертикальная черта */
    position: absolute;
    right :-11px; /* Отступ перед вертикальной чертой */
}

#navbarSupportedContent li {
    display: inline;
}

#navbarSupportedContent li:first-child {
    margin-right: 10px;
    position: relative;
}

#navbarSupportedContent li:first-child::before {
    content: "|"; /* Вертикальная черта */
    position: absolute;
    right : -11px; /* Отступ перед вертикальной чертой */
}

/*div#navbarSupportedContent li.current-lang {
    background: var(--brand_color);
    border-color: var(--brand_color);
}*/

div#navbarSupportedContent li.current-lang a {
    font-weight: 800;
}

div#ezd-search-results {
    margin-top: 40px;
}


span.header-search-form__keywords-label.search_keyword_label {
    display: none;
}

/*Кнопки header*/

.header__btn-box {
    display: flex;
    gap: 16px;
    min-width: 216px;
    margin-left: 16px;
}

.btn--sign {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: var(--blue);
}
.btn_if {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 10px;
    font-weight: 500;
    text-align: center;
    color: var(--white);
    background: var(--brand_color);
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
}

.btn_if:active {
    background: var(--dark-blue);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn_if:hover {
    color: var(--white);
    background: var(--blue-2);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.btn--login {
    width: 100%;
    max-width: 100px;
    height: 40px;
    border: 1px solid var(--brand_color);
    background: transparent;
    color: var(--blue);
    font-size: 14px;
}


.single.has_not_menu .navbar:not(.navbar_fixed) {
    height: auto !important;
}


.btn_if.btn--login:hover {
    color: white;
    background: var(--brand_color);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

span.doc-section {
    margin-left: 29px !important;
}

.section.eazydocs-footer {
    display: none;
}

.menu_one {
    background: #f9f9f9 !important;
    transition: all 0.2s linear;
}

.breadcrumb_area_two {
    background: #ffffff !important;
}

@media screen and (max-width: 450px){
    .languages_block {
        padding-bottom: 16px;
        padding-top: 16px;
        margin: 0 auto;
        text-align: center;
    }

    .mobile_main_menu.sticky.container.mobile_menu_right{
        display: flex;
        align-items: center;
    }

    .languages_block.mobile_sticky_lang li {
        padding: 0 !important;
    }

    .mobile_main_menu .sticky.container li.lang-item {
        padding: 10px 0px !important;
    }

    .ezd-lg-col-7.ezd-grid-column-full.eazydocs-feedback-wrap.eazydocs-hide-print p {
        width: 250px;
        text-align: center;
    }

    .ezd-lg-col-5.ezd-grid-column-full p {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }
    div#navbarSupportedContent {
        padding-bottom: 5px;
    }

    form#commentform {
        padding-top: 100px;
    }

    .mobile_main_menu.sticky {
        background: white;
    }

    span.hamburger span {
        background: #0c0d0e;
    }
    section.breadcrumb_area {
        padding: 155px 0 20px;
    }

    .doc-middle-content .topic_item_tabs {
        margin-top: 0px !important;
    }

    .elementor-5488 .elementor-element.elementor-element-be627d3 form.ezd_search_form {
        max-width: 90% !important;
    }
}


/*.single.has_not_menu .navbar:not(.navbar_fixed) {
     height: 0px !important; 
}*/

/*.container.custom_container {
   background: #f9f9f9 !important;
   transition: all 0.2s linear;
}*/

/*@media screen and (max-width: 991px) {
    div#navbarSupportedContent {
        display: flex;
        flex-direction: column-reverse;
    }

    .header__btn-box {
        padding-top: 30px;
    }

    .languages_block {
        padding-top: 20px;
    }

    /*.navbar-collapse {
        overflow-y: unset !important;
    }*/
/*}*/

.ezd-list-unstyled.article_list li:nth-child(n+6) {
    display: none;
}