/*
Theme Name: Anema Child
Theme URL: https://themeforest.net/item/anema-creative-onepage-multipage-wordpress-theme/15638104?ref=webRedox
Description: Child theme of Anema
Author: webRedox WordPress team
Author URI: http://webredox.net/
Template: anema
Version: 1.0
Text Domain: anema-child
*/
/*******Add Your Css Below This Line*********/

/* ==========================================================================
   Mobile Menu Styles
   ========================================================================== */
@media (max-width: 991px) {

    /* Скрываем подменю по умолчанию */
    .dropdown-menu {
        display: none !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background-color: transparent !important;
        margin: 0 !important;
        padding-left: 15px !important;
    }

    /* Показываем активное подменю */
    .dropdown-menu.show {
        display: block !important;
    }

    /* Стили для кнопки раскрытия подменю */
    .dropdown-toggle::after {
        content: "+" !important;
        float: right !important;
        margin-left: 5px !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        margin-top: 0 !important;
        vertical-align: middle !important;
    }

    .dropdown-toggle[aria-expanded="true"]::after {
        content: "-" !important;
    }

    /* Отступы для вложенных меню */
    .dropdown-menu .dropdown-menu {
        padding-left: 20px !important;
    }

    /* Стили для активного состояния кнопки */
    .dropdown-toggle.open {
        color: #0e5d6f !important;
    }

    /* Убираем стрелочки у всех элементов меню */
    .dropdown-toggle .caret {
        display: none !important;
    }
}


/* Скрываем автора и количество комментариев в блоге */
.sec-blog .blog-info .links .author,
.sec-blog .blog-info .links .author+span,
.sec-blog .blog-info .links .comment,
.sec-blog .blog-info .links .comments {
    display: none !important;
}

/* Убираем разделители, которые остались после скрытия элементов */
.sec-blog .blog-info .links {
    font-size: 0;
}

/* Возвращаем видимость только категориям */
.sec-blog .blog-info .links a {
    font-size: 14px;
    /* Размер шрифта для категорий */
    display: inline-block;
}

/* ==========================================================================
   Preloader styles
   ========================================================================== */
#preloader {
    background-color: #bdbdbd;
    /* change if the mask should have another color then white */

}

#preloader #status {
    background: #0e5d6f;

    /* Dots, clockwise */

    box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
}



@keyframes blink {
    12.5% {
        background: rgba(60, 141, 180, 0.5);
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    25% {
        background: #0e5d6f;
        box-shadow: 1em 1em rgba(60, 141, 180, 0.5), 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    37.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em rgba(60, 141, 180, 0.5), 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    50% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em rgba(60, 141, 180, 0.5), 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    62.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em rgba(60, 141, 180, 0.5), -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    75% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em rgba(60, 141, 180, 0.5), -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    87.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em rgba(60, 141, 180, 0.5), -1em 1em #0e5d6f;
    }

    100% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em rgba(60, 141, 180, 0.5);
    }
}

@-moz-keyframes blink {
    12.5% {
        background: rgba(60, 141, 180, 0.5);
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    25% {
        background: #0e5d6f;
        box-shadow: 1em 1em rgba(60, 141, 180, 0.5), 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    37.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em rgba(60, 141, 180, 0.5), 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    50% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em rgba(60, 141, 180, 0.5), 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    62.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em rgba(60, 141, 180, 0.5), -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    75% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em rgba(60, 141, 180, 0.5), -2em 2em #0e5d6f, -1em 1em #0e5d6f;
    }

    87.5% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em rgba(60, 141, 180, 0.5), -1em 1em #0e5d6f;
    }

    100% {
        background: #0e5d6f;
        box-shadow: 1em 1em #0e5d6f, 2em 2em #0e5d6f, 1em 3em #0e5d6f, 0em 4em #0e5d6f, -1em 3em #0e5d6f, -2em 2em #0e5d6f, -1em 1em rgba(60, 141, 180, 0.5);
    }
}


/* ==========================================================================
   Breadcrumb Home Icon
   ========================================================================== */
/* First, let's make sure Font Awesome is loaded */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

/* ==========================================================================
   Full Width Layout When Sidebar is Empty
   ========================================================================== */
/* Ensure full width content when sidebar is empty */
body:not(.page-template-template-full-width) .wrapper-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix container width for full-width layout */
body:not(.page-template-template-full-width) .site-content .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide empty sidebar */
.section-sidebar:empty,
.section-sidebar:has(> :empty) {
    display: none;
}

/* Adjust content width when sidebar is hidden */
body:not(.page-template-template-full-width) .col-md-9.pull-left,
body:not(.page-template-template-full-width) .col-md-9.pull-right {
    width: 100% !important;
    float: none !important;
}

.breadcrumb>li:first-child a {
    position: relative;
    padding-left: 20px;
    color: transparent !important;
    width: 20px;
    display: inline-block;
}

.breadcrumb>li:first-child a::before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #c9c9c9;
    font-size: 16px;
    z-index: 99;
}

/* Hover effect */
.breadcrumb>li:first-child a:hover::before {
    color: #b46e3c;
}

/* Alternative approach using a background image if Font Awesome still doesn't work */
.breadcrumb>li:first-child a::after {
    content: '';
    display: none;
    /* Disabled by default */
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23333' d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* ==========================================================================
   Header styles
   ========================================================================== */

#header .header-body-fixed .navbar-default.wr-light,
#header .navbar-default .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.9);
}

#header .navbar-default .navbar-nav li:hover .sub-menu-container {
    left: 180px;
}

#header .navbar-default .navbar-nav li .sub-menu-container.sub-menu-list li {
    padding: 6px 10px;
}

#header .navbar-default .navbar-nav li .sub-menu-container.sub-menu-list li a {
    line-height: 22px;
    font-size: 20px;
    font-weight: 600;
}

#header nav i[class^="icon-"] {
    position: absolute;
    left: 40px;
    top: 10px;
    font-weight: 400;
    font-size: 40px;
    line-height: 80px;
    color: #00a0e3
        /*gba(34, 34, 34)*/
    ;
}

#header .header-body-fixed nav i[class^="icon-"],
#header.header-top-fixed nav i[class^="icon-"],
#header.header-all-time-top-fixed nav i[class^="icon-"] {
    color: rgba(255, 255, 255, 0.8) !important;
}
}

/* ==========================================================================
   Section Title
   ========================================================================== */
h1.head-title.modif {
    font-size: 2.2em !important;
    line-height: inherit !important;
}


.block {
    padding: 50px 0 50px;
}

/* ==========================================================================
   News Box
   ========================================================================== */
section.second-page-top .section-block-title {
    padding-top: 170px;
}

section .section-title .section-title-body {
    padding-bottom: 40px;
}

section .section-title .section-title-body .head-text {
    margin: 0px;
}

.row .sec-blog {
    display: flex;
    flex-wrap: wrap;
}

.sec-blog .col-md-4 {
    padding: 0 10px 40px;
}

.post-blog {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
    align-items: stretch;
    height: 100%;
}

.post-blog .blog-info {
    flex-grow: 1;
}

.section-sub-title .head-title::after {
    border-color: #EF7F1A !important;
}

.section-sub-title .head-title::before {
    background: #EF7F1A !important;
}

.post-blog .date,
.post-blog:hover .date {
    background-color: #f7f7f7 !important;
    z-index: 99;
    border: 1px solid #EF7F1A !important;
}

.post-blog .date .day,
.post-blog .date .month {
    color: #EF7F1A !important;
}

.post-blog:hover .blog-info {
    background: rgba(0, 160, 227, 0.3) !important;
}

.post-blog:hover .blog-info .blog-title {
    color: rgba(34, 34, 34, 0.9) !important;
}

.blog-info .links {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
    margin-left: 40%;
    text-indent: 0px !important;
}

.blog-info .links a {
    white-space: nowrap;
    color: rgba(34, 34, 34, 0.9) !important;
}

.blog-info .links a:hover {
    color: #EF7F1A !important;
    text-decoration: underline;
}

/* ==========================================================================
   Button Anema
   ========================================================================== */
.sec-btn.btn-default:hover {
    background-color: #EF7F1A;
    color: #fff !important;
}


/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
    background-color: #f3f3f3;
}

#footer .footer-info-block h4 {
    line-height: 20px;
}

#footer .footer-info-block a {
    color: #00a0e3 !important;
}

#footer .footer-info-block a:hover {
    text-decoration: underline;
}

#footer .footer-info-block .sec-button a {
    color: #EF7F1A !important;
    border: 1px solid #EF7F1A;
    padding: 6px 15px;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
    transition: all 0.3s ease;
}

#footer .footer-info-block .sec-button a .fa-envelope-open::before {
    color: #EF7F1A !important;
    margin-right: 6px;
    transition: all 0.3s ease;
}

#footer .sec-button a:hover,
#footer .footer-info-block .sec-button a:hover .fa-envelope-open::before {
    color: #fff !important;
    text-decoration: none;
}

/* Стили для кнопок переключения */
.menu-toggle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    float: right;
    color: #00a2e4;
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 860px) {
    .menu-toggle {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .menu-item-has-children>a {
        position: relative;
        padding-right: 30px !important;
    }

    .sub-menu-container {
        display: none;
        padding-left: 20px !important;
    }

    #header.header-fullscreen-top .header-body .navbar-default .navbar-nav li.with-dropdown .sub-menu-container {
        padding: 0 !important;
    }
}

/* Для десктопа скрываем кнопки */
@media (min-width: 861px) {
    .menu-toggle {
        display: none !important;
    }

}

/* Планшеты и мобильные (до 1199px) */
@media (max-width: 1199px) {
    [data-q_id="#heading-home"] .vc_column_container .vc_column-inner .wpb_wrapper {
        max-width: 100% !important;
    }

    #header nav i[class^="icon-"] {
        left: 10px;
        top: 0px;
        font-size: 30px;
        line-height: 50px;
    }

    #header .navbar-default .navbar-nav>li>a {
        padding-left: 40px !important;
    }

    #header .navbar-default .navbar-nav li a {
        font-size: 22px;
        line-height: 26px;
        padding: 10px 10px !important;
    }

    #header.header-fullscreen-top .header-body .navbar-default .navbar-nav li.with-dropdown .sub-menu-container {
        margin: 10px auto 0;
    }

    #header.header-fullscreen-top .header-body .navbar-default .navbar-nav li.with-dropdown .sub-menu-container.sub-menu-list li a {
        background-color: transparent;
    }

    #header .navbar-default .navbar-nav li a {
        text-align: left;
    }

    #header .navbar-default .navbar-nav li .sub-menu-container ul.sub-menu-container {
        background-color: rgba(34, 34, 34, 0.95) !important;
    }

    #header nav i[class^="icon-"],
    #header .header-body-fixed nav i[class^="icon-"],
    #header.header-top-fixed nav i[class^="icon-"],
    #header.header-all-time-top-fixed nav i[class^="icon-"] {
        color: rgba(34, 34, 34) !important;
        ;
    }
}